SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Feb 2005
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with CSS and Firefox

    If you goto my site you will notice on the first page the navigation menu close to the top. In Internet Explorer the styles work and the text is bold and changes with the moseover etc. Yet, in Firefox the styles do not fully work, only the fact that the links are not underlined. But throughout the rest of the page the styles work on the rest of the links. I can't figure out what is going wrong with this, it must be my code i'm sure.

    Link to the site

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
    <head>
    <title>ad4m.net</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css">
    </head>
    <table border="0" cellspacing="0" cellpadding="0" id="container">
    
    <!-- Page Header -->
    <tr id="header">
    <td><img src="logotop.gif"></td>
    </tr>
    
    <!-- Navigation Section -->  
    <tr> 
    <td>
    <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#afb378" background="logobottom.gif" id="navigation">
    <tr>
    <td valign="top" height="70">
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="index.html">HOME</a> | <a href="linux/index.html">LINUX</a> | <a href="blog/index.html">BLOG</a> | <a href="pictures.html" />PICTURES</a> | <a href="projects.html" />PROJECTS</a> | <a href="links.html" />LINKS</a> | <a href="contact.html" />CONTACT</a></b>
    </td>
    </td>
    </tr>
    </table>
    
    <!-- Start of Content -->
    <tr> 
    <td id="content" colspan="2">
    <table border="0"  width="750" cellspacing="1" cellpadding="0" bgcolor="#afb378">
    <tr> 
    <td class="menu_row"><br><table border="0" cellspacing="1" cellpadding="2" class="news_table">
    <tr> 
    <td height="23" nowrap="nowrap" class="news_header">Recommended<br>Sites</td>
    </tr>
    <tr> 
    <td>
    <a href="http://www.kevinrose.com/" target="_blank">Kevin Rose Dot Com</a><br />
    </td>
    </tr>
    <tr> 
    <td>
    <a href="http://www.alexalbrecht.com" target="_blank">Alex Albrecht Dot Com</a><br />
    </td>
    </tr>
    <tr> 
    <td>
    <a href="http://www.sarahlane.com" target="_blank">Sarah Lane Dot Com</a><br />
    </td>
    </tr>
    <tr> 
    <td>
    <a href="http://www.danhuard.com" target="_blank">Dan Huard Dot Com</a><br />
    </td>
    </tr>
    </table>
    <br />
    <br>
    
    <!-- Start Google Ad -->
    <script type="text/javascript">
    <!--
    google_ad_client = "pub-8853578814215716";
    google_ad_width = 120;
    google_ad_height = 600;
    google_ad_format = "120x600_as";
    google_ad_channel ="";
    google_ad_type = "text";
    google_color_border = "B0E0E6";
    google_color_bg = "FFFFFF";
    google_color_link = "000000";
    google_color_url = "336699";
    google_color_text = "333333"; 
    //-->
    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    </td>
    
    <!-- Start Main Content -->
    <td valign="top" class="content_row" bgcolor="#afb378"><div class="content_div">
    <table width="572" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
    <td colspan="2">
    <h2>Articles</h2>
    </td>
    </tr>
    <tr>
    <td>Linux Related</td>
    <td>Other</td>
    </tr>
    <tr>
    <td>
    <a href="linux/whatislinux.html">What is Linux?</a><br/>
    <a href="linux/wherecanifindlinux.html">Where can I find Linux?</a><br/>
    <a href="linux/basiclinuxcommands.html">Basic Linux Commands</a><br/>
    <a href="linux/mounting.html">Mounting How-To</a>
    </td>
    <td valign="top">
    <a href="digg.html">What is Digg.com?</a><br/>
    <a href="bittorrent.html">BitTorrent?</a>
    </td>
    </tr>
    </table>
    <p></p>
    <table width="571" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
    <td>
    <h2>This Weeks Deals, Tips and Tricks</h2>
    </td>
    </tr>
    <tr>
    <td>
    <p><b>This Weeks Deals! (1/24/2005 - 2/1/2005)</b></p>
    <p><b><strike>Logitech 100 a day giveaway! </b>Logitech&reg; Harmony&reg; 676 remotes!</strike> - <a href="http://www.logitech.com/promotions/promo.cfm?contentid=9927&countryid=19&languageid=1&ad=camp39" target="_blank">click here</a> (Sorry, this giveaway has ended)<b><br/>
    $149</b> Seagate 200GB Hard Drive w/ 8MB Buffer 7200RPM - <a href="http://shop3.outpost.com/product/4008252" target="_blank">click here<br/>
    </a><b>$29</b> XFX GeForce FX 5200 / 128MB DDR / AGP 8X - <a href="http://www.tigerdirect.com/applications/SearchTools/item-details.asp?EdpNo=674963&Sku=P450-8602" target="_blank">click here<br/>
    </a><b>$8</b> Kingston 128MB Secure Digital - <a href="http://www.tigerdirect.com/applications/SearchTools/item-details.asp?EdpNo=786306&Sku=K24-9330" target="_blank">click here</a></p>
    <p><b>This Weeks Tip/Trick! (1/24/2005 - 2/1/2005)</b></p>
    <p>Myself, like many others find it annoying that anytime you goto hotmail.com or run outlook express, the MSN Messenger loads up. I don't even use MSN Messenger, so I don't have any need for this to happen. So if you want to rid yourself completely of this happening here is a simple registry hack you can do to make it stop.</p>
    <p>Click on Start -&gt; Run then type in regedit and click OK or hit enter.<br/>
    Go to HKEY_CLASSES_ROOT -&gt; CLSID -&gt; {F3A614DC-ABE0-11d2-A441-00C04F795683} -&gt; LocalServer32<br/>
    Double click the entry with (Default) as the name<br/>
    Remove the contents of the &quot;Value data&quot; section</p>
    <p>Thats it, you may need to reboot, but from now on it won't run when outlook etc. opens.</p>
    <p>As a addon to this, if you want to keep MSN Messenger from running at start up do the following:</p>
    <p>Click on Start -&gt; Run then type in msconfig and click OK or hit enter.<br/>
    Once the dialog opens click on the &quot;Startup&quot; tab.<br/>
    Find the entry named &quot;msmsgs&quot; and uncheck it.</p>
    <p>Now reboot and it will not run at startup either.</p>
    </td>
    </tr>
    </table>
    <p></p>
    <p></p>
    </div>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    
    <!-- Copyright Section -->
    <tr> 
    <td colspan="2" class="copyright" bgcolor="#afb378">Copyright &copy; 2005, <a href="http://www.ad4m.net/profile/">Adam Whiles </a></td>
    </tr>
    </table>
    
    <!-- START PrecisionCounter.com Hits/Stats Code -->
    <!-- PRIVACY NOTICE at http://www.precisioncounter.com/privacy.php -->
    <!-- webbot bot="HTMLMarkup" startspan -->
    
    <p align="center"><script language="javascript">
    var data, p;
    var agt=navigator.userAgent.toLowerCase();
    p='http';
    if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&r=' + escape(document.referrer) + '&a=JnPiFdHbDh' + '&n=' + escape(navigator.userAgent) + '&p=' + escape(navigator.userAgent);
    if(navigator.userAgent.substring(0,1)>'3') {data = data + '&sd=' + screen.colorDepth + '&sw=' + escape(screen.width+ 'x'+screen.height)};
    document.write('<a href="http://www.precisioncounter.com/stats.php?i=11703&a=JnPiFdHbDh" target="_blank" >');
    document.write('<img border=0 hspace=0 '+'vspace=3 src="http://www.precisioncounter.com/counter.php?i=11703&a=JnPiFdHbDh' + data + '"></a>');
    </script>
    <br>
    <a href="http://www.pickalawyer.com/Criminal-Law.htm" target="_blank" title="Find a Criminal Lawyer" style="font-family: tahoma, verdana, arial, helvetica, sans-serif; color: gray; font-size: 10px;text-decoration: none;">Find a Criminal Lawyer</a></p>
    <!-- webbot bot="HTMLMarkup" endspan -->
    <!-- END PrecisionCounter.com Hits/Stats Code -->
    </body>
    </html>
    Code:
    /* CSS Document */
    
    /* HTML Tags */
    body {
    	color:#FFFFFF;
    	font-family:Arial, sans-serif;
    	font-size:x-small;
    	margin:0px;
    	margin-top:25px;
    	margin-bottom:25px;
    	text-align:center;
    	background-color:#F7FDFF;
    	cursor: default;
    	width:100%;
    }
    
    a {
    	cursor:pointer;
    }
    
    /* Layout styles */
    #container {
    	width:750px;
    	margin-left:auto;
    	margin-right:auto;
    	text-align:left;
    	border-left:2px solid #000000;
    	border-right:2px solid #000000;
    	border-top:2px solid #000000;
    }
    
    .menu_row {
    	width:20%;
    	vertical-align:top;
    	text-align:center;
    }
    
    .content_row {
    	width:80%;
    }
    /* Header styles */
    #header {
    	text-transform: uppercase;
    	font-size:x-large;
    	vertical-align:middle;
    	font-weight: bold;
    	height:inherit;
    	width:100%;
    }
    
    .headercolor_1 {
    	color:#5a8f9b;
    }
    
    .headercolor_2 {
    	color:#7684a7;
    }
    
    .headercolor_3 {
    	color:#97BBC3;
    	width:100%;
    }
    
    }
    
    /* Navigation styles */
    #navigation {
    	width:750px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	text-align:left;
    	font-size:x-small;
    }
    
    #navigation a {
    	font-weight:bold;
    	width:100%;
    	text-decoration:none;
    	color:#000000;
    }
    }
    #navigation a:hover {
    	width:100%;
    	color:#FFFFFF;
    }
    
    /* Content styles */
    #content {
    	
    	text-align:justify;
    	vertical-align:top;
    	width:750px%;
    }
    
    #content p {
    	padding-left:17.5px;
    	margin-top:7.5px;
    	margin-bottom:7.5px;
    }
    
    #content a {
    	color:#000000;
    	text-decoration:underline;
    }
    
    #content a:hover {
    	color:#FFFFFF;
    }
    
    .content_div {
    	width:auto;
    	height:100%;
    	overflow:auto;
    	padding-right:7.5px;
    	padding-left:7.5px;
    }
    
    /* Other styles */
    
    h2 {
    	color:#FFFFFF;
    	font-size:medium;
    	margin:0px;
    	margin-top:7.5px;
    	border-bottom:1px solid #000000;
    }
    
    .spacer {
    	width:100%;
    	height:auto;
    }
    
    .news_table {
    	width:90%;
    	margin-top:7.5px;
    	margin-left:auto;
    	margin-right:auto;
    	border:1px solid #000000;
    	font-weight:bold;
    	text-align:left;
    }
    
    .news_header {
    	font-family:Arial, sans-serif;
    	font-size:x-small;
    	font-weight:bold;
    	border-bottom:1px solid #000000;
    	background-color:#afb378;
    }
    
    .news_cell {
    	text-align:justify;
    }
    
    .news_date {
    	font-family:Arial, sans-serif;
    	font-size:x-small;
    	font-weight:bold;
    }
    
    .news_table a {
    	font-weight:normal;
    }
    
    .copyright {
    	font-size:x-small;
    	color:#FFFFFF;
    	text-align:right;
    	padding-right:7.5px;
    	border-bottom:2px solid #000000;
    	border-top:2px solid #000000;
    }
    
    .copyright a {
    	color:#000000;
    	text-decoration:underline;
    }

  2. #2
    SitePoint Member
    Join Date
    Feb 2005
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nevermind, I went back and completely redone my code and now its fixed, so thanks anyways.


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
  •