Web Design Forums

oli · 03-06-2003, 13:40

Whats the best way to do rollovers for table cells ? Can someone post the code to do it in css ?
Cheers

Stickman · 03-06-2003, 14:03

Not sure exactly what you want - the code for changing the background, or for changing the link text, or image rollovers?

If you want to learn about creating css menus, this may help you:

http://www.alistapart.com/stories/taminglists/

oli · 03-06-2003, 14:11

I just wanted the css to change a table cell background on mouseover.
That links great though, exactly what I needed. Cheers m8.

lucidcreations · 04-06-2003, 05:18

Try this it works quite well

http://www.ssi-developer.net/css/menu-rollover-effect.shtml

lucidcreations · 04-06-2003, 05:22

[code:1:41e9f4f51a]Mind you there is some crap in there so i just dr the code try this.....

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body>

<div class="menu">
<table>
<tr>
<td><a href="#"> Link 1</a></td>
</tr>
<tr>
<td><a href="#"> Link 2</a></td>
</tr>
<tr>
<td><a href="#"> Link 3</a></td>
</tr>
<tr>
<td><a href="#"> Link 4</a></td>
</tr>
<tr>
<td><a href="#"> Link 5</a></td>
</tr>
</table>
</div>

</body>
</html>[/code:1:41e9f4f51a]

03-06-2003, 13:40	#1 (permalink)
oli Free Ring Ding™ Join Date: Feb 2003 Location: Manchester Posts: 9,504	rollovers Whats the best way to do rollovers for table cells ? Can someone post the code to do it in css ? Cheers

04-06-2003, 05:18	#4 (permalink)
lucidcreations Part of the 3 out of 4 Join Date: Feb 2003 Location: cheshire Posts: 2,081	Try this it works quite well http://www.ssi-developer.net/css/menu-rollover-effect.shtml __________________ Jase

04-06-2003, 05:22	#5 (permalink)
lucidcreations Part of the 3 out of 4 Join Date: Feb 2003 Location: cheshire Posts: 2,081	[code:1:41e9f4f51a]Mind you there is some crap in there so i just dr the code try this..... <html> <head> <title>Untitled Document</title> <style type="text/css"> <!-- div.menu a { width:125px; border:1px solid #333333; display: block; color: #333333; background: #ffffff; text-decoration:none; font-size:11px; line-height:16px; font-family: Tahoma, verdana, sans-serif; text-align: center; } div.menu a:link { color: #333333; background: #cccc99; } div.menu a:active { color: #000000; background: #cccc99; } div.menu a:visited { color: #333333; background: #cccc99; } div.menu a:hover { color: #eeeeee; background: #333333; border:1px solid #000000; } } --> </style> </head> <body> <div class="menu"> <table> <tr> <td><a href="#"> Link 1</a></td> </tr> <tr> <td><a href="#"> Link 2</a></td> </tr> <tr> <td><a href="#"> Link 3</a></td> </tr> <tr> <td><a href="#"> Link 4</a></td> </tr> <tr> <td><a href="#"> Link 5</a></td> </tr> </table> </div> </body> </html>[/code:1:41e9f4f51a] __________________ Jase

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

03-06-2003, 14:03	#2 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,625	Not sure exactly what you want - the code for changing the background, or for changing the link text, or image rollovers? If you want to learn about creating css menus, this may help you: http://www.alistapart.com/stories/taminglists/

03-06-2003, 14:11	#3 (permalink)
oli Free Ring Ding™ Join Date: Feb 2003 Location: Manchester Posts: 9,504	I just wanted the css to change a table cell background on mouseover. That links great though, exactly what I needed. Cheers m8.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)