Grow your CSS skills. Land your dream job.

onmouseover for tables in ie?

  • # August 17, 2008 at 1:45 am

    Website:

    http://www.studentseatfree.com/specials.php

    In firefox, I can mouse over the listings and click on them, but in IE, it doesn’t work.

    Does IE support onmouseover and onclick in the table tag? Cause that’s what I have going on right now.

    HTML:

    Code:
    < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


    logo
    bannerad
    Sort by:


    boxad
    skyscraperad
    < 1 >
     All Listings

    Dagum Crepes view map
    10% off any purchase with student ID

    Boysenberry Hullabaloo view map
    $5 off any order $25 or more




    CSS:

    Code:
    * { margin: 0; padding: 0; }

    img, div { behavior: url(iepngfix.htc) }

    body
    {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;
    background:#ffffff;
    }

    .back1
    {
    background:url(images/back1.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    }

    .back2
    {
    background:url(images/back2.jpg);
    background-position: right bottom;
    background-repeat:no-repeat;
    }

    .searchbox
    {
    background:url(images/topgreen.png);
    background-repeat:no-repeat;
    margin:0px auto;
    height:30px;
    width:999px;
    }

    .everything
    {
    background:url(images/bg.png);
    background-position: center top;
    background-repeat:repeat-y;
    margin:0px auto;
    width:999px;
    display:block;

    }

    .villiesflyer
    {
    background:url(images/villiesflyer.jpg);
    background-repeat:no-repeat;
    margin:0px auto;
    height:1241px;
    min-height:1241px;
    width:959px;
    }

    .searchformbox
    {
    margin-top:-27px;
    margin-left:30px;
    }

    .searchformbox a
    {
    color: #334400;
    text-decoration: none;
    }

    .searchformbox a:hover
    {
    color: #492e00;
    text-decoration:underline;
    }

    .nav-area
    {
    float:left;
    width:300px;
    display:inline;
    margin-top: 5px;
    font-size:16px;
    }

    .login-area
    {
    float:right;
    width:195px;
    display:inline;
    margin-top: 5px;
    font-size:16px;
    text-decoration: none;
    }

    .sort-area
    {
    width:300px;
    margin-left: 10px;
    float:left;
    display:inline;
    }

    .sort-areabox
    {
    margin-top:-27px;
    margin-left:30px;
    display:inline;
    }

    .search-area
    {
    float:right;
    width:220px;
    display:inline;
    }

    .logobox
    {
    width:175px;
    min-height:135px;
    height:135px;
    margin-left:30px;
    margin-right:10px;
    margin-top:29px;
    float:left;
    display:inline;
    clear:both;
    }

    .adtopbox
    {
    background-repeat:no-repeat;
    width:730px;
    min-height:90px;
    height:90px;
    margin-left:200px;
    margin-top:-114px;
    padding-right:65px;
    float:right;
    display:inline;
    }

    .adbox
    {
    width:300px;
    min-height:250px;
    height:250px;
    float:right;
    margin-right:70px;
    margin-top:25px;
    /*display:inline;*/
    }

    .skyscraper
    {
    clear: both;
    float:right;
    /*margin-right:-225px;*//*position:relative;zoom: 1;*/
    /*display:inline;*/
    width:160px;
    margin: 20px 140px 0 0;
    min-height:600px;
    height:600px;
    /*margin-top:294px;*/
    }

    * html .adbox, * html .skyscraper {display:inline;}

    .contentbox
    {
    width:560px;
    min-height:100px;
    padding: 5px;
    background-position: left top;
    margin-left:30px;
    }

    .comingsoon
    {
    background:url(images/comingsoon.jpg);
    background-repeat:no-repeat;
    margin:0px auto;
    height:600px;
    width:960px;
    }

    .description
    {font-size:16px;
    }

    .results
    {
    margin-left:30px;
    }

    .resultspadding
    {
    padding:5px;
    }

    .restname
    {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size:20px;
    font-weight:bold;
    }

    .floatleft {
    float: left;
    margin: 0px 10px 10px 0px;
    }

    .refine
    {
    background-color:#eeeeee;
    min-height:30px;
    height:30px;
    width:900px;
    margin-left:30px;
    padding-top:5px;
    background-position: center top;

    }

    /*Footer*/

    #footer {
    padding:10px 0px 70px 10px;
    color:#0c0c0c;
    width:951px;
    background-color:#daf2c8;
    font-size:9px;
    text-align: left;
    line-height:12px;
    margin:35px auto 0px;
    }

    #footer img {
    float:left;
    margin-right:10px;
    }

    #footer span {
    display:block;
    float:left;
    width:300px;
    }

    #footer a {
    color:#9e8292;
    text-decoration:none;
    }

    /*end footer*/

    img {border:none}

    div.clear { clear: both; }

    .boxlink
    {
    color:#000000;
    text-decoration:none;
    }

    /*advertise page*/

    h1.adheader {color:#446a31; line-height: 30px;}
    h1.advertise {color:#446a31; font-size:70px; font-weight:bold; margin-top:60px;}

    .adintro
    {
    font-size:14px;
    width:450px;
    margin-left: 30px;
    padding-top: 20px;
    line-height:20px;
    float:left;
    display:inline;
    }

    .errormessage
    {
    font-size:14px;
    width:450px;
    margin-left: 220px;
    padding-top: 20px;
    padding-bottom: 100px;
    line-height:20px;
    float:left;
    display:inline;
    }

    .adpoints
    {
    font-size:14px;
    width:450px;
    margin-top:25px;
    padding-top: 20px;
    margin-right:25px;
    line-height:20px;
    float:right;
    display:inline;
    }

    .adsizes
    {
    width:450px;
    height:369px;
    min-height:369px;
    margin-right:40px;
    float:right;
    display:inline;
    }

    #form1 {width:640px;}

    .contact_form
    {
    margin:0px auto;
    width:640px;
    padding:15px;
    }

    /*advertise page over*/

    /*navigation*/

    .cssnav
    {
    position: relative;
    font-family: helvetica, arial, sans-serif;
    background: url(images/buttonoff.jpg) no-repeat;
    white-space: nowrap;
    display: inline;
    width: 144px;
    height: 35px;

    }

    .cssnav a
    {
    display: inline;
    color: black;
    font-size: 18px;
    font-weight:bold;
    width: 144px;
    height: 35px;
    color: black;
    text-decoration: none;

    }

    .cssnav img
    {
    width: 144px;
    height: 35px;
    border: 0

    }

    * html a:hover
    {
    visibility:visible
    }

    .cssnav a:hover img
    {
    visibility:hidden
    }

    .cssnav span
    {
    position: absolute;
    left: 0px;
    width:144px;
    height:35px;
    color: black;
    cursor: pointer;
    text-align:center;
    vertical-align:middle;
    line-height: 35px;
    }
    /* navigation over */

    Thanks!

    # August 17, 2008 at 5:03 pm

    YES!!! I FIXED IT! OH DUDE!!!

    So IE only supports rollover stuff in <a> tags, so I just enclosed the table in <a></a> and it fixed it.

    Thanks everyone! I think the site is done.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".