Jag försöker sätta en snygg skuggad ram runt en bild med hjälp av css koden nedan, men jag får som en vit rad under bilden, mellan bildens underkant och ramen, det måste väl gå att ta bort så att det är padding 0px där också? Har försökt med padding-bottom:0px i alla lager men inget hjälper... Nu har jag provat era förslag, inget hjälper... Jag kan fixa det genom att skriva in en fixed height för lagret, men då måste jag ju ha en egen klass för varje enskild bild jag stoppar in. Det borde inte behövas, men ingenting hjälper =( Hur kom du fram till det?! impad. <b>Hur kom du fram till det?! impad.</b>osynlig ny rad?
HTML-koden:
<div class="blur">
<div class="shadow">
<div class="content">
<img src="<%=img1%>" />
</div>
</div>
</div>
-----------------------
Stylesheet:
.blur{
background-color: #ccc; /*shadow color*/
color: inherit;
margin-left: 4px;
margin-top: 4px;
}
.shadow,
.content{
position: relative;
bottom: 2px;
right: 2px;
}
.shadow{
background-color: #666; /*shadow color*/
color: inherit;
}
.content{
background-color: #fff; /*background color of content*/
color: #000; /*text color of content*/
border: 1px solid #000; /*border color*/
}Sv:osynlig ny rad?
Sv:osynlig ny rad?
Men det finns ju inga tecken där, hur visste du? Eller hur kan det påverka där?Sv: osynlig ny rad?
Erfarenhet. Tidigare tipsades du om att ta bort allt tomrum före och efter img taggen, det skulle fungerat likadant.
<b>Men det finns ju inga tecken där, hur visste du? Eller hur kan det påverka där?</b>
Tabbar, nya rader och mellanslag tolkas som ett mellanslag. Har du alltså en ny rad före början på img taggen är det samma som att det skulle vara ett mellanslag, visuellt sett renderat på skärmen. Samma sak gäller självklart efter taggar också.
Genom att sätta font-size till 0 säger man att dessa tomrum ska ritas ut med textstorlek 0, alltså ingen storlek.
Tittar man på en webbsida i till exempel Firebug i Firefox eller Microsofts Utvecklingsverktyg ser man att tomrummet före och efter img taggen är en tom textnod.