Question:

Internet Explorer code problem in site! Please read :(

by  |  earlier

0 LIKES UnLike

Can someone have a look at the code at the below site and tell me why the padding isn't working. Rollover buttons aren't working either, I have got rid of them now but the padding and the rollovers worked in Firefox. The main content part (lorum ipsum) and the left part (hello) should be padded 5px..

Any help...?

http://www.freewebs.com/vanessapsychicreadings/

 Tags:

   Report

2 ANSWERS




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

    <html>

    <head>

    <meta http-equiv="I give psychic readings using tarot and angel cards, I stay true to my gift when giving readings.  " content="text/html; charset=iso-8859-1">

    <title>PsychicReadings :: Home</title>

    <style type="text/css">

    <!--

    body,td,th {

    font-family: Arial, Helvetica, sans-serif;

    color: #9A649E;

    }

    <style type="text/css">

    .style1 {font-size: 36px}

    body {

    background-image: url(http://www.freewebs.com/vanessapsychicre...

    background-repeat: repeat;

    }

    a:link {

    color: #9E649E;

    }

    </style>

    -->

    <style type="text/css">

    td.pad {padding:5px;}

    td.nopad {padding:0px;}

    .style1 {

    color: #996699;

    font-size: small;

    }

    </style></head>

    <body>

    <table width="790" border="0" align="center" cellpadding="0" cellspacing="0">

      <tr>

        <td colspan="2"><div align="right" class="nopad"><img src="http://www.freewebs.com/vanessapsyc... alt="Psychic readings from Vanessa" width="790" height="95" class="nopad"></div></td>

      </tr>

      <tr>

        <td height="50" colspan="2" bgcolor="#660066"><img src="http://www.freewebs.com/vanessapsyc... alt=""></td>

      </tr>

      <tr>

        <td width="254" align="left" valign="top" bgcolor="#660066" class="pad">Hello    </td>

        <td width="537" bgcolor="#660066" class="pad"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin dictum urna   non velit. Donec hendrerit hendrerit metus. Curabitur eu ipsum sed ligula   pretium dictum. Ut posuere tincidunt nisi. Aenean viverra, mi nec hendrerit   gravida, quam elit tristique dolor, quis luctus leo nisi quis diam. Donec mattis   venenatis lectus. Suspendisse non purus. Phasellus convallis placerat libero.   Proin at ante. Donec eget nunc sed neque aliquam hendrerit. Aliquam vulputate   urna ut nunc euismod consequat. Nam tristique odio id ipsum. Nunc nec velit in   pede ultrices elementum. Morbi volutpat. Ut sed arcu. </p>

          <p>Donec scelerisque. Sed vel sem. Donec urna leo, tempus eget, dictum id,   consequat nec, sem. Aenean ultrices mattis libero. Quisque nibh. Donec interdum   placerat augue. Vestibulum pede lorem, fringilla ut, convallis a, pulvinar et,   dolor. Phasellus id eros. Pellentesque habitant morbi tristique senectus et   netus et malesuada fames ac turpis egestas. Mauris purus. Nunc vel justo   ultrices nunc egestas vestibulum. Aliquam vitae lorem eu libero congue laoreet.   Praesent elit risus, vestibulum a, dictum vitae, tristique pulvinar, elit. Cras   sed magna. Curabitur non lectus sed lacus porttitor euismod. Vivamus tempus.   Phasellus nec nisl. </p>

          <p>Proin sed erat sed tortor vestibulum mollis. Curabitur nec massa. Cras congue   est nec neque. Etiam mauris eros, egestas ac, hendrerit ut, molestie ut, ante.   Fusce odio lacus, consequat et, ornare eget, vestibulum ac, nisi. Aliquam quis   nunc. Etiam augue eros, sagittis sit amet, interdum non, vehicula at, metus.   Nulla rutrum. Nam orci sem, imperdiet at, imperdiet vel, facilisis id, risus.   Praesent enim. Integer imperdiet elit consequat ligula. Quisque nec lorem a   magna malesuada malesuada. Vestibulum ante ipsum primis in faucibus orci luctus   et ultrices posuere cubilia Curae; Donec et urna. Morbi vitae metus. </p>

          <p>In hendrerit. Nunc et est et odio sollicitudin sollicitudin. Morbi sed massa   vitae neque egestas mattis. In pharetra est a ante. Duis vulputate mauris. Cras   mauris ligula, adipiscing at, volutpat vel, tempus lobortis, justo. Donec vitae   massa. Duis quis purus nec dui congue consequat. In hac habitasse platea   dictumst. Nam sagittis tellus id ipsum mattis consectetuer. Fusce magna justo,   gravida in, mollis pellentesque, fermentum eget, tellus. In dui. Vestibulum   laoreet molestie diam. </p>

        <p>Nulla malesuada lorem. Vestibulum ut dolor. Pellentesque habitant morbi   tristique senectus et netus et malesuada fames ac turpis egestas. Morbi turpis   metus, tincidunt quis, sagittis sed, venenatis sed, ligula. Cras eget mi quis   diam ornare ultricies. Etiam tortor nibh, pharetra eu, congue quis, dapibus sed,   purus. Nulla diam purus, eleifend ac, vulputate in, venenatis eu, elit. Nullam   vulputate faucibus eros. Mauris nibh justo, volutpat vestibulum, rutrum vel,   porta id, sem. Ut lacinia blandit nulla. Curabitur adipiscing dignissim felis.   Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia   Curae; Curabitur hendrerit dapibus elit. Mauris eget justo aliquet ante   tincidunt tristique. Fusce sit amet sem ultrices libero consequat accumsan. Sed   pretium. Nunc fringilla elit vitae ipsum. </p></td>

      </tr>

      <tr>

        <td height="3" colspan="2" bgcolor="#996699"><img src="http://www.freewebs.com/vanessapsyc... alt="" width="790" height="3"></td>

      </tr>

      <tr class="pad">

        <td height="20" colspan="2" bgcolor="#660066"><span class="style1">All Rights Reserved. Vanessa Phillips 2008. </span></td>

      </tr>

      <tr class="pad">

        <td height="3" colspan="2" bgcolor="#660066"><img src="http://www.freewebs.com/vanessapsyc... width="790" height="3"></td>

      </tr>

    </table>

    <!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinT... type="text/javascript" src="http://edge.quantserve.com/quant.js... <script type="text/javascript">_qacct="p-44naSaX... </body>

    </html>


  2. You have two <style type="text/css">.  Remove second one.  Correct CSS error:

    http://jigsaw.w3.org/css-validator/valid... .  Correct HTML code errors: http://validator.w3.org/check?verbose=1&... .

    Ron

Question Stats

Latest activity: earlier.
This question has 2 answers.

BECOME A GUIDE

Share your knowledge and help people by answering questions.