Hello tout le monde
Voilà j'ai quelques soucis que je n'arrive pas à régler. Parfois quand firefox met un peu plus de temps qu'à la normal pour afficher une page web, il interprete le code html et le css sans appliquer la propriété float !
Par exemple voici un menu :
HTML
CSS
Et donc de temps en temps je me retrouve avec ça :
http://www.under-gre.com/temp/menu2.jpg
au lieu de ça :
http://www.under-gre.com/temp/menu1.jpg
Autre exemple avec float parfois, au lieu d'avoir :
*********
**image** texte
*********
je me retrouve avec le texte en dessous :
*********
**image**
*********
texte
Alors si quelqu'un avait une explication à tout ça ! Ai-je oublier de coder quelque chose ?
A signaler qu'il y a ce soucis aussi sur Opera de temps en temps, par contre jamais sur Internet Explorer (pour une fois !)
Modifié par Bouh (07 Dec 2007 - 09:55)
Voilà j'ai quelques soucis que je n'arrive pas à régler. Parfois quand firefox met un peu plus de temps qu'à la normal pour afficher une page web, il interprete le code html et le css sans appliquer la propriété float !
Par exemple voici un menu :
HTML
<ul id="menu">
<li><a href="/actus.php"><img src="/Images/actus.gif" alt="Actus" /></a></li>
<li><a href="/concerts.php"><img src="/Images/concerts.gif" alt="Concerts" /></a></li>
<li><a href="/articles.php"><img src="/Images/articles.gif" alt="Articles" /></a></li>
<li><a href="/groupes.php"><img src="/Images/groupes.gif" alt="Groupes" /></a></li>
<li><a href="/lieux.php"><img src="/Images/bonnes_adresses.gif" alt="Bonnes Adresses" /></a></li>
<li><a href="/medias.php"><img src="/Images/medias.gif" alt="Medias" /></a></li>
<li><a href="/forum/index.php"><img src="/Images/forum.gif" alt="Forum" /></a></li>
<li><a href="/liens.php"><img src="/Images/lien.gif" alt="Liens" /></a></li>
<li><a href="/contacts.php"><img src="/Images/contacts.gif" alt="Contacts" /></a></li>
</ul>
CSS
#menu {
list-style-type: none;
margin: 0;
padding: 0;
display: table;
}
#menu li {
display: inline;
margin: 0;
padding: 0;
float: left;
}
Et donc de temps en temps je me retrouve avec ça :
http://www.under-gre.com/temp/menu2.jpg
au lieu de ça :
http://www.under-gre.com/temp/menu1.jpg
Autre exemple avec float parfois, au lieu d'avoir :
*********
**image** texte
*********
je me retrouve avec le texte en dessous :
*********
**image**
*********
texte
Alors si quelqu'un avait une explication à tout ça ! Ai-je oublier de coder quelque chose ?
A signaler qu'il y a ce soucis aussi sur Opera de temps en temps, par contre jamais sur Internet Explorer (pour une fois !)
Modifié par Bouh (07 Dec 2007 - 09:55)