Precedente :: Successivo |
Autore |
Messaggio |
salvofat Eroe in grazia degli dei
Registrato: 09/06/02 20:44 Messaggi: 86 Residenza: nord africa ma ancora italia
|
Inviato: 15 Nov 2008 12:35 Oggetto: logo sballatutto! |
|
|
salve a tutti
ho scaricato un template con annesso CSS e sto cercando di adattarlo alle mie esigenze.
innanzitutto devo posizionare il mio logo al posto di quello originale proposto.
il formato del mio logo è 300x119.
nel template originale è invece 213x30.
quando provo a modificare questi valori nel foglio di stile, tutto sballa e non funziona + la formattazione della pagina html.
incollo qui di seguito la parte di codice del foglio di stile, che secondo me andava modificata e quella del file html.
Quello che ho fatto e' di cambiare i valori indicati in img.logo{width:213px; height:30px; margin:41px 0 5px;} con quelli di cui sopra e lo stesso nella pag html .
ma non funziona, or almeno non e' sufficiente!
qualche aiuto?
Codice: | STYLE.CSS
/*---Top Panel----*/
#topPan{width:565px; height:96px; padding:0 0 0 56px;}
#topPan img.logo{width:213px; height:30px; margin:41px 0 5px;}
#topPan p{width:210px; height:18px; border:1px solid #D1C7A7; background:#fff; color:#010000; text-align:center; font-size:14px;}
#topPan ul{width:168px; position:absolute; top:51px; right:127px;}
#topPan ul li{width:55px; height:38px; border-right:1px solid #E3DDCD; float:left;}
#topPan ul li.pen{width:55px; height:38px; background:url(images/icon1-normal.gif) 0 0 no-repeat;}
#topPan ul li.pen a{width:55px; height:38px; display:block; background:url(images/icon1-normal.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.pen a:hover{width:55px; height:38px; background:url(images/icon1-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.book{width:55px; height:38px; background:url(images/icon2-normal.gif) 0 0 no-repeat;}
#topPan ul li.book a{width:55px; height:38px; display:block; background:url(images/icon1-norma2.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.book a:hover{width:55px; height:38px; background:url(images/icon2-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.calculator{width:55px; height:38px; background:url(images/icon3-normal.gif) 0 0 no-repeat; border:none;}
#topPan ul li.calculator a{width:55px; height:38px; display:block; background:url(images/icon3-norma2.gif) 0 0 no-repeat; text-indent:-20000px;}
#topPan ul li.calculator a:hover{width:55px; height:38px; background:url(images/icon3-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
/*---/Top Panel----*/
|
mentre nel file HTML
Codice: | <div id="topPan">
<a href="index.html"><img src="images/logo.gif" title="logo Ed" alt="logo Ed" width="213" height="30" border="0" class="logo"/></a> |
|
|
Top |
|
|
mdweb Dio maturo
Registrato: 18/12/07 15:59 Messaggi: 4412
|
Inviato: 20 Nov 2008 16:36 Oggetto: |
|
|
modifica anche le dimensioni degli altri div è necessarrio oppure mettigli un po' di margin se vuoi ingrandire il logo devi abbassare e allargare il resto della pagina:
Codice: | <img src="images/logo.gif" title="logo Ed" alt="logo Ed" width="213" height="30" border="0" class="logo"/> |
Anche qui prova a modificare i valori.
Potresti mettere la pagina on-line cosi vediamo cosa succede? |
|
Top |
|
|
salvofat Eroe in grazia degli dei
Registrato: 09/06/02 20:44 Messaggi: 86 Residenza: nord africa ma ancora italia
|
Inviato: 22 Nov 2008 07:52 Oggetto: |
|
|
grazie, dove posso mettere la pagina html e il relativo css di stile? non ho ancora comprato il dominio proprio perchè non ho fatto il sito!
mi suggerisci qualche spazio web? |
|
Top |
|
|
|