I am beaten by IE - Pummelled to a pulp!!

	Home Register Search Help Login

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

I am beaten by IE - Pummelled to a pulp!!

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> I am beaten by IE - Pummelled to a pulp!!

Page: [1]


michaelea Posts: 143 Joined: 11/9/2007 From: Cannon Beach, US West Status: offline	I am beaten by IE - Pummelled to a pulp!! - 11/2/2008 14:13:55 Here's the page: http://css.northcoastcomputerservices.com/z-tables.htm Check out the table - toward bottom of page - in FF. It does what I want to! Check out the same table in IE7 - Not quite the CSS tr background-color: We expected :( Check out the same table in IE6 - No tr background-color and no tr:hover - in fact, very little of anything! No surprises there!! To get the row-a and row-b background colors working in IE 7 ya gotta throw the td in at the end of the tr declaration i.e. tr.row-a td {background-color:#ccc;}. (Thanks Tail!) However, the workaround above to get IE7 to recognize a tr background-color then totally cripples the tr:hover :( I only spent all night woking on it and I'm thoroughly beaten to a pulp and, not surprisingly enough - got no-where! As mentioned afore I am wasting no more of my life catering to the broken IE6. Anyone know of a way to achieve the FF presentation of this table within IE7 ? Here's the relevant code: tr.row-a {background:#f8f8f8; border-bottom:2px solid #999} tr.row-b {background:#e8e8e8; border-bottom:2px solid #999} tr.row-b:hover td, tr.row-a:hover td {background-color:#f7fcfc; font-weight:bold; color:#000;} In the meantime I can be found here: http://icant.co.uk/csstablegallery/index.php?css=40#r40 Just Holler!!

Tailslide

Posts: 6692
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

RE: I am beaten by IE - Pummelled to a pulp!! - 11/2/2008 15:19:31

Ok so IE doesn't see the row - just the cells so you have to add td after the class like this:

#main #content tr.row-b td {background:#e8e8e8; border-bottom:2px solid #999}

You only need to specify one class as you just give the other background colour to the whole lot - so you give the class to the exception - if that makes sense.

As far as IE 6 and hovering goes - it only works for links because it's rubbish. You can force it to work without having a link in there by adding in a little script called hover:whatever - but frankly, I wouldn't bother any more. It's not a vital effect.

edit: Oops - forgot the hover in IE. You want:

#main #content tr:hover.row-b td, tr:hover.row-a td{background-color:#f7fcfc; font-weight:bold; color:#000;}

_____________________________

Little Blue Plane Web Design | Land Rover project

(in reply to michaelea)


michaelea Posts: 143 Joined: 11/9/2007 From: Cannon Beach, US West Status: offline	RE: I am beaten by IE - Pummelled to a pulp!! - 11/2/2008 17:44:42 Helena, Thank you so much for all your professional and dedicated help. You take years of programming time - research and implementation - off of my life! I swear you've saved me 12 years - and that's just so far! For the tr:hover, just as you inferred, the code below did the trick. Probably the tr.row-b:hover that I'd coded before wasn't helping!!! (as opposed to tr:hover.row-b) #main #content tr td {background-color:#f8f8f8; border-bottom:2px solid #999} #main #content tr.row-b td {background:#e8e8e8;} #main #content tr:hover td, tr:hover.row-b td {background-color:etc..} I should dedicate a percentage of all my profits from this new site to you. Let me say that now, I make $4.32c a month as an affiliate and this new site will probably, due to your help, increase my gross to $8.21c. - almost double! Maybe if I shared 30% of the net growth with you then that $1.30 (or so) would be enough to get you a new landrover in ermmmm - a couple of years! (in reply to Tailslide)


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: I am beaten by IE - Pummelled to a pulp!! - 11/2/2008 17:48:37 quote: ORIGINAL: michaelea Maybe if I shared 30% of the net growth with you then that $1.30 (or so) would be enough to get you a new landrover in ermmmm - a couple of years! _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to michaelea)