|
Posted by Olav on November 21, 2007, 4:29 pm
Please log in for more thread options
Why does this result in whitespace between the images?
<div style="border-width: 0px; padding: 0px; margin: 0px;">
<img src="images/logo.gif" width="150" height="66"
alt="" />
</div>
<div style="border-width: 0px; padding: 0px; margin: 0px">
<img src="images/logo.gif" width="150" height="66"
alt="" />
</div>
Olav
|
|
Posted by Rik Wasmus on November 21, 2007, 4:50 pm
Please log in for more thread options
> Why does this result in whitespace between the images?
>
> <div style=3D"border-width: 0px; padding: 0px; margin:=
=
> 0px;">
> <img src=3D"images/logo.gif" width=3D"150" height=3D=
"66" =
> alt=3D"" />
> </div>
> <div style=3D"border-width: 0px; padding: 0px; margin:=
=
> 0px">
> <img src=3D"images/logo.gif" width=3D"150" height=3D=
"66" =
> alt=3D"" />
> </div>
vertical-align: an non-floated image is on a line, and where exactly it =
is =
on that line affects how/what kind of space the line needs. Probably wit=
h =
the default 'baseline', there's some room reserved for characters like =
'g','j','y','q','p', characters which have some 'thingy' (help a =
non-native speaker out here...) below the baseline, which you could thin=
k =
of as the bottom of characters like 'o','c',etc.
Offcourse, your img's could have a default margin of their own, and ther=
e =
are UA's which erronously render whitespace in some circumstances....
-- =
Rik Wasmus
|
|
Posted by Scott Bryce on November 21, 2007, 8:29 pm
Please log in for more thread options Rik Wasmus wrote:
> 'g','j','y','q','p', characters which have some 'thingy' (help a
> non-native speaker out here...)
It is called a descender.
|
|
Posted by Rik Wasmus on November 21, 2007, 8:36 pm
Please log in for more thread options wrote:
> Rik Wasmus wrote:
>> 'g','j','y','q','p', characters which have some 'thingy' (help a
>> non-native speaker out here...)
>
> It is called a descender.
Noted, I'll try to remember :)
--
Rik Wasmus
|
|
Posted by Jonathan N. Little on November 21, 2007, 9:13 pm
Please log in for more thread options Rik Wasmus wrote:
> wrote:
>
>> Rik Wasmus wrote:
>>> 'g','j','y','q','p', characters which have some 'thingy' (help a
>>> non-native speaker out here...)
>>
>> It is called a descender.
>
> Noted, I'll try to remember :)
And the perky ones 'b','d','f','h','k','l','t' are call ascenders
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
|
| Similar Threads | Posted | | Space introduced between images | October 13, 2004, 2:26 pm |
| make a div take up space | August 21, 2004, 7:33 am |
| Why unwanted space? | July 23, 2005, 10:39 pm |
| SSI Nav Menu Space | February 20, 2007, 12:38 pm |
| Bold takes up more space? | July 13, 2004, 10:35 am |
| Why Blank Space on Last Row of Table? | July 29, 2004, 3:00 am |
| Zero width space still unsafe? | December 20, 2004, 4:46 pm |
| why paragraphs have a space on top in FireFox? | May 19, 2005, 11:30 am |
| adding white space in | August 31, 2005, 4:34 pm |
| White space, collapsing | March 28, 2006, 10:47 am |
|
XML Sitemap