[CSS/HTML] Making Borders..

Code:

---

<div class="table_headers" style="width:auto;margin-top:6px;" align="left">
    <b>Board Statistics</b>
</div>

<div class="table_row_a" style="border-top:0px;padding:0px;;width:auto;" align="left">
       
       
        <div class="table_subheaders" style="height:14px">
            <span style="float:left">$general_online</span>
            <span style="float:right">$online_users</span>
        </div>
        <table width="100%" cellspacing="0" cellpadding="3" border="0" style="">
        <tr>


            <td align="center" valign="middle" width="5%"><img src="themes/default/images/usersonline.png"></td>
            <td width="95%">
            <div style="float:left">Currently Active Users:<br />$online_members</div>
            </td>
        </tr>

        <tr style="background-color:#e6e6e6">
            <td align="center" valign="middle" width="5%"><img src="themes/default/images/calendar.png"></td>
            <td width="95%">
            <div style="float:left">$birthdays</div>
            </td>
        </tr>
        <tr>

            <td align="center" valign="middle" width="5%"><img src="themes/default/images/statistics.png"></td>
            <td width="95%">
            <div style="float:left">Topics: $total_topics, Posts: $total_posts, Members: $total_members<br />
        Welcome to our Newest Member: <strong>Tom Miller</strong></div>
            </td>
        </tr>
        </table>

</div>

---

I know how to make borders in a seperate CSS file, but how can I include them right in the HTML code itself? I want a 1px border, and I want the color to be "CHANGEME" (so I can find it and change it to the right color).

live example is always better.. or images

cos it serisouly makes no sense

http://trasion.com/website/

.. the statistics box at the footer. I want the icon to have it's own border, then the text area to. And the same for all 3 parts.

icon???
http://trasion.com/website/themes/de...statistics.png
like these icons to have a border?

Yeah. but not JUST around the icon. Around the whole box the icon is in. Like the status icons.

meh.. told ya, picture would be better :P like this ?
http://img179.imageshack.us/img179/3760/scr9261558.jpg

no, like how the forums are layed out. :p Border around the status icon, and then another border around the words.

oh this :D ok sec.

<td width="5%" valign="middle" align="center" style="border-right: 1px solid black;">

will make it look like this
http://img21.imageshack.us/img21/617/scr9852106.jpg

same trick should work for <tr> just use border-bottom instead of border-right

why the hell are you using tables anyway :P

Because I can. :P

Thanks man.

btw it looks like borders doesn't work on tr, so just use border-bottom for all tds

Quote:

---

Originally Posted by foxx

btw it looks like borders doesn't work on tr, so just use border-bottom for all tds

---

that's because <tr> is a row, and <td> is a frame :/

There's nothing to put the border on, otherwise it would work peachy :ott:

And yes, you either have to put it on the whole table, or every frame.