Home/ Questions/Q 9150673
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T11:38:33+00:00

<html> <head> <link rel=stylesheet type=text/css href=stylesheets\sets1.css> </head> <style type=text/css> body /* site bg color

  • 0
 <html>
 <head>
 <link rel="stylesheet" type="text/css" href="stylesheets\sets1.css">
 </head>
 <style type="text/css"> 
body                                                                   /* site bg color    */
     {
     margin: 0; 
     background-color:#b0c4de
     }

 #navbar ul { 
    margin: 0; 
    padding: 5px; 
    cellspacing: 0;
    cellpadding: 0;
    border: 0;
    list-style-type: none; 
    background-color: #8B008B; 
    } 

#navbar ul li {  
    display: inline; 
    } 

#navbar ul li a { 
    text-decoration: none; 
    padding: .2em 1em; 
    color: white; 
    background-color: #8B008B; 
    } 

#navbar ul li a:hover { 
    color: #0EC6D7; 
    background-color: #8B008B; 
    } 

</style> 
</head> 
 <body> 
  <div id="navbar"> 
     <ul> 
     <li><a href="http://"><img src="images/logo.png" alt="Site Logo" height="50" width="68"></img></a></li> 
     <li><a href="#">Forum's</a></li> 
     <li><a href="#">Chat's</a></li> 
     <li><a href="#">Login</a></li> 
     <li><a href="#">Sign up</a></li> 
  </ul> 
</div> 
</body> 
</html>

added margin: 0; to body tag and it works like fb header covering whole top of page no white space or ignorant breaking or any thing like that also its cross browser so thanks alot .thank all you users who have helped me with this

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Set the margin to 0px in the body 

     body{
 margin:0px;
 background-color:#b0c4de
 }

    This will remove any white spaces around the body

    If you want the navigation bar to span the top of the entire page try setting the width to 100%

     #navbar{
 position:relative;
 width:100px;
 height:auto;
 background-color: #8B008B; 
 }

    This will make a Magenta bar across the top of the page. Not sure about what height you want so I get it to auto so it will re-size depending on the content. You can then place your logo image inside this div.

    • 0