Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

"Scrollable Content" contenuto scorrevole Opzioni
danilolu
Inviato: Saturday, March 12, 2011 6:45:43 PM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
ho creato una pagina web usando dreamwaver cs5 e ho inserito una "Scrollable Content" come da questo tutorial: http://www.youtube.com/watch?v=b8Je5fBe45A e fin qui tutto ok, ora però non riesco a far iniziare il testo giustificato, con un po' di margine a sinistra e un po' di margine a destra allontantanandomi quindi un po' dal bordo sx e dx (quello vicino alla barra di scorrimento) .... non ci riesco ... chi puo' aiutarmi ?
allego la pagina in codice html:
<html>
<head>
<title>pagina2-bio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color: #000;
}
.scrolldivstyle {
height: 561px;
width: 483px;
color: #999;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
overflow: auto;
background-color: #000;
text-align: justify;
letter-spacing: normal;
word-spacing: normal;
line-height: 20px;
margin: auto;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (pagina2-bio.psd) -->
<table width="1025" height="768" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabella_01">
<tr>
<td colspan="5">
<img src="immagini/pagina2-bio_01.gif" width="1024" height="99" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="99" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="immagini/pagina2-bio_02.gif" width="396" height="23" alt=""></td>
<td rowspan="17" align="left" valign="top"><div class="scrolldivstyle">
<p>Roberta Ubaldi nasce a Terni nel 1965. Vive e lavora a Narni Scalo (TR) . Nel 1984 si diploma maestra d&rsquo;arte presso l&rsquo;Istituto d&rsquo;Arte &ldquo;Orneore Metelli&rdquo; di Terni . Inizia ad esporre nel 1998 partecipando contemporaneamente a vari concorsi nazionali. La curiosit&agrave; e la voglia di crescere la portano a sperimentare di continuo : dopo aver studiato e frequentato le diverse tecniche classiche, arriva progressivamente a sviluppare una sua ben definita cifra stilistica , una tecnica estrema e delle cromie ridotte all&rsquo;osso sono al servizio di un lavoro personalissimo . La continua ricerca di materiali diversi l&rsquo;ha portata attualmente ad utilizzare lamiere di ferro in cui l&rsquo;ossidazione creata dal tempo&nbsp; supera lo status di mero supporto per divenire parte essenziale dell&rsquo;opera pittorica. L&rsquo;amore per il corpo umano , la porta a raffigurazioni che a partire da una matrice ancora volutamente figurativa sembrano volersi celare dentro una trama di ossidazioni che parlano di tempo e di memoria..Roberta Ubaldi nasce a Terni nel 1965. Vive e lavora a Narni Scalo (TR) . Nel 1984 si diploma maestra d&rsquo;arte presso l&rsquo;Istituto d&rsquo;Arte &ldquo;Orneore Metelli&rdquo; di Terni . Inizia ad esporre nel 1998 partecipando contemporaneamente a vari concorsi nazionali. La curiosit&agrave; e la voglia di crescere la portano a sperimentare di continuo : dopo aver studiato e frequentato le diverse tecniche classiche, arriva progressivamente a sviluppare una sua ben definita cifra stilistica , una tecnica estrema e delle cromie ridotte all&rsquo;osso sono al servizio di un lavoro personalissimo . La continua ricerca di materiali diversi l&rsquo;ha portata attualmente ad utilizzare lamiere di ferro in cui l&rsquo;ossidazione creata dal tempo&nbsp; supera lo status di mero supporto per divenire parte essenziale dell&rsquo;opera pittorica. L&rsquo;amore per il corpo umano , la porta a raffigurazioni che a partire da una matrice ancora volutamente figurativa sembrano volersi celare dentro una trama di ossidazioni che parlano di tempo e di memoria..Roberta Ubaldi nasce a Terni nel 1965. Vive e lavora a Narni Scalo (TR) . Nel 1984 si diploma maestra d&rsquo;arte presso l&rsquo;Istituto d&rsquo;Arte &ldquo;Orneore Metelli&rdquo; di Terni . Inizia ad esporre nel 1998 partecipando contemporaneamente a vari concorsi nazionali. La curiosit&agrave; e la voglia di crescere la portano a sperimentare di continuo : dopo aver studiato e frequentato le diverse tecniche classiche, arriva progressivamente a sviluppare una sua ben definita cifra stilistica , una tecnica estrema e delle cromie ridotte all&rsquo;osso sono al servizio di un lavoro personalissimo . La continua ricerca di materiali diversi l&rsquo;ha portata attualmente ad utilizzare lamiere di ferro in cui l&rsquo;ossidazione creata dal tempo&nbsp; supera lo status di mero supporto per divenire parte essenziale dell&rsquo;opera pittorica. L&rsquo;amore per il corpo umano , la porta a raffigurazioni che a partire da una matrice ancora volutamente figurativa sembrano volersi celare dentro una trama di ossidazioni che parlano di tempo e di memoria..</p>
</div></td>
<td rowspan="18">
<img src="immagini/pagina2-bio_04.gif" width="145" height="593" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td rowspan="17">
<img src="immagini/pagina2-bio_05.gif" width="129" height="570" alt=""></td>
<td bgcolor="#000000">
<img src="immagini/bt_bio.gif" width="181" height="15" alt=""></td>
<td rowspan="17">
<img src="immagini/pagina2-bio_07.gif" width="86" height="570" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/pagina2-bio_08.gif" width="181" height="19" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/bt_curriculum.gif" width="181" height="15" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/pagina2-bio_10.gif" width="181" height="19" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/bt_recensioni.gif" width="181" height="15" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/pagina2-bio_12.gif" width="181" height="20" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/bt_opere.gif" width="181" height="15" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/pagina2-bio_14.gif" width="181" height="18" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/bt_eventi.gif" width="181" height="15" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/pagina2-bio_16.gif" width="181" height="18" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/bt_link.gif" width="181" height="15" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/pagina2-bio_18.gif" width="181" height="20" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/bt_contatti.gif" width="181" height="15" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/pagina2-bio_20.gif" width="181" height="20" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/bt_home.gif" width="181" height="15" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="immagini/pagina2-bio_22.gif" width="181" height="316" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="284" alt=""></td>
</tr>
<tr>
<td>
<img src="immagini/pagina2-bio_23.gif" width="483" height="32" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="immagini/background.gif" width="1024" height="32" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="immagini/pagina2-bio_25.gif" width="1024" height="44" alt=""></td>
<td>
<img src="immagini/spaziatore.gif" width="1" height="44" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Sponsor
Inviato: Saturday, March 12, 2011 6:45:43 PM

 
lui49
Inviato: Saturday, March 12, 2011 9:03:43 PM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845
aggiungi nel .scrolldivstyle gli attributi

padding-left:10px;
padding-right:10px;

10px cambialo come vuoi
danilolu
Inviato: Saturday, March 12, 2011 11:55:21 PM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
... grazie lui49 !!! visto che ci sono ti chiedo: la barra di scorrimento può avere solo il colore automatico o in qualche maniera si puo' variare ? ... grazie ancora, ciao Danilo
lui49
Inviato: Sunday, March 13, 2011 10:33:48 AM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845
aggiungi:

scrollbar-face-color : #FF0011 ;

scegli il colore che vuoi.....però mi sa che funziona solo con IE.
ecofive
Inviato: Sunday, March 13, 2011 11:19:42 AM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Lui49, sempre più bravo.

Ciao.
danilolu
Inviato: Monday, March 14, 2011 6:57:12 AM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
... grazie Lui49 .... proverò !
danilolu
Inviato: Tuesday, March 22, 2011 7:29:56 AM
Rank: Member

Iscritto dal : 12/29/2000
Posts: 22
... devo inserire qui ?
}
.scrolldivstyle {
height: 561px;
width: 483px;
color: #999;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
overflow: auto;
background-color: #000;
text-align: justify;
letter-spacing: normal;
word-spacing: normal;
line-height: 20px;
margin: auto;
}
</style>
</head>
lui49
Inviato: Tuesday, March 22, 2011 10:43:45 AM
Rank: AiutAmico

Iscritto dal : 5/4/2003
Posts: 2,845
sì...

Code:
.scrolldivstyle {
height: 561px;
width: 483px;
color: #999;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
overflow: auto;
background-color: #000;
text-align: justify;
letter-spacing: normal;
word-spacing: normal;
line-height: 20px;
margin: auto;
padding-left:10px;
padding-right:10px;
scrollbar-face-color : #FF0011 ;
}


il valore 10px modificalo in + o in - a tuo gradimento..
puoi anche aggiungere spazio sopra e sotto se vuoi....
tieni presente che la colorazione delle scroll-bar funziona solo con IE.
danilo62
Inviato: Tuesday, March 22, 2011 12:19:41 PM
Rank: Member

Iscritto dal : 3/21/2011
Posts: 22
... grazie Lui ... appena posso provo
buona giornata
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.