Espace à supprimer

Version imprimable

1 pièce(s) jointe(s)

Espace à supprimer

bonjour à tous
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <p style="text-align:center;" class="img_menu"> <img src="./image1.gif"/><img src="./image2.gif"/><img src="./image3.gif"/><img src="./image4.gif"/><br/> <div class="div_menu"> <ul id="sm1" class="smenu"> <li></li> </ul> <ul id="sm2" class="smenu"> <li></li> </ul> </div> </p>
Sous IE, tout marche bien, mais sous Firefox, un espace se créer entre la ligne d'images et la div contenant le menu. Pourquoi ? Comment faire pour l'éliminer ?

Pièce jointe 25331

MERCI

09/02/2008, 10h33
sachav

Bonjour,

Je vous déconseille vivement les div.
Essayez avec un span ? (N'oubliez pas de mettre des <br> car les span ne comptent pas comme un saut de ligne.)
09/02/2008, 10h45
piero-la-lune

Bonjour,

Désolé, mais cela ne marche pas : je n'arrive pas à le positioner correctement :cry:
09/02/2008, 13h23
kaiser59

Salut,

As tu enlevé les margin et padding par défaut dans ton css

Code:

* {margin:0;padding:0;}

Bonjours,

Merci à tous, mon problème est résolu :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div class="div_menu">
<p style="text-align:center;" class="img_menu"><img src="./image1.gif"/><img src="./image2.gif"/><img src="./image3.gif"/><img src="./image4.gif"/></p>
</div>
<div class="div_smenu">
    <ul id="sm1" class="smenu">
        <li></li>
    </ul>
    <ul id="sm2" class="smenu">
        <li></li>
    </ul>
</div>
</p>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.div_menu {
	width: 750px;
	height: 25px;
	position: absolute;
	top: 140px;
}
.div_smenu {
	width: 750px;
	height: 25px;
	position: absolute;
	top: 165px;
}