GoFuckYourself.com - Adult Webmaster Forum - Html Gurus....howz this done?

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)

- Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)

- - Html Gurus....howz this done? (https://gfy.com/showthread.php?t=413550)

DeanCapture

01-07-2005 06:35 PM

Html Gurus....howz this done?

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*

http://www.deancapture.com/images/table.gif

Bigwilly

01-07-2005 06:46 PM

its a type of border style

xlogger

01-07-2005 06:48 PM

give me a sec...

xlogger

01-07-2005 06:50 PM

Code:

<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

01-07-2005 06:50 PM

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

tungsten

01-07-2005 06:52 PM

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

woodsix

01-07-2005 07:16 PM

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

Code:

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

Code:

#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

01-07-2005 07:19 PM

Thanks guys :thumbsup

TheMob

01-07-2005 07:25 PM

That's pretty cool, thanks for posting

DeanCapture

01-07-2005 07:26 PM

Quote:

Originally Posted by xlogger

Code:

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

Thanks,

All times are GMT -7. The time now is 07:56 AM.