Problème dans la construction de mon site
Clemntinou
-
Fallentree Messages postés 2309 Date d'inscription Statut Membre Dernière intervention -
Fallentree Messages postés 2309 Date d'inscription Statut Membre Dernière intervention -
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/
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:
- Problème dans la construction de mon site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site de partage de photos - Guide
- Site x - Guide
1 réponse
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 !
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 !
Fallentree
Messages postés
2309
Date d'inscription
Statut
Membre
Dernière intervention
209
rajoute la balise <center> avant ta div