Sujet Précédent Sujet Suivant

Problème dans la construction de mon site

Fermé
Clemntinou - 18 juin 2011 à 19:18
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 - 7 août 2011 à 20:27
Bonjour à tous,

Comme beaucoup de personnes, je créee mon site Internet. J'ai réussi à faire quelque chose qui rend bien pour l'instant mais je commence à avoir quelques problèmes.
J'explique : j'ai une div avec mes boutons de menus qui me permettent de naviguer sur le site. Le problème, c'est que dans la fenetre de création dreamweaver, je n'obtiens pas la meme chose que dans celle de firefox. Et je n'arrive pas du tout à centrer ces boutons de navigation avec mon fond.
Si qqun pouvait m'aider, je lui en serai très reconnaissant. Je joints ma prog ainsi que les deux screens (firefox et dreamweaver) pour que la compréhension soit plus facile.

Merci d'avance.

#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: relative;
height: 20px;
width: 1000px;
top: 0px;
}
#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;
height: 30px;
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;
}
#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>

sur dreamweaver : http://imageshack.us/photo/my-images/84/capturedcran20110618190.png/

sur firefox : http://imageshack.us/photo/my-images/3/capturedcran20110618190.png/


A voir également:

1 réponse

Réponse 1 / 1
Utilisateur anonyme
7 août 2011 à 00:06
Essayes déjà d'intégrer ton menu dans ton div entête.
Enlèves le </div> qui se trouve après <div id="entête"> et recolles-le après le </ul>.

Le truc, c'est qu'une présentation qui est nickel sous firefox peut-être foireuse sous IE et vice-versa, sans parler de chrome ou opéra !

Le W3C !
0
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 209
7 août 2011 à 20:27
rajoute la balise <center> avant ta div
0

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses
Colis en cours de transport vers votre site de livraison ?
Ninan_5568 -
JulieVdr -

7 réponses
Que signifie ''Votre colis est arrivé sur son site de distribution'' ?
jouhry113 -
Chanchan -

25 réponses
adele
marine carnet-pantier -
irongege -

2 réponses