Log in

On the road to XHTML... - Website Addicts Anon [entries|archive|friends|userinfo]
Website Addicts Anon

[ website | HTML Coding - From Basics to Design ]
[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

On the road to XHTML... [Feb. 12th, 2007|02:49 pm]
Website Addicts Anon
[Current Mood |annoyedannoyed]

So, bit by bit I'm incorporating this crazy thing known as XHTML into my website. Naturally, I start with the index page of my domain (here). I'm tickled pink when The W3C Markup Validation Service validates my code, but am quickly taken back a shade or two when I realize that my layout no longer look like it's supposed to.

If you take a look at the index (once again located here), you'll notice that there's some funky chunky breaking going on between my top images and my table. The space is notiable in both Firefox and IE, but here are some specifics taken from a screenshot in Firefox:

• From the top of the page to wi_bl_00.gif -- 11 px
• From wi_bl_00.gif to wi_bl_01.gif -- 2 px
• From wi_bl_01.gif to table -- 14 px
• From button.gif to wi_bl_00.gif -- 8 px
• From wi_bl_00.gif to button2.gif -- 2 px

All of these should be zero.

I've yet to really find any place where I can discuss this problem and get an answer, so, like, if you have any information at all whatsoever (help for this, a link to a message board for XHTML help, etc.), I'd be super appreciative. Though I can make the layout look good using plain HTML, I'm really trying to take the right steps forward and get this to work and look good.

Crossposted: supercorpus, html_junkies

[User Picture]From: kangax
2007-02-13 01:54 am (UTC)
"From the top of the page to wi_bl_00.gif -- 11 px"

set margin of p that has your image nested in to 0 and you'll remove those 11px
(Reply) (Thread)
[User Picture]From: kangax
2007-02-13 02:02 am (UTC)
Just realized that setting of p margin to 0 also removes those 14px "From wi_bl_01.gif to table" which are actually 11px :) (since it's the same margin on top and on a buttom of a paragraph)
(Reply) (Thread)
From: supercorpus
2007-02-13 02:06 am (UTC)
Helpful information so far-- now I just have to get rid of that little 4px space left between the table and the top image. Looks a heck of a lot better... in IE, anyway. So, like, thanks so far!
(Reply) (Parent) (Thread)