- Home
- Categorie
- Coding e Sistemistica
- Coding
- Logo sballatutto!
-
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]