Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb Looking for info... please help

    Hi, I'm new to the forums and have a quick question to ask...
    Im trying to do a similar effect as on the http://www.tigerweekly.com/ main page where when you roll over different cells in they change color and so does the font. I also want to replicate how you dont have to click a link you can just click anywhere in the cell. Not so interested in the tabs they use.

    Could someone point me in the direction of a tutorial for this? If not what scripting language is this?

    Thanks a bunch

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">
    html, body {
    margin:0;
    padding:0;
    background:#FF0000;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.8em;
    }
    #container {
    border-collapse:collapse;
    width:200px;
    margin:20px auto;
    }
    #container td {
    width:198px;
    border:1px solid #000;
    }
    #container a {
    display:block;
    width:100%;
    padding:20px 0;
    text-align:center;
    background:#CCC;
    color:#000000;
    text-decoration:underline;
    }
    #container a:hover {
    background:#FFF;
    color:#FF0000;
    }
    </style>
    </head>
    
    <body>
    <table border="0" cellpadding="0" cellspacing="0" id="container">
    	<tr>
    		<td><a href="#">Test 1</a></td>
    	</tr>
    	<tr>
    		<td><a href="#">Test 2</a></td>
    	</tr>
    	<tr>
    		<td><a href="#">Test 3</a></td>
    	</tr>
    </table>
    </body>
    </html>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •