[HTML/CSS] Problème de Menu FF/IE
aurel187kmp
Messages postés
15
Statut
Membre
-
aurel187kmp Messages postés 15 Statut Membre -
aurel187kmp Messages postés 15 Statut Membre -
Bonjour, j'ai rencontré 2 problèmes :
-ma page d'accueil contient un menu en longueur type onglets avec listes déroulantes et jusque là je suis satisfait du résultat sur FF. Cependant, sur IE, mon menu a disparu. Je cherche donc à pouvoir visualiser ce menu sur FF et IE.
-j'obtenait une liste déroulante pour chaque onglet sur FF(nickel) mais sur IE les listes ne se déroulaient plus, on voyait donc seulement les onglets
voilà la partie CSS intéressante:
body
{
font: 11px verdana, sans-serif;
margin:0;
padding: 0;
text-align : center;
}
#Droite{
height:664px;
width:165px;
margin-top:-647px;
border-width:1px;
border-style:solid;
background-color:#FFFFFF;
float:right;
}
#Centre{
float:left;
margin:0;
border-width:1px;
}
#ToutEnBas{
height:30px;
width:1000px;
border-style:solid;
border:1px;
border-color:#FFFFFF;
}
#ToutEnHaut{
float:top;
background-color:#FFFFFF;
border-width:1px; border-style:solid;
height:188px;}
...
Et la partie HTML:
<body>
<div id="conteneur">
<div id="ToutEnHaut">
<img src=""/>
</div>
<div id="Centre">
<img src="blanc (833 x 664).jpg">
<div id="Droite">
...
<br><br>
...
</div>
</div>
<ul id="menuDeroulant">
<li>
<a href="#">La Commune</a>
<ul class="sousMenu">
<li><a href="#">Clohars-Fouesnant</a></li>
<li><a href="#">Plan</a></li>
<li><a href="#">Histoire</a></li>
<li><a href="#">La commune et sa communauté</a></li>
<li><a href="#">Projet du Jumelage</a></li>
</ul>
</li>
<li>
<a href="#">La Mairie</a>
<ul class="sousMenu">
<li><a href="#">Les élus</a></li>
<li><a href="#">Les Conseils Municipaux</a></li>
<li><a href="#">Rescensement</a></li>
<li><a href="#">Les services municipaux</a></li>
<li><a href="#">Démarches administratives</a></li>
<li><a href="#">Etat Civil</a></li>
</ul>
</li>
<li>
<a href="#">Cadre de Vie</a>
<ul class="sousMenu">
<li><a href="#">Urbanisme et travaux</a></li>
<li><a href="#">Environnement</a></li>
<li><a href="#">Transport</a></li>
</ul>
</li>
<li>
<a href="#">Actions Sociales</a>
<ul class="sousMenu">
<li><a href="#">Personnes agées</a></li>
<li><a href="#">Petite Enfance</a></li>
</ul>
</li>
<li>
<a href="#">Les Commerces</a>
<ul class="sousMenu">
<li><a href="#">Epicirie</a></li>
<li><a href="#">Pizzeria</a></li>
<li><a href="#">Batiment</a></li>
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Les Associations</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Tourisme</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Patrimoine</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
</ul>
</div>
<div id="ToutEnBas">
<a href="mailto:mairie-de-clohars-fouesnant@wanadoo.fr">Nous Contacter</a>
<a href="Administration/login.php">Administration</a>
</div>
</body>
Voici ce qui l'en est:
FireFox
https://imageshack.com/
IE
https://imageshack.com/
Je suis ouvert à toute proposition ou conseil afin de pouvoir réglé les problèmes!
Bonne après-midi!
-ma page d'accueil contient un menu en longueur type onglets avec listes déroulantes et jusque là je suis satisfait du résultat sur FF. Cependant, sur IE, mon menu a disparu. Je cherche donc à pouvoir visualiser ce menu sur FF et IE.
-j'obtenait une liste déroulante pour chaque onglet sur FF(nickel) mais sur IE les listes ne se déroulaient plus, on voyait donc seulement les onglets
voilà la partie CSS intéressante:
body
{
font: 11px verdana, sans-serif;
margin:0;
padding: 0;
text-align : center;
}
#Droite{
height:664px;
width:165px;
margin-top:-647px;
border-width:1px;
border-style:solid;
background-color:#FFFFFF;
float:right;
}
#Centre{
float:left;
margin:0;
border-width:1px;
}
#ToutEnBas{
height:30px;
width:1000px;
border-style:solid;
border:1px;
border-color:#FFFFFF;
}
#ToutEnHaut{
float:top;
background-color:#FFFFFF;
border-width:1px; border-style:solid;
height:188px;}
...
Et la partie HTML:
<body>
<div id="conteneur">
<div id="ToutEnHaut">
<img src=""/>
</div>
<div id="Centre">
<img src="blanc (833 x 664).jpg">
<div id="Droite">
...
<br><br>
...
</div>
</div>
<ul id="menuDeroulant">
<li>
<a href="#">La Commune</a>
<ul class="sousMenu">
<li><a href="#">Clohars-Fouesnant</a></li>
<li><a href="#">Plan</a></li>
<li><a href="#">Histoire</a></li>
<li><a href="#">La commune et sa communauté</a></li>
<li><a href="#">Projet du Jumelage</a></li>
</ul>
</li>
<li>
<a href="#">La Mairie</a>
<ul class="sousMenu">
<li><a href="#">Les élus</a></li>
<li><a href="#">Les Conseils Municipaux</a></li>
<li><a href="#">Rescensement</a></li>
<li><a href="#">Les services municipaux</a></li>
<li><a href="#">Démarches administratives</a></li>
<li><a href="#">Etat Civil</a></li>
</ul>
</li>
<li>
<a href="#">Cadre de Vie</a>
<ul class="sousMenu">
<li><a href="#">Urbanisme et travaux</a></li>
<li><a href="#">Environnement</a></li>
<li><a href="#">Transport</a></li>
</ul>
</li>
<li>
<a href="#">Actions Sociales</a>
<ul class="sousMenu">
<li><a href="#">Personnes agées</a></li>
<li><a href="#">Petite Enfance</a></li>
</ul>
</li>
<li>
<a href="#">Les Commerces</a>
<ul class="sousMenu">
<li><a href="#">Epicirie</a></li>
<li><a href="#">Pizzeria</a></li>
<li><a href="#">Batiment</a></li>
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Les Associations</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Tourisme</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
<li>
<a href="#">Patrimoine</a>
<ul class="sousMenu">
<li><a href="#">...</a></li>
</ul>
</li>
</ul>
</div>
<div id="ToutEnBas">
<a href="mailto:mairie-de-clohars-fouesnant@wanadoo.fr">Nous Contacter</a>
<a href="Administration/login.php">Administration</a>
</div>
</body>
Voici ce qui l'en est:
FireFox
https://imageshack.com/
IE
https://imageshack.com/
Je suis ouvert à toute proposition ou conseil afin de pouvoir réglé les problèmes!
Bonne après-midi!
A voir également:
- [HTML/CSS] Problème de Menu FF/IE
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Canon quick menu - Télécharger - Utilitaires
- Ie tab - Télécharger - Outils pour navigateurs
- Ff gay ✓ - Forum Twitter
