supprimer marge supérieure en tête
supprimer marge supérieure en tête - HTML/CSS - Programmation
Marsh Posté le 27-04-2011 à 22:01:09
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
Marsh Posté le 27-04-2011 à 22:09:38
Merci bcp ! je viens d'installer firebug et il a l'air vraiment pas mal
Sujets relatifs:
- Supprimer doublons dans un vector
- site mobil: supprimer l'espace en haut et à gauche
- Div sans marge
- Supprimer 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ébutant
- Supprimer des lignes
- rechercher et supprimer
- [RegEx] Supprimer les espaces multiples
Marsh Posté le 27-04-2011 à 20:51:28
Bonjour !
.
J'aimerais savoir comment on fait pour supprimer la marge supérieure au dessus de l'entête
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;}