Probleme menu et css
cybercodes
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
o2c -
o2c -
Bonjour a tous,
Je suis en train de faire un site pour un ami, j'ai donc creer un fichier css externe.
le voici:
Voici le code d'une des pages du site.
Le probleme est que mes images ont un ecart entre elle et je ne vois absolument d'ou viens le probleme (sans doute une petite chose que je ne vois pas, je presice que je debute dans le css donc cela viens peut etre de la :(
Vous pouvez voir le site a cette adresse pour voir les lignes qui ce trouve entre les images du menus.
http://users.11vm-serv.net/cybercodes/accueil.htm
Je vous remercie d'avance
Cybercodes
Je suis en train de faire un site pour un ami, j'ai donc creer un fichier css externe.
le voici:
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
margin: 0;
padding: 0;
background-color: #000000;
}
#header {
height: 123px;
background-color: #75064a;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
top : 30px;
border-style:solid;
border-width:3px;
border-color:#de068d;
margin-left: -375px;
background-color:#550536;
}
#centre {
background-color:#550536;
margin-left: 150px;
height: 420px;
width: 600px;
overflow: auto;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
.menugauche {
list-style-type: none;
margin: 10;
padding:0;
}
.menugauche li {
margin-bottom: 0px;
}
.menugauche a {
margin: 0 0px;
color: #ffffff;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}
a:link { color: #f655b2; text-decoration: none; font-size:0.9em; }
a:visited { color: #f655b2; text-decoration: none; font-size:0.9em; }
a:active { color: #f655b2; text-decoration: none; font-size:0.9em; font-family: }
a:hover { color: #FEADC9; text-decoration: none; font-size: 0.9em; font-family: }
Voici le code d'une des pages du site.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>Accueil Buztattoo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="fichier.css"> </head> <body> <div id="conteneur"> <div id="header"><img src="images/banniere.jpg"> </div> <div id="gauche"> <ul class="menugauche"> <li><a href="accueil.htm"><img src="images/accueil.jpg" border="0" alt="Accueil"></li> <li><a href="tattoo.htm"><img src="images/tattoo.jpg" border="0" alt="tattoo"></li> <li><a href="piercing.htm"><img src="images/piercing.jpg" border="0" alt="piercing"></li> <li><a href="galleries.htm"><img src="images/galleries.jpg" border="0" alt="galleries"></li> <li><a href="soins.htm"><img src="images/soins.jpg" border="0" alt="soins"></li> <li><a href="news.htm"><img src="images/news.jpg" border="0" alt="news"></li> <li><a href="liens.htm"><img src="images/liens.jpg" border="0" alt="liens"></li> <li><a href="contact.htm"><img src="images/contact.jpg" border="0" alt="contact"></li> </ul> </div> <div id="centre"> <div style="margin-left: 30px;" align="justify"> <font color="#C1EBFF"> <br><br> Bienvenue sur le site de Buz, de chez Belgium Urban Zone.<br> Vous y trouverez une section tattoo et piercing ainsi qu'une gallerie avec ses differents projets. </div> </body> </html>
Le probleme est que mes images ont un ecart entre elle et je ne vois absolument d'ou viens le probleme (sans doute une petite chose que je ne vois pas, je presice que je debute dans le css donc cela viens peut etre de la :(
Vous pouvez voir le site a cette adresse pour voir les lignes qui ce trouve entre les images du menus.
http://users.11vm-serv.net/cybercodes/accueil.htm
Je vous remercie d'avance
Cybercodes
A voir également:
- Probleme menu et css
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
2 réponses
Bon vu que personne n'a trouver de reponse, j'en ai trouver une sur un autre forum
Je la donne pour ceux qui aurais le probleme .
Il faut ajouter ceci dans la css
Ce probleme est du a ce que mes images etais consideree comme de l'ecriture, donc d'office il y a des espaces entre les lignes :)
Je la donne pour ceux qui aurais le probleme .
Il faut ajouter ceci dans la css
ul.menugauche img {
display: block;
}
Ce probleme est du a ce que mes images etais consideree comme de l'ecriture, donc d'office il y a des espaces entre les lignes :)
:)