Loading ...
Sorry, an error occurred while loading the content.

More CSS headaches

Expand Messages
  • Irene
    HTML-on-the-WEB Discussion ListHi everyone Can anyone help here please? My problem is that my navigation appears as buttons in IE, but in Firefox, Netscape and
    Message 1 of 1 , Aug 1 8:53 AM
    • 0 Attachment
      HTML-on-the-WEB Discussion ListHi everyone

      Can anyone help here please?

      My problem is that my navigation appears
      as buttons in IE, but in Firefox, Netscape
      and Opera, they appear as one solid block.
      They should be buttons. Also the navigation
      is too far to the right. How do I fix this
      please?

      Thanks a million

      Irene

      This is my code:

      HTML code
      ---------------------------

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

      <html>

      <head>

      <title>Computer Security</title>
      <meta http-equiv="content-type" content="text/html" charset="ISO-8859-1">
      <link rel="stylesheet" type="text/css" href="core-style.css">

      </head>

      <div id="header"><img src="images/logo.gif" alt="logo">
      </div>

      <div id="middlebar">WWW.IRENEUYS.COM
      </div>

      <div id="navbar">
      <ul>
      <li><a href="sitemap.html">Site Map</a></li>
      <li><a href="virus.html">Virus</a></li>
      <li><a href="worms_trojans.html">Worms_Trojans</a></li>
      <li><a href="emailhazards.html">Email Hazards</a></li>
      <li><a href="spam.html">Spam</a></li>
      <li><a href="phishing.html">Phishing</a></li>
      <li><a href="pharming.html">Pharming</a></li>
      <li><a href="spyware_adware.html">Spyware_Adware</a></li>
      <li><a href="identity_theft.html">Identity Theft</a></li>
      <li><a href="firewalls.html">Firewalls</a></li>
      <li><a href="security_downloads.html">Security Downloads</a></li>
      <li><a href="subscribe.html">Subscribe</a></li>
      <li><a href="about.html">About</a></li>
      </ul>

      </div>

      <body>

      <div id="content">

      <p class="centeredimage"><img src="images/padlock.jpg" alt="computer security"></p>

      <h1>Computer Security</h1>
      <p>Your computer's security is in your hands. Following are some computer security tips for the home user. </p>

      <h2>Computer Security Tips</h2>

      <p>Here we look at ways of protecting your computer, and the various dangers to avoid. The techniques in the following pages will not protect you 100%, but certainly improves your chances in protecting your PC.</p>


      <h3>Windows Updates</h3>

      <p>Ensure Windows is set to update automatically. In XP, click Start | Control Panel | System | Automatic Updates, and select "Download updates automatically...". In Windows 2000, click Start | Settings | Control Panel | Automatic Updates. In Windows 98 and ME, the steps are slightly different. You can also update Windows manually, but ensure that you do it on a regular basis. </p>
      <p>Windows updates become available when a known vulnerability in any Windows operating system becomes known to Microsoft. Hackers play upon vulnerabilities in your software - so it is important to update regularly. Scan for Windows updates here : <a href= "http://windowsupdate.microsoft.com/">Microsoft Updates.</a> </p>

      <p>The famous Blaster worm in 2003 played upon many users not updating Windows, and as a result, the worm infected many PC's.</p>

      <h3>Make File Extensions Visible</h3>
      <p>To make all file extensions visible, click Tools | Folder Options | View. Uncheck "Hide file extensions for known file types". Some viruses have double extensions, such as "picture.jpg.exe". But if your system is set to hide file extensions, you will only see "picture.jpg", and unknowingly click on it thinking it's a picture. If you see a double extension, you can be sure it is a virus. .Exe files are short for "executables".</p>

      </div>

      <div id="footer">
      Copyright 2005-2006
      </div>
      </body>

      </html>

      -------------------------------
      CSS code
      ------------------------------
      /*This is the main layout of the site*/

      #header {
      margin-bottom: 10px;
      }

      #middlebar {
      width: 100%;
      background-color: #000099;
      color: #fff;
      font-weight: bold;
      font-family: arial, verdana, helvetica, sans-serif;
      margin-bottom: 5px;
      padding: 5px;
      }

      #navbar {
      float: left;
      width: 20%;
      margin-top: 0px;
      margin-left: 1px;
      display: inline;
      font-family: Arial, Helvetica, sans-serif;
      font-size: .9em;
      font-weight: bold;
      }

      #navbar li {
      list-style: none;
      }

      #navbar ul li a{
      margin: 0;
      padding: 0;
      padding-top: 4px;
      }

      #navbar li a:link, #navbar a:visited {
      background-color: #000099;
      display: block;
      margin-right: 0;
      padding: 3px 10px 2px 10px;
      color: #ffffff;
      text-decoration: none;
      }

      #navbar a:hover {
      background-color: #66ccff;
      border-top: 1px solid #ff0000;
      border-left: 1px solid #ff0000;
      border-bottom: 1px solid #ff0000;
      border-right: 1px solid #ff0000;
      }

      .centeredimage {
      text-align: center;
      }

      body {
      background-color: #ffffff;
      color: #000000;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: .9em;
      text-align: justify;
      margin: 0;
      }

      h1 {
      font-size: 1.3em;
      }
      h2 {
      font-size: 1.1em;
      }
      h3 {
      font-size: 1em;
      }

      p ul {
      font-size: .9em;
      }

      #content {
      float: left;
      width: 73%;
      margin-left: 10px;
      padding: 10px;
      border: 2px solid #000099;
      text-align: justify;
      margin-bottom: 5px;
      height: 100%;
      }

      #footer {
      padding: 10px;
      background: black;
      color: white;
      clear: both;
      height: 20px;
      text-align: center;
      font-weight: bold
      }
      ------------------------------------------



      [Non-text portions of this message have been removed]
    Your message has been successfully submitted and would be delivered to recipients shortly.