Discussion :

[helkøwsky]

Bonjour à vous la communauté,

une fois de plus perdant patience je me tourne vers vous ! Apres maintes rechercher je n'arrive toujours pas à supprimer un espace blanc non désirable.

voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<div class="menu">
			<div class="menu_header">
				<IMG SRC="image/menu/menu_header.png" ALT="panier_header" TITLE="" >
			</div>
			<div class="menu_body">
				<p>Bonjour jerome, <br /> bienvenu sur xxx</p> <br />
					<ul>
							<li><a href='accueil_membre.php?m377'>Jerome</a></li>
							<li><a href='accueil_membre.php?m382'>yvan</a></li>
						<ul>
							<li><a href='accueil_membre.php?sm384&m382&1=sm384'>kulo</a></li>
							<li><a href='accueil_membre.php?sm383&m382&1=sm383'>torchio</a></li>
							<li><a href='accueil_membre.php?sm385&m382&1=sm385'>zula</a></li>
						</ul>
					</ul>	
					<ul>
						<li><a href="accueil_membre.php?admin">Administration</a></li>
					</ul>
			</div>
			<div class="menu_foot">
				<IMG SRC="image/menu/menu_foot.png" ALT="panier_header" TITLE="">
			</div>
	</div>

et le css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
.menu
{
	float: left; /* Le menu flottera à gauche */
	width: 200px; /* Très important : donner une taille au menu */
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 5px;
	position: relative;
}
.menu_header
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 200px;
	height: 10px;
}
.menu_body
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 200px;
	background: url(image/menu/menu_body.png) repeat-y;
 
}
.menu_foot
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 200px;
	height: 30px;
}

Le bloc menu est composé de 3 images, un header avec les deux coins supérieur arrondis un body carré et l'attribut repeat-y et un foot qui a deux coins inférieur arrondis. Il semblerait que les balises img laissent un espace blanc cependant j ai essayé les méthodes décrites ici http://www.sitepoint.com/forums/showthread.php?t=396477
rien n'y fait. j'ai réussi à enlever l'espace blanc entre la balise header et body en changeant ceci .menu_header {height: 30px; -> en 10px}. L'autre solution serait d'utiliser des background-image et donc d'enlever les balises img, sauf que si les balises sont vide il ne les affiches pas alors que si je tape une lettre ca joue enfin si qqun a une solution avec les div ou les img le tout en me supprimant les espaces je suis preneur. le résultat est en image.

En remerciant d'avance les personnes qui prendront le temps de s'occuper de mon cas