Click to See Complete Forum and Search --> : please help with table bullets


evan5
11-14-2008, 10:24 PM
hello, I have a table on my wabsite, the css code is
table.one
{
table-layout: automatic;
font-family: rockwell;
color: pink;
}

and inside html page, its

<table class="one" border="0">
<tr>
<td>... </td>
<tr>

How can I make the the words inside the <td> tags, have bullets?
:confused::confused::confused:

Thank you!

felgall
11-14-2008, 11:05 PM
Put them in a <ul><li> list.

evan5
11-15-2008, 12:35 AM
thank you for the reply man!
hmmm, i cant seem to get it working though, whenever I put in ul and li tages in html page, its screws up my table.

Do you think I can add something to the table in css to make all the colums show up with square bullets next to them, in the same color as the words?

felgall
11-15-2008, 04:20 PM
If you want bullets then use a list.

Are you sure that you need the table, they are intended only for displaying tabular data and so needing bullets inside a table would be a very uncommon requirement since most data would be either a table or a list and not both at the same time.

WebJoel
11-15-2008, 05:44 PM
...How can I make the the words inside the <td> tags, have bullets? What you are trying to do, is unsemantic. That is, you are trying to create an "unordered list" that does not follow the conventions of being an "unordered list"... A 'bulleted item' should be a "list-item".

If you MUST use TABLE, place the "<ul>" inside of a "<td>"...
HTML:<table id="MyTable">
<tr>
<td>

<ul>
<li><a href="#">Link Here</a></li>
<li>List item text here</li>
<li><a href="#">Second link here</a></li>
.... (etc.)....
</ul>

</td>
<tr>
</table>

css:#MyTable {declaration:value;....}
#MyTable ul {declaration:value;....}
#MyTable ul li {list-style-type:square;declaration:value;....}
#MyTable ul li a {declaration:value;....}
#MyTAble ul li a:hover {declaration:value;....} Something like this. This may look complicated if you don't do 'non-table' layout, but it is the explicit laying-out of the STYLE that makes it work cross-browser, and advantage is once you style the rules, you can add more "<li>"s to the table without having to add any additional STYLE... as the 'style' will 'cascade' down through.

Here, I have placed a UL inside of a TD and instructed the LI to use a "square" bullet... that is what you wanted, yes?

Personally, for this I would the "UL" only, not nest it unnecessarily inside of a TABLE, which is superfluous. But not seeing/knowing your intended layout, this may not look the way you intended. The way you intend to show this however, CAN be done entirely without the use of TABLE..