Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1467 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  supprimer marge supérieure en tête

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

supprimer marge supérieure en tête

n°2072270
atheysg
Posté le 27-04-2011 à 20:51:28  profilanswer
 

Bonjour !
 
J'aimerais savoir comment on fait pour supprimer la marge supérieure au dessus de l'entête http://img4.hostingpics.net/pics/355526capturemenu3.png .
Voila mon code HTML :
<body>
 <div id="page">
  <div id="header">
   <h1><a href="selaccueil.html"><img src="images/menu/monlogo.png" alt="accueil"/></a></h1>  
   <div id="menuh">
    <ul>
     <li><a href="news.html">News</a></li>
     <li><a href="photos.html">Photos</a></li>
     <li><a href="videos.html" >Vidéos</a></li>
     <li><a href="contact.html">Contacts</a></li>
    </ul>
   </div><!-- menu -->
  </div><!-- header -->
   
  <div id="contenu">
  </div><!-- contenu -->
   
  <div id="footer">
  </div><!-- footer -->
 </div><!-- page -->
</body>

 et voila mon code CSS :
 
body {
 font-family: 'Arial', Verdana, Lucida Grande, Sans-Serif;
 color: #333;
 background-color :#19B1C4;
 text-align: left;
 font-size: 13px;
 margin: 0;
 margin-top: 0px;
 padding: 0;}
 
#menuh ul {
 
 list-style-type:none; }
 
#menuh li {
 float:left; }
 
#menuh ul li a {  
 display:block;  
 color:#19B1C4;
 text-transform: uppercase;  
 font-size:13px;  
 text-decoration:none;  
 font-family:arial, verdana, sans-serif;  
 text-align:center;  
 padding:20px 10px 20px 10px;
 cursor:pointer; }
 
#menuh ul li a:hover {
 color:black; }  
 
#header{
 
background-color:white;
height:56px;
width:100%;
 }
h1{margin-top:0;}
#header h1 img{
float: left;
padding: 3px 10px 3px 10px;
border: 0;
width: 50px;}

mood
Publicité
Posté le 27-04-2011 à 20:51:28  profilanswer
 

n°2072278
vanish
Ce qui brûle, brûle !
Posté le 27-04-2011 à 22:01:09  profilanswer
 

Salut, pr développer efficacement du html/css je te conseille (par ordre de préférence mais c'est sans doute un peu subjectif) :

 

- firefox et son superbe module firebug pr explorer / tester / modifier a la volé le html et css (entre autres fonctionnalités)
- chrome et son systeme é"quivalent itnégré nativement
- l'équivalent IE (dans outils > aide au developpement ou un truc du genre) un peu pourri mais ça aide quand il s'agit de corriger les prob uniques (et nbreux) sur ce navigateurs lol

 

En utilisant un de ces trois outils tu n'auras aucun mal à visualiser quel element est responsable de cette marge ;)


Message édité par vanish le 27-04-2011 à 22:01:48
n°2072280
atheysg
Posté le 27-04-2011 à 22:09:38  profilanswer
 

Merci bcp ! je viens d'installer firebug et il a l'air vraiment pas mal ;)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  supprimer marge supérieure en tête

 

Sujets relatifs
Supprimer doublons dans un vectorsite mobil: supprimer l'espace en haut et à gauche
Div sans margeSupprimer un INDEX sur PHPMYADMIN
Afficher/supprimer le contenu d'une bdd en fonction d'un id précis[BATCH] Supprimer une clé du registre bien définit ? [RESOLU]
Bouton supprimer / DébutantSupprimer des lignes
rechercher et supprimer[RegEx] Supprimer les espaces multiples
Plus de sujets relatifs à : supprimer marge supérieure en tête


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR