Html Gurus....howz this done? - GoFuckYourself.com

DeanCapture · 01-07-2005, 06:35 PM

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

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

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

Thanks,

01-07-2005, 06:35 PM	#1
DeanCapture Haters & Trolls SUCK! Industry Role: Join Date: Dec 2002 Location: Los Angeles, CA Posts: 9,275	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 __________________ Twitter: @DeanCapture Instagram: @TheDeanCapture DeanCapture "at" Gmail.com

01-07-2005, 06:46 PM	#2
Bigwilly Confirmed User Join Date: Oct 2003 Location: University of Florida Posts: 1,101	its a type of border style __________________ Adult Friend Finder, Best Conversions ive found, try them out

01-07-2005, 06:48 PM	#3
xlogger Confirmed User Join Date: Jul 2004 Location: NY Posts: 9,507	give me a sec... __________________ ---------- XLOGGER [REFLECTED] [OH]

01-07-2005, 06:50 PM	#4
xlogger Confirmed User Join Date: Jul 2004 Location: NY Posts: 9,507	Code: <table width="446" height="168" border="0" cellpadding="1" cellspacing="1" bgcolor="#DB6FFF"> <tr> <td width="195" height="21"> </td> </tr> <tr> <td bgcolor="#F5EEFD"> </td> </tr> </table> Change the colors and mess with width/height..is this what your asking for? __________________ ---------- XLOGGER [REFLECTED] [OH]

01-07-2005, 06:50 PM	#5
Linguist Confirmed User Join Date: Apr 2004 Location: Toronto, ON Posts: 1,706	Look in Yahoo's css file, its the border-top, bottom, right left etc styles __________________ 315-310

01-07-2005, 06:52 PM	#6
tungsten Too lazy to set a custom title Join Date: Mar 2004 Posts: 10,579	why don't you view source to get an idea of how it's done? __________________ VOYEUR /HOMEMADE, HENTAI / CARTOON, Reality, Amateur, Shemale, Hardcore, Cuckold, Celebrity, Retro/Vintage, ect...ALL OUR SITES >> Unbelievable Ratio \| High % of Rebills \| Bi-Monthly Payments (also to E-Passporte) Ton's of EXCLUSIVE Free content & FHG's \|=> GREAT REVENUE $$$ GUARANTEED!

01-07-2005, 07:16 PM	#7
woodsix So Fucking Banned Join Date: Jul 2003 Location: USA Posts: 134	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.

01-07-2005, 07:19 PM	#8
DeanCapture Haters & Trolls SUCK! Industry Role: Join Date: Dec 2002 Location: Los Angeles, CA Posts: 9,275	Thanks guys __________________ Twitter: @DeanCapture Instagram: @TheDeanCapture DeanCapture "at" Gmail.com

01-07-2005, 07:25 PM	#9
TheMob Confirmed User Join Date: Jan 2003 Location: 2006 Posts: 8,584	That's pretty cool, thanks for posting