SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Mar 2005
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE CSS issues with my site

    IE just funks up on my site, is there a workaround/hack to get this to display the page right how Firefox does? Thanks

    Link:http://www.khalidconsulting.com/

    html:
    Code:
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Khalid Consulting</title
    ><link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
    <center>
    <br><br>
    <table width="800" class="main" bgcolor="#ffffff" cellpadding="5" cellspacing="0">
    <tr>
    <td class="blank" colspan="3" valign="top" height="15"></td>
    </tr>
    <tr>
    <td colspan="3" valign="top" height="5"><img src="images/logo.gif" alt="logo"></td>
    </tr>
    <tr>
    
    <td valign="top">
    <table width="100" class="table">
    <tr>
    <td class="title">
    HOME
    </td>
    </tr>
    <tr>
    <td class="td2" onmouseover="this.className='roll'" onmouseout="this.className='td2'">
    <a href="nix.html">UNIX/LINUX</a>
    </td>
    </tr>
    <tr>
    <td class="td2" onmouseover="this.className='roll'" onmouseout="this.className='td2'">
    WEB DESIGN
    </td>
    
    </tr>
    <tr>
    <td class="td2" onmouseover="this.className='roll'" onmouseout="this.className='td2'">
    NETWORKING
    </td>
    </tr>
    <tr>
    <td class="td2" onmouseover="this.className='roll'" onmouseout="this.className='td2'">
    PRINT
    </td>
    </tr>
    <tr>
    <td class="td2" onmouseover="this.className='roll'" onmouseout="this.className='td2'">
    PROMOTIONS
    </td>
    </tr>
    <tr>
    
    <td class="td2" onmouseover="this.className='roll'" onmouseout="this.className='td2'">
    CONTACT
    </td>
    </tr>
    </table>
    <td valign="top">
    
    <table width="450" class="table">
    <tr>
    <td class="title">
    WELCOME
    </td>
    </tr>
    <tr>
    <td class="td2">
    This is random text dont pay attention to it.Then content went digital, the floodgates opened. Content could be delivered digitally in thousands of different ways, and the number 
    of methods for distribution would only expand over time. To me this meant the power of the gatekeepers would diminish and the power 
    of independent content creators and owners would increase. With the explosion of the internet and then broadband, not only did 
    households explode with digital content replay devices, but more importantly, consumers became comfortable with the concept of what 
    digital was and what it meant to them. From CDs to DVDs to cellphones to email to cameras to HDTVs, in all cases the move to digital 
    represented an improvement in quality, availability, flexibility, mobility and more. Just as I knew that digital in TV would lead to 
    an explosion in the acceptance of HDTV over time, which is why we started HDNet and HDNet Movies (www.hd.net) the same acceptance 
    would change how consumers bought and used any and all content.
    <br><br>
    
    Knowing this, my partner, Todd Wagner and I immediately began to get aggressive in the acquisition of content. Our first move was to 
    buy Rysher Entertainment. Rysher owns among its movie library, Kingpin, Private Parts, Dear God, Hard Eight among others. In the TV 
    world, we own Nash Bridges, Highlander, Star Search,Soldier of Fortune, Lifestyles of the Rich and Famous, Lonesome Dove and shared 
    interests in Hogans Heroes, Ben Casey, Walking Tall, The Great Santini and others.
    <br><br>
    I then added the Dallas Mavericks as a content play with digital implications.We then started 2929 Productions, which has shared in various film productions including Criminal, The Jacket and GodSend.
    More recently, we started HDNet Films. Our first theatrical release will be Enron, The Smartest Guys in the Room, which will be released in theaters on April 22nd of this year.
    We just announced that Cynthia Nixon will be starring in another feature, and are about to announce the release date for Like Blood
    into Water.
    </td>
    </tr>
    </table>
    
    </td>
    
    <td valign="top">
    
    <table width="225" class="table">
    <tr>
    <td class="title">
    Articles
    </td>
    </tr>
    
    <tr>
    <td class="td2">
    • <a href="http://www.wasabisystems.com/gpl/migration.htm">Wasabi Systems BSD vs. Linux</a><br>
    • <a href="http://www.bsdcan.org/2005/">BSDcan 2005 Technical Conference</a><br>
    • <a href="http://proj.sunet.se/LSR2/">NetBSD Sets Land Speed World Record</a><br>
    • <a href="http://www.fsf.org/news/fsaward2004.html">Theo de Raadt gets 2004 FSF Award</a><br>
    • <a href="http://www.onlamp.com/pub/a/bsd/2005/01/20/smpng.html">FreeBSD SMPng Interview w/ Scott Long</a><br>
    
    • <a href="http://www.onlamp.com/pub/a/bsd/2005/02/24/netbsd.html">NetBSD 2.0 Rendezvous Interview</a><br>
    </td>
    </tr>
    </table>
    <br>
    <table width="225" class="table">
    <tr>
    <td class="title">
    Links
    </td>
    </tr>
    <tr>
    <td class="td2">
    • <a href="http://www.freebsd.org/">What is FreeBSD?</a><br>
    
    • <a href="http://www.openbsd.org/">What is OpenBSD?</a><br>
    • <a href="http://www.netbsd.org/">What is NetBSD?</a><br>
    • <a href="http://en.wikipedia.org/wiki/Linux">What is Linux?</a><br>
    </td>
    </tr>
    </table>
    <br>
    <center>
    <img src="http://www.w3.org/Icons/valid-html401" alt="logo"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="logo">
    <br><br> 
    <img src="images/openbsd.gif" ALT="logo">
    
    </center>
    </td>
    <tr>
    <td class="blank" colspan="3" valign="top" height="15"></td>
    </tr>
    
    <tr align="right" valign="middle">
    <td colspan="3" class="basic" height="15">Partners: <img src="images/turbolinux.gif" alt="logo"> <img src="images/mandrakesoft.jpg" 
    alt="logo"><img src="images/xandros.jpg" alt="logo"> <img src="images/novell.jpg" alt="logo"></td>
    </tr>
    
    <tr align="right">
    <td class="blank" colspan="3" valign="top" height="15">www.khalidconsulting.com - 2005 - All Rights Reserved</td>
    </tr>
    
    </table>
    </center>
    </body>
    </html>
    CSS:
    Code:
     
    body {
            font: 100% verdana, arial, sans-serif;
            background-color: #999999;
    }
    
    a:link {color: #000000; text-decoration: underline; }
    a:active {color: #000000; text-decoration: underline; }
    a:visited {color: #000000; text-decoration: underline; }
    a:hover {color: #ffffff; text-decoration: none; }
    
    .main{
             height: 500px;
    }
    
    .basic{
            font: bold 8pt verdana, arial, sans-serif;
            color: black;
    }
    
    .td1{
            border: 1px solid #006600; 
            font: 11px verdana, arial, sans-serif;
            background: #ffffff;
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 2px;
            border-top:0px;
    }
    
    .title{
            border: 1px solid #000000;
            font: bold 8pt verdana, arial, sans-serif;
            color: white;
            background: #006600;
            padding: 3px;        
    }
    
    .td2{
            border: 1px solid #000000;
            font: 9px verdana, arial, sans-serif;
            color: black;
            background: #cccccc;
            padding: 3px;
    }
    
    .roll{
            border: 1px solid #000000;
            font: 9px verdana, arial, sans-serif;
            color: white;
            background: #666666;
            padding: 3px;
    }
    
    .table{
            border-collapse: collapse;
    }
    
    .blank{
            font: 8pt verdana, arial, sans-serif;
            color: white;
            background: #006600;
            padding: 5px;
    }

  2. #2
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First of all, put a correct DOCTYPE in there:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    Secondly, why are you using bgcolor's in your table's? Use the background-color from CSS. Plus you don't necessarily need javascript to simulate rollover behavior. Something like this should work:

    Code:
    .td2 a:link{
    
    }
    .td2 a:visited{
    
    }
    .td2 a:hover{
    
    }
    .td2 a:hover{
    
    }
    Define states as you wish. Work on that and if someone else doesn't come along and finish up the rest, I'll look for it on Wednesday, out of town tomorrow.
    Ryan Butler

    Midwest Web Design

  3. #3
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yup that doctype is absolutely NO GOOD .... not only is it invalid its also not terminated properly at the end!

    You also dont have a content-type meta tag which should be there

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

    AND these styles:

    Errors

    * Line: 45 Context : .td2 a:visited

    Parse Error - black
    * Line: 63 Context : .td3 a:visited

    Parse Error - black

    are invalid ......

    this is what its complaining about:

    .td2 a:visited{black;

    }

    clean those up and then Ill check back later tonight


Bookmarks

Posting Permissions

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