Testa att sätta:
#headMenu img {
float:left;
}
Finns en massa andra sätt att göra på också
/ m a r t i n
5 svar · 470 visningar · startad av Emil RT
Hej!
Har precis börjar arbeta mig ifrån tabellerna och ska försöka ge mig på CSS på riktigt. Räkna med en hel del inlögg från moi!
Har en helt valig DIV
#headMenu {
position: absolute;
width:760px;
top:101px;
height:24px;
margin:0px;
padding:0px;
background-color: #000000;
}
Funkar fint så länge man inte har ngt innehåll i den.
När jag sen proppar den full med bilder som är 24px höga blir den 3 pixlar högre i IE men ser bra ut i NS och Opera.
Vad tror ni?
/E
Testa att sätta:
#headMenu img {
float:left;
}
Finns en massa andra sätt att göra på också
/ m a r t i n
Jepp, det funkade (nästan).
- Varför?
- Padding och margin till bilderna som är länkar med mouseover försvinner dock.
/E
På A svarar jag: img är ett inlineobjekt, så det läggs till samma baslinjehöjd som löptext (ca 3 pixlar)
På B svarar jag: vet inte (förstod inte riktigt vad du menade)
margin på länkarna försvinner. har alltså 9 bildknappar med hover.
<a href="#" class="hLink" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('h1','','aaa_media/lay_hbut_01_st.gif',1)">
<img src="aaa_media/lay_hbut_01_ou.gif" alt="" name="h1" width="62" height="24" border="0"></a>
.hLink{
margin: 0px 33px 0px 0px;
}
/E