Discussion :

[nixonne]

Bonjour,

Je suis en etrain de redévelloper un site pour qu'i ne soit que en CSS et j'ai quelques problèmes (qui doivent être mineures) mais je ne trouve pas de solution.

Tout d'abord au niveua de l'image en haut à gauche, IE me met un espace blanc en dessous et pas FF. Comment l'enlever ou alors en rajouter un aussi au dessus de l'image pour equlibré?

De plus, j'ai un sous menu du type:

Code :

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

1
2
3
4
5
6
<ul>
	  <li style='width:25%;'><a href=''>Aubes mixtes</a></li>
	  <li style='width:24%;'><a href=''>Aubes pour filles</a></li>
	  <li style='width:24%;'><a href=''>Aubes pour garçon</a></li>
	  <li style='width:24%;'><a href=''>Accessoires</a></li>
	</ul>

J'aimerai savoir si il existe une mainere pour que si en rajoutant des element <li>, ils restent tous centrées.

Voici le CSS pour le problme d'image:

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
39
40
41
42
43
body{
text-align: center;
background-color:#FFFFCC;
}
.banniere{
background-color:#FFFFFF;
width:100%;
height:110px;
margin-left: auto;
margin-right: auto;
border:1px black solid;
}
.conteneur_centrale{
background-color:transparent;
width:100%;
margin-left: auto;
margin-right: auto;
}
 
.conteneur_contenu{
float: left;
background-color:white;
width:100%;
margin-left: auto;
margin-right: auto;
border-bottom:1px black solid;
border-top:1px black solid;
border-left:1px black solid;
border-right:1px black solid;
}
 
.pied_page{
float: left;
background-color:#FFFFFF;
width:100%;
margin-left: auto;
margin-right: auto;
border:1px black solid;
margin-top:5px;
}
.pied_page img {
vertical-align:middle;
}

Voici le CSS pour le sous menu:

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
#ss_menu{
width:100%;
margin-left: auto;
margin-right: auto;
background-color:yellow;
font-size:93%;
line-height:normal;
}
#ss_menu ul{
margin:0;
padding:0px 0px 0;
list-style:none;
}
#ss_menu li{
float:left;/**/
margin:0;
padding:0 0 0 8px;
background-color:transparent;
}
 
#ss_menu a{
display:block;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#765;
}

Merci d'avance

Nixonne

[nixonne]

Il n'y a personne pour m'aider???

[Auteur]

bonjour,

Pour supprimer l'espace sous l'image dans IE :

Code :

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

1
2
 
<img src="image.jpg" align="absbottom">

l'attribut n'est pas défini dans le CSS, il faut le préciser dans la balise img.