Html Gurus....howz this done?

[DeanCapture]

I see these tables on Yahoo - and I'm trying to make a table like that. I can come very close....but can't seem to copy it exactly. What is the secret? I'm using Dreamweaver -

I like how the borders of these tables are very thin - they are thinner than I can make them with html. Look at the box with Brittany's pic - how do you make those thin borders with html?

I downloaded the page and brought it up in Dreamweaver - but couldn't make heads or tails out of it???

*discuss*

[Bigwilly]

its a type of border style

[xlogger]

give me a sec...

[xlogger]

<table width="446" height="168" border="0" cellpadding="1" cellspacing="1" bgcolor="#DB6FFF">
  <tr> 
    <td width="195" height="21">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#F5EEFD">&nbsp;</td>
  </tr>
</table>

Change the colors and mess with width/height..is this what your asking for?

[Linguist]

Look in Yahoo's css file, its the border-top, bottom, right left etc styles

[tungsten]

why don't you view source to get an idea of how it's done?

[woodsix]

it's funny... I was just messing with that box

You have to look at Yahoo's CSS file.

There's a load of junk you need to ignore, but the URL is:

Yahoo CSS for Brittney thin box dealie

After wading through all the irrelevant stuff, it seems like this is the most important stuff...

<div class="modulecontainer sidebar">
<div class="first">
<span class="first"></span>
<span class="last"></span>
</div>
<div id="v" class="r">

Put a table after this code, with your content inside. Then, close all the div tags.

The id, v, and class, r, are as follows in my CSS file:

#v {color:#edc;height:1.5em;border:1px solid #FDBA05;z-index:5;margin-bottom:-1px}
#v a{padding:1px 7px 2px}

.r
{
	border:1px solid #FDBA05;
	border-color:#FDBA05;
	background-color:#01010D;
}

.r h1
{
	background:#FDBA05;
	color:#000000;
	text-align:center;
}

Take a look at what I was able to do with the "thin" border technique.

My slick, thin border boxes.

It is all done with CSS.

[DeanCapture]

Thanks guys

[TheMob]

That's pretty cool, thanks for posting

[DeanCapture]

<table width="446" height="168" border="0" cellpadding="1" cellspacing="1" bgcolor="#DB6FFF">
  <tr> 
    <td width="195" height="21">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#F5EEFD">&nbsp;</td>
  </tr>
</table>

Change the colors and mess with width/height..is this what your asking for?

Yea - that's perfect. This is the easiest way to do it - don't wanna mess with CSS

Thanks,