• F
    User •

    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 più 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, o almeno non e' sufficiente!

    Qualche aiuto?

    STYLE.CSS

    /*---Top Panel----*/
#topPan{width:565px; height:96px; padding:0 0 0 56px;} img.logo{width:213px; height:30px; margin:41px 0 5px;}
 p{width:210px; height:18px; border:1px solid #D1C7A7; background:#fff; color:#010000; text-align:center; font-size:14px;}
 ul{width:168px; position:absolute; top:51px; right:127px;} ul li{width:55px; height:38px; border-right:1px solid #E3DDCD; float:left;} ul li.pen{width:55px; height:38px; background:url(images/icon1-normal.gif) 0 0 no-repeat;} ul li.pen a{width:55px; height:38px; display:block; background:url(images/icon1-normal.gif) 0 0 no-repeat; text-indent:-20000px;} ul li.pen a:hover{width:55px; height:38px; background:url(images/icon1-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
 ul li.book{width:55px; height:38px; background:url(images/icon2-normal.gif) 0 0 no-repeat;} ul li.book a{width:55px; height:38px; display:block; background:url(images/icon1-norma2.gif) 0 0 no-repeat; text-indent:-20000px;} ul li.book a:hover{width:55px; height:38px; background:url(images/icon2-hover.gif) 0 0 no-repeat; text-indent:-20000px;}
 ul li.calculator{width:55px; height:38px; background:url(images/icon3-normal.gif) 0 0 no-repeat; border:none;} ul li.calculator a{width:55px; height:38px; display:block; background:url(images/icon3-norma2.gif) 0 0 no-repeat; text-indent:-20000px;} 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

    [HTML]<div id="topPan">
    <a href="index.html"><img src="http://www.giorgiotave.it/forum/images/logo.gif" title="logo Ed" alt="logo Ed" width="213" height="30" border="0" class="logo"/></a>[/HTML]

    0
Effettua l'accesso per rispondere