Forum Moderators: not2easy

Message Too Old, No Replies

basic css questions

         

phpologist

2:26 pm on Dec 20, 2003 (gmt 0)

10+ Year Member



Hi all

having read several threads in this and other forums, I'm convinced that css and table-less design is the way to go for my next project.

my current designer lacks the css skills to pull this off, so I'll be hiring someone else, but I'm looking for any hints/tips which'll make it easier for me to work with a new designer. Being a programmer, (PHP for this project) I'm not sure what's required of me from a design POV for the CSS guru to work their magic.

as far as I can tell, I just seperate the page content logically and mark up each section using div tags, and let the designer do the rest. Is this all there is to it?

I understand that tables are OK to use for presenting related data, but how about forms? Should I use tables to layout forms or have that done using CSS too? If CSS, then how would I mark up each of the form fields and their associated labels?

thanks for any input

Longhaired Genius

2:48 pm on Dec 20, 2003 (gmt 0)

10+ Year Member



Code your site to present your content in such a way that it makes sense on the page with no styling at all, just basic html markup, p, div, h1, h2 lists etc, because some people will be seeing it that way. Then hand it to your designer to pretty it up.

Personally I use tables to format forms and I think it's fine, but it is possible to do it in pure css.

TheDoctor

4:34 pm on Dec 20, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Do you have access to the text-mode browser Lynx (or any other text-mode browser for that matter)?

If you do, after producing your page(s) in the way that Longhaired Genius suggests, check that they make sense in Lynx. Once they do, then let the designer loose!

You can get hold of Lynx from [lynx.browser.org...]

photon

1:37 am on Dec 21, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Or if you have Opera you can use a alternative user stylesheet to emulate a text browser.

mipapage

2:08 am on Dec 21, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I just seperate the page content logically and mark up each section using div tags

It depends partly on what you are trying to acheive as well, but basically what everyone here has said plus what you have said. Typically one may do this:

<div id="header">...</div> 
<div id="nav">...</div>
<div id="content">...</div>
<div id="footer">...</div>

But it can get a bit more complicated depending on the complexity of your design etc. For this I would try and get together with a designer before you code off any templates.

phpologist

9:14 am on Dec 23, 2003 (gmt 0)

10+ Year Member



thanks for all the replies. If anyone can recommend a designer with excellent creative and css skills for this project, please sticky me.