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 Oct 2, 2008 | 04:10 PM
  #1  
spectrum48k's Avatar
spectrum48k
Thread Starter
Scooby Regular
 
Joined: Feb 2006
Posts: 2,519
Likes: 0
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
Reply
Old Oct 2, 2008 | 04:26 PM
  #2  
bob269's Avatar
bob269
Scooby Regular
 
Joined: Mar 2003
Posts: 2,654
Likes: 1
Default

Table Cell Background Colors Change on Mouseover with CSS
Reply
Old Oct 2, 2008 | 04:32 PM
  #3  
spectrum48k's Avatar
spectrum48k
Thread Starter
Scooby Regular
 
Joined: Feb 2006
Posts: 2,519
Likes: 0
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.
Reply
Old Oct 2, 2008 | 05:33 PM
  #4  
bob269's Avatar
bob269
Scooby Regular
 
Joined: Mar 2003
Posts: 2,654
Likes: 1
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
Reply
Old Oct 2, 2008 | 06:08 PM
  #5  
HankScorpio's Avatar
HankScorpio
Scooby Regular
 
Joined: Feb 2004
Posts: 5,848
Likes: 0
Default

CSS and using tables....
Reply
Old Oct 2, 2008 | 06:35 PM
  #6  
spectrum48k's Avatar
spectrum48k
Thread Starter
Scooby Regular
 
Joined: Feb 2006
Posts: 2,519
Likes: 0
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 ?
Reply
Old Oct 2, 2008 | 06:36 PM
  #7  
Semper's Avatar
Semper
Scooby Regular
 
Joined: Jul 2007
Posts: 676
Likes: 0
From: Newcastle
Default

Originally Posted by HankScorpio
CSS and using tables....
What should be used then?
Reply
Old Oct 2, 2008 | 06:50 PM
  #8  
LeeMac's Avatar
LeeMac
Scooby Regular
iTrader: (1)
 
Joined: Aug 1999
Posts: 2,134
Likes: 0
From: South West
Default

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

but thats just designers, doesn't really matter does it
Reply
Old Oct 2, 2008 | 07:13 PM
  #9  
HankScorpio's Avatar
HankScorpio
Scooby Regular
 
Joined: Feb 2004
Posts: 5,848
Likes: 0
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.
Reply
Old Oct 2, 2008 | 09:35 PM
  #10  
spectrum48k's Avatar
spectrum48k
Thread Starter
Scooby Regular
 
Joined: Feb 2006
Posts: 2,519
Likes: 0
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.
Reply
Old Oct 2, 2008 | 09:47 PM
  #11  
HankScorpio's Avatar
HankScorpio
Scooby Regular
 
Joined: Feb 2004
Posts: 5,848
Likes: 0
Default

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

Tables
Reply
Related Topics
Thread
Thread Starter
Forum
Replies
Last Post
Abx
Subaru
22
Jan 9, 2016 05:42 PM
Mattybr5@MB Developments
Full Cars Breaking For Spares
12
Nov 18, 2015 07:03 AM
Ganz1983
Subaru
5
Oct 2, 2015 09:22 AM
acemodder
ScoobyNet General
50
Oct 1, 2015 07:01 PM
Pro-Line Motorsport
Car Parts For Sale
2
Sep 29, 2015 07:36 PM




All times are GMT +1. The time now is 01:37 PM.