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?

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

<div id="topPan">
[img]images/logo.gif[/img]