December 2nd, 2002, 05:25 PM
|
|
|
|
Join Date: Apr 2007
Location: serbia
Posts: 1,876
Time spent in forums: < 1 sec
Reputation Power: 4
|
|
|
RE: layers - extra padding!
that is by w3c standard.
try this code:
Code:
<html>
<body>
<div id="content-front" name="content-front" style="
position: absolute;
left: 82;
top: 99;
width: 550;
height: 300;
background-color: red;
border-width: thin; border-style: solid; border-color: #00ff00;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
">
<font size="+3" color=white><img src="http://www.hysteriaweb.net/phpgraphics/crop2.img.php?width=550&height=300">p</font>
</div>
</body>
</html>
i added font size and color so you can see it better, but it is the same without them.
it is because by default, bottom line of the image is placed at the "base line" of the text. base line is the line that goes here when text is underlined. but text can go below the base line as in letters pqg etc..
that space is there because browser (by w3c recomendation) leaves some space for the text that can go there. i think that this can be changed, but i don't know how. for more info on similar topics, look:
http://devedge.netscape.com/viewsource/2002/almost-standards/
http://devedge.netscape.com/viewsource/2002/img-table/
hope that helps...
|
Codewalkers Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
