CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

CSS - Table Row Borders

Discuss CSS - Table Row Borders in the CSS Help forum on Dev Shed.
CSS - Table Row Borders Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old December 18th, 2003, 10:20 AM
talia679's Avatar
talia679 talia679 is offline
Always something else to learn
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: PA
Posts: 691 talia679 User rank is Private First Class (20 - 50 Reputation Level)talia679 User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Day 14 h 2 m 37 sec
Reputation Power: 5
CSS - Table Row Borders
Hi all,

At work we have this library catalog service that controls our pages, the only way I can have control over layout and design is by using our stylesheet.

I am trying to have a line appear under each record on a results page. I have tried 2 different things. The first this this:

Quote:
TABLE.browseList { font-family: arial; font-size: 12px; border-collapse: separate; empty-cells: show; }
TABLE.browseList TD { font-family: arial; font-size: 12px; }
TABLE.browseList TR { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966;}
TR.browseHeader { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; }
TD.browseHeaderNum { font-family: arial; font-size: 12px; font-weight: bold; }
TD.browseHeaderMark { font-family: arial; font-size: 12px; font-weight: bold; }
TD.browseHeaderData { font-family: arial; font-size: 12px; font-weight: bold; }
TD.browseHeaderMedia { font-family: arial; font-size: 12px; font-weight: bold; }
TD.browseHeaderYear { font-family: arial; font-size: 12px; font-weight: bold; }
TD.browseHeaderEntries { font-family: arial; font-size: 12px; font-weight: bold; }
TD.browseHeaderRelevance { font-family: arial; font-size: 12px; font-weight: bold; }

TR.browseSuperEntry { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966;}

TR.browseEntry { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966;}
TD.browseEntryNum { font-family: arial; font-size: 12px; font-weight: bold; }
TD.browseEntryMark { font-family: arial; font-size: 12px; }
TD.browseEntryData { font-family: arial; font-size: 12px; }
TD.browseEntryMedia { font-family: arial; font-size: 12px; }
TD.browseEntryYear { font-family: arial; font-size: 12px; }
TD.browseEntryEntries { font-family: arial; font-size: 12px; }
TD.browseEntryRelevance { font-family: arial; font-size: 12px; }

TR.browseSubEntry { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966;}
TD.browseSubEntryData { font-family: arial; font-size: 12px; }
TD.browseSubEntryMedia { font-family: arial; font-size: 12px; }
TD.browseSubEntryYear { font-family: arial; font-size: 12px; }
TD.browseSubEntryEntries { font-family: arial; font-size: 12px; }
TD.browseSubEntryRelevance { font-family: arial; font-size: 12px; }


This has the border on the bottom of each row ... but it's not showing up.

The other option I tried was this:

Quote:
TABLE.browseList { font-family: arial; font-size: 12px; empty-cells: show; border-spacing: 0; cell-spacing: 8 }
TABLE.browseList TD { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TR.browseHeader { font-family: arial; font-size: 12px; font-weight: bold; }
TD.browseHeaderNum { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; padding: 8 }
TD.browseHeaderMark { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; padding: 8 }
TD.browseHeaderData { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; padding: 8 }
TD.browseHeaderMedia { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; padding: 8 }
TD.browseHeaderYear { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; padding: 8 }
TD.browseHeaderEntries { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; padding: 8 }
TD.browseHeaderRelevance { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; padding: 8 }

TR.browseSuperEntry { font-family: arial; font-size: 12px; }

TR.browseEntry { font-family: arial; font-size: 12px; }
TD.browseEntryNum { font-family: arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999966; padding: 8 }
TD.browseEntryMark { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseEntryData { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseEntryMedia { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseEntryYear { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseEntryEntries { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseEntryRelevance { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }

TR.browseSubEntry { font-family: arial; font-size: 12px; }
TD.browseSubEntryData { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseSubEntryMedia { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseSubEntryYear { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseSubEntryEntries { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }
TD.browseSubEntryRelevance { font-family: arial; font-size: 12px; border-bottom: 1px solid #999966; padding: 8 }


This option works to an extent. The people who coded this results page weren't very consistent, so there are some cases where a <TD> tag has no data in it (ex <TD class="browseEntryMark"></TD>) In these cases the border doesn't show up under the cell.

Can anyone suggest a better option? I'd prefer just to have the border show up for the entire row versus each cell, but I'll take anything right now.

Please note, that I have no control over the number of classes, they are pre-defined. At the same time I can't define any new classes.
Reply With Quote
  #2  
Old December 18th, 2003, 10:46 AM
cliffhanger9's Avatar
cliffhanger9 cliffhanger9 is offline
fortin bra?
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Oct 2003
Location: city of sin, state of the art
Posts: 416 cliffhanger9 Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 18 h 22 m 19 sec
Reputation Power: 0
Send a message via ICQ to cliffhanger9 Send a message via AIM to cliffhanger9 Send a message via MSN to cliffhanger9 Send a message via Yahoo to cliffhanger9
hey!

hmm i m kinda confused..

can u attach some html or something to see the structure you are talking about...?

that would be helpful
__________________
"I hate quotations."
-ralph waldo emerson-
Reply With Quote
  #3  
Old December 18th, 2003, 12:07 PM
talia679's Avatar
talia679 talia679 is offline
Always something else to learn
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: PA
Posts: 691 talia679 User rank is Private First Class (20 - 50 Reputation Level)talia679 User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Day 14 h 2 m 37 sec
Reputation Power: 5
The HTML is Database generated. See if this link works (it may only work internally)

http://jac.jenkinslaw.org:2082/sear...rg=crime&SORT=R

If it does work, see how there is no underline under the checkboxes?

If it doesn't work, let me know and I'll view page source in my browser and paste it here.
Reply With Quote
  #4  
Old December 18th, 2003, 12:51 PM
cliffhanger9's Avatar
cliffhanger9 cliffhanger9 is offline
fortin bra?
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Oct 2003
Location: city of sin, state of the art
Posts: 416 cliffhanger9 Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 18 h 22 m 19 sec
Reputation Power: 0
Send a message via ICQ to cliffhanger9 Send a message via AIM to cliffhanger9 Send a message via MSN to cliffhanger9 Send a message via Yahoo to cliffhanger9
Quote:
Originally posted by talia679
.. See if this link works (it may only work internally)

http://jac.jenkinslaw.org:2082/sear...rg=crime&SORT=R

..If it doesn't work, let me know and I'll view page source in my browser and paste it here.


nope. didnt work

yea! try attaching it here

Reply With Quote
  #5  
Old December 18th, 2003, 12:56 PM
talia679's Avatar
talia679 talia679 is offline
Always something else to learn
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: PA
Posts: 691 talia679 User rank is Private First Class (20 - 50 Reputation Level)talia679 User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Day 14 h 2 m 37 sec
Reputation Power: 5
Here it is
Attached Files
File Type: html results.html (23.4 KB, 303 views)
Reply With Quote
  #6  
Old December 22nd, 2003, 02:10 PM
talia679's Avatar
talia679 talia679 is offline
Always something else to learn
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: PA
Posts: 691 talia679 User rank is Private First Class (20 - 50 Reputation Level)talia679 User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Day 14 h 2 m 37 sec
Reputation Power: 5
Guess you hit the same block I did ... see how crappy their code is? I have no idea how to work around it ... anyone else got any ideas?
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > CSS - Table Row Borders

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
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 6 hosted by Hostway.