Well basically, I'm trying to create a table for my website using Macromedia Dreamweaver 8, with 1 column and ten rows, in which I will place the top ten recent news items, however, the table produced by Macromedia Dreamwevaer 8 is a very simple one, I'm looking for a more professional designed table. Does anyone know the code for one, or know where I can get one for free. Thanks a lot in advance.

Reply

I don't use any softwares for creating tables, so I don't know the specific answer for Macromedia Dreamweaver, but the 'look' of the table can be changed by adding some Cascading Style Sheet information. Adjusting the borders, adding colours, changing the text and background colours is all done with css. If you describe what you are looking for, someone will help you achieve to look you want. And if you can provide a link to the file (if it is uploded) or post the html code (and the css file) here would help.

Reply

Google is your friend.

For a simple guide of what you can do check out: http://htmlgoodies.com/tutorials/tables/

For a more advanced look, see: http://www.w3.org/TR/REC-html40/struct/tables.html

Reply

In programming, whatever you opened in a code, you have to close it. So if you are asking about tables, the codes for the tables and whatever that is in the table should be opened and closed in a proper format.

<table> is the opening code for a typical table. To close a table, you need to end it with </table>. You add a "/" within the code tag.

<tr> means a table row. You will need to declare this 10 times to create 10 rows. Remember to close every row before creating a new row. Here's how you close a row, with </tr>

<td> means table data. This is where you put whatever HTML information, including text and pictures, into the table. This also means columns. In your case you don't need multiple columns, hence one <td> per row is enough for you. Creating multiple <td> will also means creating multiple columns. Remember to close your table data before moving the the next column or row, with </td>

So eventually, your code will be:


You can also take reference from the website that gaea has provided. However I'd recommend this page from W3Schools, which provides a detailed information with examples to aid you.
http://www.w3schools.com/html/html_tables.asp

 

 

 

Reply

Additionally, if you are also seeking to achieve best functionality and accesibility, you can try out this page:

http://icant.co.uk/csstablegallery/index.php?css=35

Its a tabular data css showoff, go on and click on anydesign (not the name of the author or the download file link, cause that will lead you to write an email or download the css) Its pretty cool... you can take the example xhtml for your tables and grab whatever CSS file fits to you, they are free... Its easier if you just grab the xhtml and paste it right as it is, and from there you start to modify all the stuff you need (unwantend columns or rows).

Reply