Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1927 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Tables Help

Thread title: Tables Help
Closed Thread    
    Thread tools Search this thread Display Modes  
10-13-2005, 02:25 PM
#1
.Nick is offline .Nick
.Nick's Avatar
Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 1,159
iTrader: 3 / 100%
 

.Nick is on a distinguished road

  Old  Tables Help

Anybody know how I can get the row holding the information in this to look like this?

(Can't figure out how to get that second border in there)

10-13-2005, 02:35 PM
#2
Jonny is offline Jonny
Status: Member
Join date: Feb 2005
Location: UK
Expertise:
Software:
 
Posts: 335
iTrader: 0 / 0%
 

Jonny is on a distinguished road

  Old

Taabblleeess suuucckkk! >:0

But anyway, put a div inside them and give it a white border-right and border-top. Simple.

Totally deja vu, though.

10-13-2005, 02:43 PM
#3
Cole is offline Cole
Status: I love this place
Join date: Apr 2005
Location:
Expertise:
Software:
 
Posts: 721
iTrader: 0 / 0%
 

Cole is on a distinguished road

  Old

Try this:
Code:
<html>
<head>
<title>Forum Display</title>
<style>
.htext {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #465C6B;
}
.titlebg {
	background: url('images/skinname/forum/titlebg.gif') repeat-x;
	padding-top: 12px;
	text-align: center;
}
.heading {
	background: url('images/skinname/forum/heading.gif') repeat-x;
}
.dbar {
	background: url('images/skinname/forum/dbar.gif') repeat-x;
	text-align: center;
}
.smalltext {
	font-family: Verdana;
	font-size: 10px;
	color: #465C6B;
}
.alt1, .alt1Active
{
	background-color: #E8EBED;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	width: 64px;
	text-align: center;
}
.alt2, .alt2Active
{
	background-color: #E8EBED;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.tborder {
	background-color: #C3C8CB;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div style="padding: 1px; border: 1px solid #364349;">
<table width="100%" cellpadding="0" cellspacing="0" class="tborder">
  <tr height="28" valign="top">
		<td class="heading" style="width: 64px;"><img src="images/spacer.gif" width="64" height="1" /></td>
    	<td style="width: 24px;"><img src="images/skinname/forum/tleft.gif" alt="" /></td>	
        <td class="titlebg" nowrap><span class="htext">Testing</span></td>

    	<td style="width: 24px;"><img src="images/skinname/forum/tright.gif" alt="" /></td>
		<td class="heading" style="width: 100%;"></td>
    	<td colspan="3" class="heading" style="text-align: right;"><img src="images/skinname/forum/minmax.gif" width="83" alt="" /></td>
	</tr>
	<tr height="16" style="border-collapse: collapse;">
    	<td class="dbar"style="width: 64px; min-width: 64px;"></td>
		<td style="background: url('images/skinname/forum/dbar2.gif') repeat-x;" colspan="3"></td>
        <td class="dbar"></td>
		<td class="dbar" width="64" style="width: 64px; min-width: 64px;" nowrap><span class="smalltext">Threads</span></td>

		<td class="dbar" width="64" style="width: 64px; min-width: 64px;" nowrap><span class="smalltext">Posts</span></td>
		<td class="dbar" width="205" style="width: 205px; min-width: 205px;" nowrap><span class="smalltext">Last Post</span></td>
	</tr>
</table>
<table width="100%" cellpadding=0" cellspacing="1" style="background: #bcbcbc">
	<tr height="64">
		<td class="alt1"><img src="images/skinname/forum/forum_new.gif" alt="" /></td>
		<td class="alt2" colspan="4"><div style="text-align: left; margin-left: 10px;">test</div></td>
		<td class="alt1">4</td>

		<td class="alt1">5</td>
		<td class="alt2" style="width: 205px;"><div style="text-align: right; margin-right: 10px;">test</div></td>
	</tr>
</table>
</div>
</body>
</html>

10-13-2005, 02:45 PM
#4
.Nick is offline .Nick
.Nick's Avatar
Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 1,159
iTrader: 3 / 100%
 

.Nick is on a distinguished road

  Old

Tables are to be used for tabular data... I'm going to call that tabular data...

And it's not really dejavu... I discovered the other day looking at another design that had something like this, and they were using a cellspacing of 1, in combination with a table background color to accomplish this effect. However, can't really control the cell spacing of just certain table rows, so I was hoping someone had another nifty solution to this.

@Cole: I was going to try that, but unfortunately if you resize the browser window small enough, things become misaligned. And get on MSN

10-13-2005, 03:41 PM
#5
chaka42 is offline chaka42
Status: Senior Member
Join date: Apr 2005
Location: Middle America
Expertise:
Software:
 
Posts: 955
iTrader: 5 / 100%
 

chaka42 is an unknown quantity at this point

Send a message via AIM to chaka42 Send a message via MSN to chaka42 Send a message via Skype™ to chaka42

  Old

i have yet to see a forum without tables....

sorry shade, can't come up with anything yet

10-13-2005, 03:47 PM
#6
aspiramedia is offline aspiramedia
Status: Member
Join date: Apr 2005
Location:
Expertise:
Software:
 
Posts: 138
iTrader: 0 / 0%
 

aspiramedia is on a distinguished road

  Old

I've seen a forum without tables. Vanilla. But there's still a strong arguement to use tables for forums as the data is tabular.

10-13-2005, 03:49 PM
#7
techo is offline techo
Status: Lurker
Join date: Jun 2005
Location:
Expertise:
Software:
 
Posts: 1,473
iTrader: 0 / 0%
 

techo is on a distinguished road

  Old

Originally Posted by chaka42
i have yet to see a forum without tables....

sorry shade, can't come up with anything yet
There was a project going called 'cssboards' that used no tables, but it just stopped.

10-13-2005, 03:54 PM
#8
.Nick is offline .Nick
.Nick's Avatar
Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 1,159
iTrader: 3 / 100%
 

.Nick is on a distinguished road

  Old

I solve my problem. Ended up taking Cole's suggestion, and then putting everything in yet another table

10-13-2005, 05:22 PM
#9
Cole is offline Cole
Status: I love this place
Join date: Apr 2005
Location:
Expertise:
Software:
 
Posts: 721
iTrader: 0 / 0%
 

Cole is on a distinguished road

  Old

Originally Posted by techo
There was a project going called 'cssboards' that used no tables, but it just stopped.
There is a project going on for vBulletin (Sponsored by Jelsoft)

http://www.vbulletin-css.com

To eliminate all unneeded tables and replace them with CSS counterparts.

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed