faire des CSS de la barre de navigation en haut de la couverture

 <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>

ajouté margin: 0; à la balise body et il fonctionne comme fb-tête couvrant l'ensemble de la haut de la page sans espace ni ignorant, ni de rupture ou quelque chose comme ça aussi sa de la croix-navigateur, donc merci beaucoup .merci à vous tous, les utilisateurs qui m'ont aidé dans cette

InformationsquelleAutor Jacob Tonna | 2013-01-12
  1. 3

    Définir la marge de 0px dans le corps 

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

    Cela permettra d'éliminer tous les espaces blancs autour du corps

    Si vous souhaitez que la barre de navigation, couvrent le haut de la page entière, essayez de régler la largeur à 100%

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

    Cela fera un Magenta barre dans le haut de la page. Pas sûr de ce que la hauteur que vous voulez donc que je l'obtenir à l'auto de sorte qu'il sera de nouveau de la taille en fonction du contenu. Vous pouvez ensuite placer votre image de logo à l'intérieur de ce div.

    InformationsquelleAutor user1078385
  2. 3

    Si vous entendez un "collant" en-tête puis utiliser la position:fixe

    #navbar{
    position:fixed;
    top:0;
    left:0;
}

    Vous devrez peut-être définir la largeur, z-index, ou toute autre chose de spécifique pour votre conception, mais c'est l'idée de base.

    Si vous ne vouliez pas collante, alors peut-être que william a obtenu le droit de réponse.

    • Cela va créer un collant en - tête, c'est que ce qu'il veut?
    • vous savez, vous avez raison. J'ai simplement supposé qu'il voulait collant parce que je n'avais pas pensé à la possibilité que quelqu'un ne savait pas juste aligner la valeur liquidative en haut de la page... Si vous exécuter son code est dans un jsfiddle il s'affiche comme un normal d'en-tête serait, sans espace.
    InformationsquelleAutor Kai Qing
  3. -1

    Vous avez besoin de mettre margin: 0; dans la balise body. Je recommande d'utiliser un reset de style que vous pouvez trouver dans google pour réinitialiser tous les espaces que les navigateurs mettent.

    InformationsquelleAutor William Seiti Mizuta