XHTML/CSS - Messed up >.<

Tomi-gwc · 06-29-2008, 03:10 PM

I am new to XHTML/CSS, I was coding this layout:

http://img108.imageshack.us/my.php?i...ieserveym0.jpg

It was going well but I managed to mess up the bottom content and the plans section. Does anyone have any ideas?

http://jrcdesigns.co.uk/ubieserve/

Tomi-gwc · 07-01-2008, 09:15 AM

Anyone?

enlytend · 07-01-2008, 09:49 AM

1) You DO realize your document is HTML4.01 transitional, not XHTML, don't you?

2) Validate your html. Validate your CSS
3) Check the total column widths you've defined for the plans - they don't fit in their container and that's what's pushing each one farther down the page.
4) You need a clearer before that green bar. Any time you float an element it takes it out of the flow of the document and you need to clear in order to place successive blocks after it

spyke100 · 07-04-2008, 01:07 AM

I have included a new html file with all the changes. It should work well.

Problems:
Some tags were not closed, thats why the bottom bar was misplaced.
CSS definitions were misspelled.
The image tag was also distorting your template..

Solution:
Changed some "Float" tags in the CSS to "Clear".
All the problems above are fixed.

Tomi-gwc · 07-06-2008, 11:04 AM

Oh wow! Thank you so much!

06-29-2008, 03:10 PM	#1 (permalink)
Tomi-gwc NamePros Regular Join Date: Apr 2007 Posts: 423 30.85 NP$ (Donate)	XHTML/CSS - Messed up >.< I am new to XHTML/CSS, I was coding this layout: http://img108.imageshack.us/my.php?i...ieserveym0.jpg It was going well but I managed to mess up the bottom content and the plans section. Does anyone have any ideas? http://jrcdesigns.co.uk/ubieserve/ __________________ \|Article Directory everything for everyone

07-01-2008, 09:15 AM	#2 (permalink)
Tomi-gwc NamePros Regular Join Date: Apr 2007 Posts: 423 30.85 NP$ (Donate)	Anyone? __________________ \|Article Directory everything for everyone

07-06-2008, 11:04 AM	#5 (permalink)
Tomi-gwc NamePros Regular Join Date: Apr 2007 Posts: 423 30.85 NP$ (Donate)	Oh wow! Thank you so much! __________________ \|Article Directory everything for everyone

07-01-2008, 09:49 AM	#3 (permalink)
enlytend NamePros Regular Join Date: Aug 2006 Location: USA Posts: 725 212.90 NP$ (Donate)	1) You DO realize your document is HTML4.01 transitional, not XHTML, don't you? 2) Validate your html. Validate your CSS 3) Check the total column widths you've defined for the plans - they don't fit in their container and that's what's pushing each one farther down the page. 4) You need a clearer before that green bar. Any time you float an element it takes it out of the flow of the document and you need to clear in order to place successive blocks after it

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)