Problème d'apparition d'une DIV sous Firefox
Clementinou
-
Clementinou -
Clementinou -
Bonjour,
J'ai un léger soucis dans la création de mon site. En haut de ma page, j'ai un fond (qui s'appelle #menu) et dessus, j'ai une dispo inline de 7 boutons qui vont permettre la navigation à travers le site. Mes boutons sont correctement positionnés mais ils n'apparaissent pas sur Firefox 4 ou Safari.
Si qqun pouvait m'aider, ça serait très sympathique. Je joints les codes pour mieux comprendre.
J'ai un léger soucis dans la création de mon site. En haut de ma page, j'ai un fond (qui s'appelle #menu) et dessus, j'ai une dispo inline de 7 boutons qui vont permettre la navigation à travers le site. Mes boutons sont correctement positionnés mais ils n'apparaissent pas sur Firefox 4 ou Safari.
Si qqun pouvait m'aider, ça serait très sympathique. Je joints les codes pour mieux comprendre.
#entete {
height: 280px;
width: 1000px;
background-image: url(images/bann.png);
}
#menu {
height: 45px;
width: 1000px;
position: absolute;
}
#navigation {
text-align: center;
list-style: none;
position: absolute;
height: 25px;
width: 1000px;
top: 290px;
}
#navigation li{
display: inline;
color: #fff;
}
#navigation li a{
background: #000 url(images/bouton_rollover.jpg) left top no-repeat;
color: #fff;
font: 0.5em "Verdana, Geneva, sans-serif";
text-align: center;
text-decoration: none;
padding-right: 5px;
margin-left: 5px;
padding-left: 5px;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active{
background: #666 url(images/bouton_bleu.jpg) right top no-repeat;
text-decoration: none;
}
#contenu {
background-image: url(images/fond.jpg);
background-repeat: repeat-y;
height: 1000px;
width: 1000px;
position: absolute;
top: 325px;
}
#barretxthaut {
background-image: url(images/barretxthaut.png);
height: 50px;
width: 800px;
position: relative;
top: 100px;
left: 100px;
font-family: "Verdana, Geneva, sans-serif";
font-size: 30px;
}
#conttext {
background-image: url(images/fondtxt.png);
height: 500px;
width: 790px;
position: relative;
left: 100px;
top: 80px;
text-indent: 10px;
font-size: 20px;
line-height: normal;
color: #FFF;
text-align: left;
font-family: "Verdana, Geneva, sans-serif";
padding-left: 10px;
}
#barretxtbas {
background-image: url(images/barretxtbas.png);
height: 50px;
width: 800px;
position: relative;
left: 100px;
top: 80px;
}
#bas_de_page {
background-image: url(images/bas_de_page.png);
height: 60px;
width: 1000px;
position: absolute;
top: 1305px;
}
-->
</style></head>
<body>
<div id="coming">
<table width="1000" border="0" cellpadding="0" cellspacing="0" style="background-image: url(images/background2.jpg);">
</table>
<div id="entete"></div>
<div id="menu"><img src="images/fond_boutons4.png" alt="barre menus" width="1000" height="45" vspace="0" /></div>
<ul id="navigation">
<li><a href="accueil.htm">Accueil</a></li>
<li><a href="site.htm">Le Site</a></li>
<li><a href="news.htm" title="">News</a></li>
<li><a href="réalisations.htm" title="">Réalisations</a></li>
<li><a href="projets.htm" title="">Projets</a></li>
<li><a href="livre.htm" title="">Livre d'Or</a></li>
<li><a href="contact.htm" title="">Contact</a></li>
</ul>
A voir également:
- Problème d'apparition d'une DIV sous Firefox
- Telecharger firefox - Télécharger - Navigateurs
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Exporter favoris firefox - Guide
- Ghostery firefox - Télécharger - Web & Internet
- Div c++ - Télécharger - Langages
