Web Design Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignWeb Design Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old November 4th, 2004, 06:06 PM
epanagio's Avatar
epanagio epanagio is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 445 epanagio User rank is Corporal (100 - 500 Reputation Level)epanagio User rank is Corporal (100 - 500 Reputation Level)epanagio User rank is Corporal (100 - 500 Reputation Level)epanagio User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 6 Days 1 h 35 m 32 sec
Reputation Power: 9
css table example

I am learning css and I have been looking for an example of a table layout. I searched with google and found many interesting links but I would like to find an example of a complete table with a few rows and columns. Then I can play with all the settings and see the result.

Can you recommend any links?
__________________
Evan

Reply With Quote
  #2  
Old November 4th, 2004, 06:25 PM
BonRouge's Avatar
BonRouge BonRouge is offline
Winemaster
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Jul 2004
Location: Sendai, Japan
Posts: 1,354 BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level)BonRouge User rank is Second Lieutenant (5000 - 10000 Reputation Level) 
Time spent in forums: 3 Weeks 3 Days 3 h 18 m 20 sec
Reputation Power: 86
Now here's the thing... What do you want a table for? Do you have tabular data that you want to present - like sales figures or stuff like that? Or are you coming from table-based layouts thinking that that's what web design is all about - rows and columns? If it's the former, then have a look here . If it's the latter, then look here .

Reply With Quote
  #3  
Old November 4th, 2004, 07:47 PM
epanagio's Avatar
epanagio epanagio is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 445 epanagio User rank is Corporal (100 - 500 Reputation Level)epanagio User rank is Corporal (100 - 500 Reputation Level)epanagio User rank is Corporal (100 - 500 Reputation Level)epanagio User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 6 Days 1 h 35 m 32 sec
Reputation Power: 9
When I print preview the page it looks perfect but when I print it the lines inside the table are zagged lines. How can I have the interior lines the same as the exterior border?

CORRECTION!!!! Netscape shows the page differently than Internet Explorer!!! Can I cotrect that?

I have the folowing html code:
Quote:
<HTML>
<HEAD>
<TITLE>advanced styles</TITLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="advcss.css">
</HEAD>
<BODY>
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="1">
<TR>
<TD>Advanced stylesheet example1</TD>
<TD>Advanced stylesheet example2</TD>
</TR>
<TR>
<TD>Advanced stylesheet example!</TD>
</TR>
</TABLE>
<BR>
</BODY>
</HTML>


and the css definition:
Quote:
BODY {
SCROLLBAR-FACE-COLOR: #000000;
FONT-SIZE: 8pt;

BACKGROUND: #FFFFF;
COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #FFFF00;
SCROLLBAR-TRACK-COLOR: #c0c0c0;
FONT-FAMILY: verdana, arial, ms sans serif;
SCROLLBAR-BASE-COLOR: #FFFFFF
}

TABLE {
BORDER-RIGHT: #000000 1px solid;
PADDING-RIGHT: 1px;
BORDER-TOP: #000000 1px solid;
PADDING-LEFT: 1px;

FONT-SIZE: 8pt;
MARGIN: 0px;
BORDER-LEFT: #000000 1px solid;
COLOR: #000000;
BORDER-BOTTOM: #000000 1px solid;
FONT-FAMILY: verdana, arial, ms sans serif;
BACKGROUND-COLOR: #FFFFFF
}

Last edited by epanagio : November 4th, 2004 at 07:53 PM.

Reply With Quote
  #4  
Old November 8th, 2004, 04:30 PM
fbraun fbraun is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Oct 2004
Posts: 307 fbraun User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 18 h 4 m
Reputation Power: 0
Your table doesn't look right in Netscape because IE is smart enough to correct your mistake, but Netscrape isn't. Your mistake: your first <tr> has two <td>s in it, your second <tr> has just one <td> in it. If you really want just one <td> in that second <tr>, then write it like: <td colspan="2">. Otherwise, make all <tr>s have the same number of <td>s in them.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignWeb Design Help > css table example


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway
Stay green...Green IT