Problème avec espace blanc

Fermé

albert733 Messages postés 267 Date d'inscription samedi 8 décembre 2012 Statut Membre Dernière intervention 28 octobre 2014 - 27 juil. 2013 à 11:50
bg62 Messages postés 23643 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 20 septembre 2024 - 28 juil. 2013 à 12:14

bonjour,
j'ai un problème avec les espaces blancs.
Je m'explique: en début de document, il y a un espace blanc et dessous un menu avec le style css suivant:

.menu li{
	width: 16.66%;
	height: 40px;
	border-bottom: 3px grey solid;
	background-color: black;
	padding: 0px;
	margin: 0px;
	text-align: center;
	float: left;
	list-style: none;
}
.menu ul li{
	margin: 0px;
	padding: 0px;
}
.menu li:hover{
	background-color: red;
}
.menu ul{
	padding: 0px;
	margin: 0px;
}
.menu{
	margin: 0px;
	padding: 0px;
}
.menu a{
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	color: white;
	font-family: Comic Sans MS;
	text-align: center;
}

et voici le code du début de la page html:

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>Accueil</title>
		<meta name="Keywords" content="accueil" />
		<meta name="author" content="administrateur" />
		<meta name="Language" content="fr" />
		<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
		<link rel="stylesheet" media="print" type="text/css" href="style_for_print.css" />
		<link rel="stylesheet" media="handheld" type="text/css" href="style_ipod.css" />
		<link rel="icon" type="image/png" href="images.png"/>
	</head>

	<body>
		<ul class="menu">
	<li><a href="index.php">accueil</a></li>
	<li><a href="villemaurine.php">menu 2</a></li>
	<li><a href="garenne.php">menu 3</a></li>
	<li><a href="actu.php">menu 3</a></li>
	<li><a href="contact.php">contact</a></li>
	<li><a href="visite.php">menu 4</a></li>
</ul>

A voir également:

Espace blanc copier coller
Espace insécable word - Guide
Copier coller pdf - Guide
Copier une vidéo youtube - Guide
Comment liberer de l'espace sur gmail - Guide
Symbole clavier copier coller - Guide

2 réponses

Réponse 1 / 2

dan-b Messages postés 80 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 20 octobre 2014 7
27 juil. 2013 à 14:22

Bonjour,

je vois une marge sur le body venant des règles du navigateur

Ajouter dans CSS :

body{margin:0;}

(cela fait partie de la technique du reset https://meyerweb.com/eric/tools/css/reset/

Réponse 2 / 2

bg62 Messages postés 23643 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 20 septembre 2024 2 381
28 juil. 2013 à 12:14

fais un p'tit test sur le " W3C " .... ;)

Discussions similaires

Dessiner avec son clavier et avec des lettres

Comment faire le symbole coeur vide/coeur blanc

Comment faire le signe de croix (chrétiens) ?

dessin au clavier cannabis

Discussions similaires

Newsletters