Velocity Reviews

Velocity Reviews (http://www.velocityreviews.com/forums/index.php)
-   HTML (http://www.velocityreviews.com/forums/f31-html.html)
-   -   REALLY Basic: DIV/CSS Vertical Alignment (http://www.velocityreviews.com/forums/t391711-really-basic-div-css-vertical-alignment.html)

Slick50 12-03-2006 06:19 AM

REALLY Basic: DIV/CSS Vertical Alignment
 
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.



dorayme 12-03-2006 09:03 AM

Re: REALLY Basic: DIV/CSS Vertical Alignment
 
In article <A%tch.6697$Ka1.4506@news01.roc.ny>,
"Slick50" <spam@yahoo.com> 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

dorayme 12-03-2006 09:15 AM

Re: REALLY Basic: DIV/CSS Vertical Alignment
 
In article
<doraymeRidThis-076BAA.20031003122006@news-vip.optusnet.com.au>,
dorayme <doraymeRidThis@optusnet.com.au> wrote:

> In article <A%tch.6697$Ka1.4506@news01.roc.ny>,
> "Slick50" <spam@yahoo.com> 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


All times are GMT. The time now is 12:29 PM.

Powered by vBulletin®. Copyright ©2000 - 2014, vBulletin Solutions, Inc.
SEO by vBSEO ©2010, Crawlability, Inc.