Discussion :

[piero-la-lune]

bonjour à tous

Code :

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

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 ?





MERCI

[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.)

[piero-la-lune]

Bonjour,

Désolé, mais cela ne marche pas : je n'arrive pas à le positioner correctement

[kaiser59]

Salut,

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

Code css :

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

* {margin:0;padding:0;}

[piero-la-lune]

Bonjours,

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

Code :

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

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 :

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

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;
}