Notices
Computer & Technology Related Post here for help and discussion of computing and related technology. Internet, TVs, phones, consoles, computers, tablets and any other gadgets.

CSS: hover changes table cell background colour ?

Thread Tools
 
Search this Thread
 
Old 02 October 2008, 04:10 PM
  #1  
spectrum48k
Scooby Regular
Thread Starter
 
spectrum48k's Avatar
 
Join Date: Feb 2006
Posts: 2,519
Likes: 0
Received 0 Likes on 0 Posts
Default CSS: hover changes table cell background colour ?

Has anyone got any CSS & HTML to change background colour of a table cell when the user hovers over a link ?

bad example (menu table on the upper left of screen)
About Network 24
Old 02 October 2008, 04:26 PM
  #2  
bob269
Scooby Regular
 
bob269's Avatar
 
Join Date: Mar 2003
Posts: 2,654
Likes: 0
Received 1 Like on 1 Post
Default

Table Cell Background Colors Change on Mouseover with CSS
Old 02 October 2008, 04:32 PM
  #3  
spectrum48k
Scooby Regular
Thread Starter
 
spectrum48k's Avatar
 
Join Date: Feb 2006
Posts: 2,519
Likes: 0
Received 0 Likes on 0 Posts
Default

cheers Bob, you are indeed THE MAN

I wrestled with certain search engine terms but couldn't get a decent site - just users in forums and dodgy replies!

That's just what I was looking for.
Old 02 October 2008, 05:33 PM
  #4  
bob269
Scooby Regular
 
bob269's Avatar
 
Join Date: Mar 2003
Posts: 2,654
Likes: 0
Received 1 Like on 1 Post
Default

I think the key is to use american search terms, such as color not colour, i've found myself in the past getting no useful returns on a search, it wasn't until recently i for some reason decided to try american spellings and low and behold it worked
Old 02 October 2008, 06:08 PM
  #5  
HankScorpio
Scooby Regular
 
HankScorpio's Avatar
 
Join Date: Feb 2004
Posts: 5,848
Likes: 0
Received 0 Likes on 0 Posts
Default

CSS and using tables....
Old 02 October 2008, 06:35 PM
  #6  
spectrum48k
Scooby Regular
Thread Starter
 
spectrum48k's Avatar
 
Join Date: Feb 2006
Posts: 2,519
Likes: 0
Received 0 Likes on 0 Posts
Default

Originally Posted by HankScorpio
CSS and using tables....
I'm no web designer - I just happen to be able to code in it , albeit old school. Just doing a website for a mate. At least I don't use Internet Explorer only code, which I seem to come across time and time again!

So Hank, if I want to divide the browser window into 3 columns, the central one say 770pixels, would I use DIV instead ?
Old 02 October 2008, 06:36 PM
  #7  
Semper
Scooby Regular
 
Semper's Avatar
 
Join Date: Jul 2007
Location: Newcastle
Posts: 676
Likes: 0
Received 0 Likes on 0 Posts
Default

Originally Posted by HankScorpio
CSS and using tables....
What should be used then?

Trending Topics

Old 02 October 2008, 06:50 PM
  #8  
LeeMac
Scooby Regular
iTrader: (1)
 
LeeMac's Avatar
 
Join Date: Aug 1999
Location: South West
Posts: 2,134
Received 0 Likes on 0 Posts
Default

Originally Posted by Semper
What should be used then?
just CSS

but thats just designers, doesn't really matter does it
Old 02 October 2008, 07:13 PM
  #9  
HankScorpio
Scooby Regular
 
HankScorpio's Avatar
 
Join Date: Feb 2004
Posts: 5,848
Likes: 0
Received 0 Likes on 0 Posts
Default

Originally Posted by LeeMac
doesn't really matter does it
Nope, I still use tables.

The web design purists will tell you that tables are for tabular data, not for layout but until there's widespread interpretation of CSS standards it ain't going to happen.

s48k, you can certainly use divs and I have done that to good effect.

It can be a bit of work to get started and get into it but once done, rewarding and dead easy to update/maintain (I change the all colours on one of mine about once a month and takes ten minutes).

Take a look at these for starting points:

CSS Layouts: A collection of 168 Grid and CSS Layouts
CSS Layouts - Code-Sucks.com
Dynamic Drive CSS Layouts- Tableless, CSS based templates

Dynamic Drive is a fantastic resource for all sorts.

If you go down that route, use firefox with the FireBug plugin, a great tool that let's you change css on the fly so you can dick around to get what you want before saving and uploading. saves loads of time if you're a trial and error learner like me.
Old 02 October 2008, 09:35 PM
  #10  
spectrum48k
Scooby Regular
Thread Starter
 
spectrum48k's Avatar
 
Join Date: Feb 2006
Posts: 2,519
Likes: 0
Received 0 Likes on 0 Posts
Default

Originally Posted by HankScorpio
Nope, I still use tables.

The web design purists will tell you that tables are for tabular data, not for layout but until there's widespread interpretation of CSS standards it ain't going to happen.

s48k, you can certainly use divs and I have done that to good effect.

It can be a bit of work to get started and get into it but once done, rewarding and dead easy to update/maintain (I change the all colours on one of mine about once a month and takes ten minutes).

Take a look at these for starting points:

CSS Layouts: A collection of 168 Grid and CSS Layouts
CSS Layouts - Code-Sucks.com
Dynamic Drive CSS Layouts- Tableless, CSS based templates

Dynamic Drive is a fantastic resource for all sorts.

If you go down that route, use firefox with the FireBug plugin, a great tool that let's you change css on the fly so you can dick around to get what you want before saving and uploading. saves loads of time if you're a trial and error learner like me.
bookmarked those!

had a look through ironmyers code and they're using nested DIVs with particular classes linked back the stylesheet

I already use stylesheets so its not a problem to give DIVs a go like this, although TABLES are pretty intuitive too.
Old 02 October 2008, 09:47 PM
  #11  
HankScorpio
Scooby Regular
 
HankScorpio's Avatar
 
Join Date: Feb 2004
Posts: 5,848
Likes: 0
Received 0 Likes on 0 Posts
Default

If you really want to do tables in CSS, this is some light reading:

Tables
Related Topics
Thread
Thread Starter
Forum
Replies
Last Post
Abx
Subaru
22
09 January 2016 05:42 PM
Mattybr5@MB Developments
Full Cars Breaking For Spares
12
18 November 2015 07:03 AM
Ganz1983
Subaru
5
02 October 2015 09:22 AM
acemodder
ScoobyNet General
50
01 October 2015 07:01 PM
Pro-Line Motorsport
Car Parts For Sale
2
29 September 2015 07:36 PM



Quick Reply: CSS: hover changes table cell background colour ?



All times are GMT +1. The time now is 05:54 AM.