Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > REALLY Basic: DIV/CSS Vertical Alignment

Reply
Thread Tools

REALLY Basic: DIV/CSS Vertical Alignment

 
 
Slick50
Guest
Posts: n/a
 
      12-03-2006
http://messiah.scojul.homedns.org

Hi, I'm asking this question in the context of trying to fully comprehend
the CSS specification. Can you explain to me why the SPAN element is hanging
a bit below the bottom of the two IMG elements?

And maybe suggest a preferred way to align it with the bottom of the IMG
elements?

Thanks.


 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      12-03-2006
In article <A%tch.6697$(E-Mail Removed)>,
"Slick50" <(E-Mail Removed)> wrote:

> http://messiah.scojul.homedns.org


Try this as your html, unlink your css file:


<div style="border:0;padding:0;font-size:2em;">abc...xyz
<img style="border:0;padding:0;" src="images/square.gif">
abc...xyz<img style="border:0;padding:0; "src="images/hands.gif">
abc...xyz
</div>

Your "hands" img has white around it and, relevantly, at the
bottom, giving the illusion causing your puzzle.

There is much wrong with your code, apart from this.

--
dorayme
 
Reply With Quote
 
 
 
 
dorayme
Guest
Posts: n/a
 
      12-03-2006
In article
<(E-Mail Removed)>,
dorayme <(E-Mail Removed)> wrote:

> In article <A%tch.6697$(E-Mail Removed)>,
> "Slick50" <(E-Mail Removed)> wrote:
>
> > http://messiah.scojul.homedns.org

>
> Try this as your html, unlink your css file:
>
>
> <div style="border:0;padding:0;font-size:2em;">abc...xyz
> <img style="border:0;padding:0;" src="images/square.gif">
> abc...xyz<img style="border:0;padding:0; "src="images/hands.gif">
> abc...xyz
> </div>
>
> Your "hands" img has white around it and, relevantly, at the
> bottom, giving the illusion causing your puzzle.
>
> There is much wrong with your code, apart from this.


In case you are wondering, I should add, images have no
descenders, some letters have, hence the going below for just
these letters (none in your text if I recall).

And in case you were not sure what I meant about the white space
in the image of the hands, open it in an image editor and crop it
closer to the bottom of the lowest blue hand.

--
dorayme
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Vertical alignment of textbox in edititemtemplate dba56 ASP .Net 0 04-14-2005 07:22 PM
Vertical Alignment Gone Wrong, One More Time Arondelle HTML 12 07-18-2004 07:54 AM
Vertical Alignment Jim Heavey HTML 10 03-03-2004 09:30 AM
Vertical alignment in a div Nik Coughin HTML 9 01-28-2004 10:08 PM
vertical alignment of the cell's contents ?? Luc HTML 2 01-19-2004 12:59 AM



Advertisments