Converting table-based layout to CSS — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

Converting table-based layout to CSS

This page's ID: 10668

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Ok, First off start replacing all of your <p></p> tagsets with <span></span>. The <p> tag is for paragraphs and your using it for single lines of text all over the place. That sould fix some of your alignment's & gaps. I also found one section where you had <p> tags with nothing inside them?? :confused: As for the rest.... Well, I'm too lazy to completly pull appart your code but I will suggest that you should always develope and test with [b]all[/b] browsers. Not just one and espically not just IE when your working on CSS layouts. IE tends to be leaneant when it comes to bad markup habbits. Anyway, test on as many platforms as you can otherwise you'll work yourself into a corner. Then you'll have to back track and redo alot of work that you've already done. Which it the situitation your in now. If you find it hard to constantly test in multipule browsers then for CSS testing I'd suggest using [url=http://www.mozilla.org]Mozilla[/url]. It seems to render quite colsely to the specifications and what you get in Mozilla often looks the same in IE and Opera. This might be because Mosilla is stircter on CSS than IE and Opera's just to moody. A couple of other things.... This is just me nit picking but I would personally assign id's to the div's that only occour once in the document instead of using classes. IMHO things just seem a little neater like that. But that's just me. I also suggest you use the full 6 digit hex codes. Why? Because 6 digit hex codes are more common then the shorter ones and make things easier for yourself when you cut and paste them to and from different applications. That and you'd be able to get a much more eye pleasing shade of yellow that way :P Heh. Edit: TYOP's [url=http://www.dracusis.f2s.com] [img]http://www.whatever.net.au/~cameron/ozone/sig-dogtags-small2.gif[/img] [/url] [This message has been edited by Dracusis (edited 02-04-2002).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu