Any CSS gurus? Need help with multiple table formatting.

Cebby · 12-30-2005, 06:49 PM

First a little background...

Fairly new to website dev, but learning fast. I've found through experience and what I'm reading that Firefox and IE handle many things differently. I'm tackling one nuance at a time...

I like using tables. The problem is, I have three diffferent styles of tables represented in one of my pages. I can't for the life of me figure out how to assign different CSS values for three different looks (main prob with Firefox is that it does not recognize "bordercolor" in the HTML, but does recognize "border-color" in the CSS file.

So, in a nutshell, all of my table bordercolor formatting must be in a CSS so it appears the same in both Firefox and IE.

Here's the page:
http://rigs.corequipment.com/cebby_site/engine.htm

The first table is the one with the title. This one is displaying properly (background not in CSS, just border-color)

The second table style would be the ones showing the pics. I want these to have no border showing at all.

The thrid table style would be the links (same deal, background handled manually, but I want border color to be the background color (#000033).

Anyone know how I can do this??

This ad is not displayed to registered members.
Register your free account today and become a member on Yotatech!

Cebby · 12-31-2005, 08:57 AM

Bump for the morning crew...

WATRD · 12-31-2005, 09:31 AM

In interesting problem...

Take a look at this; http://www.w3.org/TR/REC-CSS2/tables...apsing-borders you may be able to accomplish what you what to do using the collapsing border model. That is if I am understanding what you are hoping to accomplish correctly.

Cebby · 01-02-2006, 07:26 PM

Thanks Rob - Thats nolt exactly where I was going with this, but it *might* work, seems it might overcomplicate what I need to do though. I've figured out that the "body" tag is overwriting any manual changes I might make. I'm going to try disabling the table references I have in my body tags and see if I can include the table info with my text style info. That "should" allow me to change all the table parameters when I choose a style for the text in the table. (I think...)

marko3xl3 · 01-02-2006, 07:46 PM

I have some good CSS books here that I might delve into to see how I can help ya. I think what you wanna do has a simple solution. But I have one question first, why don't you just skip HTML tables all together and do all the styling in CSS, or are you already doing that?

Cebby · 01-02-2006, 08:38 PM

Quote:

Originally Posted by marko3xl3

I have some good CSS books here that I might delve into to see how I can help ya. I think what you wanna do has a simple solution. But I have one question first, why don't you just skip HTML tables all together and do all the styling in CSS, or are you already doing that?

I was attempting to do that, but was running into some styles overwriting others. I seem to have figured it out - what I tried worked...

jacksonpt · 01-06-2006, 11:10 AM

Are they styles that you need to replicate on other pages? If not, do something like:

first table:

Code:

<table width="800" cellpadding="0" cellspacing="0" border="0" style="insert styles here">

second table:

Code:

<table width="800" cellpadding="0" cellspacing="0" border="0" style="insert different styles here">

third table:

Code:

<table width="800" cellpadding="0" cellspacing="0" border="0" style="insert more styles here">

If it is something you need to replicate (i.e. don't want the styles associated with a particular table), I think you can do this is your style declaration file/section:

Code:

#style1 <table> {
style declarations
}

#style2 <table> {
style declarations
}

#style3 <table> {
style declarations
}

I've never done this myself, but I've seen it done before. You'd implement it something like this:

Code:

<div class="style1">
   <table>
      <tr>
         <td> stuff</td>
     </tr>
   </table>
</div>

<div class="style2">
   <table>
      <tr>
         <td> stuff</td>
     </tr>
   </table>
</div>

<div class="style3">
   <table>
      <tr>
         <td> stuff</td>
     </tr>
   </table>
</div>

Like I said, I've never done this myself, so there might be some errors in my code, but that should be close.

12-31-2005, 08:57 AM	#2 (permalink)
Cebby Contributing Member Join Date: Sep 2002 Location: Pittsburgh, PA Posts: 11,246	Bump for the morning crew... __________________ UZswap.com A site dedicated to sharing info for swapping the Toyota/ Lexus UZ (V8) engines into Toyota Trucks and 4Runners. My 4Runner 1993 4Runner, 1UZ (V8) auto dual ultimate crawler, double locked, 35's on beadlocked SR5 alloys, low lift, hacked fenders, tubbed firewall, custom armor TOOLandFAB.com A discussion forum dedicated to tools, fabrication & workshops. See my JD2 Bender Hydro Conversion BUY THIS 2008 CALENDAR

12-31-2005, 09:31 AM	#3 (permalink)
WATRD Contributing Member Join Date: Oct 2002 Location: Duvall, WA Posts: 5,109	In interesting problem... Take a look at this; http://www.w3.org/TR/REC-CSS2/tables...apsing-borders you may be able to accomplish what you what to do using the collapsing border model. That is if I am understanding what you are hoping to accomplish correctly. __________________ -Rob Slightly Modified 2001 Tacoma - WATRD.COM WATTORA is becoming NWToys! Tread Lightly! certified Tread Trainer Search 100+ Toyota tech sites, including this one: Toyota Tech Search

01-02-2006, 07:26 PM	#4 (permalink)
Cebby Contributing Member Join Date: Sep 2002 Location: Pittsburgh, PA Posts: 11,246	Thanks Rob - Thats nolt exactly where I was going with this, but it might work, seems it might overcomplicate what I need to do though. I've figured out that the "body" tag is overwriting any manual changes I might make. I'm going to try disabling the table references I have in my body tags and see if I can include the table info with my text style info. That "should" allow me to change all the table parameters when I choose a style for the text in the table. (I think...) __________________ UZswap.com A site dedicated to sharing info for swapping the Toyota/ Lexus UZ (V8) engines into Toyota Trucks and 4Runners. My 4Runner 1993 4Runner, 1UZ (V8) auto dual ultimate crawler, double locked, 35's on beadlocked SR5 alloys, low lift, hacked fenders, tubbed firewall, custom armor TOOLandFAB.com A discussion forum dedicated to tools, fabrication & workshops. See my JD2 Bender Hydro Conversion BUY THIS 2008 CALENDAR

01-02-2006, 07:46 PM	#5 (permalink)
marko3xl3 Contributing Member Join Date: Jun 2005 Location: San Jose, CA Posts: 1,709	I have some good CSS books here that I might delve into to see how I can help ya. I think what you wanna do has a simple solution. But I have one question first, why don't you just skip HTML tables all together and do all the styling in CSS, or are you already doing that? __________________ :Marko: Supercharged 98 4Runner SR5 4x4 3.4L 4" Deckplate :: TrueFlow Air Intake System :: Magnaflow 18" Muffler w/ Resonator XM Satellite Radio (Roady 2) :: Autometer Boost Gauge :: Color Keyed Spoiler TOYOTA\|moving forward

01-06-2006, 11:10 AM	#7 (permalink)
jacksonpt Senior Member Join Date: May 2002 Location: Binghamton, NY Posts: 2,753	Are they styles that you need to replicate on other pages? If not, do something like: first table: Code: <table width="800" cellpadding="0" cellspacing="0" border="0" style="insert styles here"> second table: Code: <table width="800" cellpadding="0" cellspacing="0" border="0" style="insert different styles here"> third table: Code: <table width="800" cellpadding="0" cellspacing="0" border="0" style="insert more styles here"> If it is something you need to replicate (i.e. don't want the styles associated with a particular table), I think you can do this is your style declaration file/section: Code: #style1 <table> { style declarations } #style2 <table> { style declarations } #style3 <table> { style declarations } I've never done this myself, but I've seen it done before. You'd implement it something like this: Code: <div class="style1"> <table> <tr> <td> stuff</td> </tr> </table> </div> <div class="style2"> <table> <tr> <td> stuff</td> </tr> </table> </div> <div class="style3"> <table> <tr> <td> stuff</td> </tr> </table> </div> Like I said, I've never done this myself, so there might be some errors in my code, but that should be close. __________________ Jackson - My Site 96 SR5 4x4 - 33" MTs, open diffs, and 3.90s - LET'S ROCK! My runner has bee traded in sniff on an 06 SR5 long bed d-cab Tacoma. The tacoma is nice, but... sniff ... I'll update my site when I'm done grieving.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
outlook, word, and CSS	jacksonpt	Computer Talk	0	10-25-2005 04:49 AM
Welding Table ??	grams72	The Fab Shop	6	02-22-2005 07:29 PM
CSS gurus...	jacksonpt	Computer Talk	0	12-10-2004 07:49 AM
Formatting a computer	RTdawgs	Computer Talk	8	06-29-2004 08:23 PM
Need help formatting a hard drive	oly884	Off Topic Talk	5	03-01-2004 06:59 PM