| |||||||
| Programming PHP, Perl, Ruby on Rails, AJAX, HTML, XHTML, CSS, JavaScript, MySQL and any other coding topics. |
![]() |
| | LinkBack | Thread Tools |
| | #1 (permalink) |
| NamePros Regular | 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/ |
| |
| | #3 (permalink) |
| NamePros Regular | 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 |
| |
| | #4 (permalink) |
| New Member | The solution 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.
__________________ --------- Professional Web Design and Hosting Services Website: http://www.sciondesigns.com E-mail: bransande@sciondesigns.com Last edited by spyke100; 07-04-2008 at 02:03 AM. Reason: Finished |
| |
![]() |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| |