Results 1 to 4 of 4

Thread: list don't render right in FF

  1. #1
    Join Date
    Mar 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default list don't render right in FF

    I'm having a couple problems with this rendering right in Firefox. The bullet for the list end up in the border when rendered if FF but not IE. Also I have links in the head & foot nav that I don't want the underline to show so I use "name" instead "href" so I could keep the links in the content with the underline. This work in IE but in FF. I be thankful for any suggestions.
    Thanks

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    <head>
    <title></title>
    <meta name="robots" content="noindex,nofollow" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    html {100&#37;;}
    body {font: 12px verdana,geneva,lucida,arial,sans-serif;
    line-height:1.5;
    text-align:Center;
    padding:15px 10px;}
    .border1 {border: 5px double #ccc;
    padding: 5px 5px;
    width:735px;
    margin: auto;}

    h1,h2 {font:22px geneva,serif italic;
    letter-spacing: 2px;
    text-align:left;
    margin: none}
    h2 {font-size: 16px normal;
    padding: 15px;}
    p { text-align: left; padding:15Px;}
    ul {list-style-type: circle ;
    line-height: 30px;
    text-align:left;
    padding: 5px }
    .navtop,.navbtm {border-top: 3px solid;
    border-bottom: 3px solid;
    letter-spacing:1px;
    background: #fff;
    padding:5px 0px 5px 10 px;
    margin: 5px;
    background: #eee;}
    .navbtm {font: 11px;
    text-align: center;
    letter-spacing: 1px;}
    .paddedh1{
    padding: 15px
    }

    a:link [color: #000;}
    a:hover, a:active { color: #fff;}



    </style>
    </head>
    <body class="maintx">
    <div class="border1">
    <h1>eMerge Web Solutions</h1>


    <p class="navtop"> <strong>Home</strong>&nbsp;&middot;&nbsp;<a name="who.html">Who We Are</a>&nbsp;&middot;&nbsp;<a name="what.htm "> What We Do</a> &nbsp;&middot;&nbsp;<a name="process=" process.html "> Our Process</a> &nbsp;&middot;&nbsp; <a name="casestudies"> Case Studies</a>&nbsp;&middot;&nbsp;<a name="clients"> Client List</a> &nbsp;&middot;&nbsp; <a name="contact.html"> Contact Us</a>&nbsp;</p>
    <h1 class="paddedh1"> Welcome to eMerge Web Solutions </h2>
    <h2>We offer high quality web developement solutions:</h2>
    <ul>
    <li>Web application developement using languages such as <acronym title="PHP: Hypertext Preprocessor">PHP</acronym>,
    <acronym title="Active Server Pages"> ASP</acronym>,<acronym title="Java Server Pages"> JSP</acronym>,and Perl
    </li>
    <li><acronym title="eXtensive Hypertext Markup Language">XHTML 1.0</acronym>,<acronym title="Cascading Style Sheets"> CSS
    </acronym>2.1, and Javascript for front-end developement
    </li>
    <li>A focus on accessibility and usability
    </li>
    </ul>
    <h2>We have worked with a wide variety of<a href="client.html"> clients</a> representing industries as diverse as:</h2>
    <ul>
    <li>Banking
    </li>
    <li>Healthcare
    </li>
    <li>Biotech
    </li>
    <li>Entertainment
    </li>
    </ul>
    <p>With out <a href="who.html"> years of experience</a>, we can defintely meet your design needes.<a href="contact.html"> Contact us</a> for a free quote!</p>
    <h2 class="navbtm"> <a name="sitemap.html"> Site Map </a> &middot; <a name="privacy"> Privacy </a> &middot; Policy &middot; Quality &middot;<a name="guarantee.html"> Guarantee </a></h2>
    </div>

    </body>

    </html>

  2. #2
    Join Date
    Jun 2006
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    try setting a unique class name to the links that you dont want underlined, and use the following css:

    Code:
    .uniqueclass{text-decoration:none;}
    Not sure about your first problem, but it is because Firefox follows standards, and IE makes up its own.

  3. #3
    Join Date
    Apr 2006
    Posts
    190
    Thanks
    3
    Thanked 7 Times in 7 Posts

    Default

    Also IE is the problem always has been. FF is showing you what you programmed
    Ryan
    Sevierville, TN

  4. #4
    Join Date
    Mar 2007
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yes, IE is very lax and lets you get by with things you shouldn't be allowed to. As for you link situation, your using a bracket on a:link. Fixing that might fix your problem. Or at least part of it.

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
  •