[CSS/HTML] Making Borders..

[Mike]

<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).

 

[foxx]

live example is always better.. or images

cos it serisouly makes no sense

 

[Mike]

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.

 

[foxx]

icon???

like these icons to have a border?

 

[Mike]

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

 

[foxx]

meh.. told ya, picture would be better like this ?

 

[Mike]

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

 

[foxx]

oh this ok sec.

 

[foxx]

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

will make it look like this

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

why the hell are you using tables anyway

 

[Mike]

Because I can.

Thanks man.

 

[foxx]

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

 

[s-p-n]

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 tt:

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