http://www.technologyforever.com/game1.html

is my page
yes I know it is not valid it is under construction. Notice how I have the same table reporting in the form but with different information?

How can I do this with xhtml 1.0 strict + Css? I have started by making the heading.

for easy validation fixes, get firefox addon HTML Validator.

Also, if it's the same pattern with different information over and over, I suggest using PHP (server side scripting) to dynamically create the tables.

That's the point, but what is the best way to create the form in css?
I have php already the info is stored into a mysql database.

Originally Posted by nasaboy007

for easy validation fixes, get firefox addon HTML Validator.

Also, if it's the same pattern with different information over and over, I suggest using PHP (server side scripting) to dynamically create the tables.

Although it isn't "normal" tabular data here, it certainly is DATA, so I would say a table isn't necessarily wrong here. If you can find a way to do it without nesting them, that would be much better, however.

i don't understand your question... what do you mean by make the form in css? do you mean without using tables?

in this case, as mentioned, tables probably wouldn't be wrong here. you shouldn't nest them though. instead, try using one <td> for the picture, and another <td> for the description/link. you can use the css styles padding and margin to create the spacing you want inside each cell. with php, just iterate using a loop to generate each <tr> and the <td>s inside each <tr>. keep the <table> and </table> outside the loop. that way, you won't be nesting tables.

Originally Posted by nasaboy007

i don't understand your question... what do you mean by make the form in css? do you mean without using tables?

in this case, as mentioned, tables probably wouldn't be wrong here. you shouldn't nest them though. instead, try using one <td> for the picture, and another <td> for the description/link. you can use the css styles padding and margin to create the spacing you want inside each cell. with php, just iterate using a loop to generate each <tr> and the <td>s inside each <tr>. keep the <table> and </table> outside the loop. that way, you won't be nesting tables.

That is what I ment.

I would recommend reading through this article: http://www.sitepoint.com/article/fancy-form-design-css
It helped me learn to make forms without tables.