bonjour, je suis en train de remettre mon site aux normes avec css et tout, grâce à tous ces excellents sites comme le votre avec lesquels j'ai tout appris depuis le debut. voici mon site actuel, vous remarquerez que sur firefox, le texte défile sans arrèt à droite... (ne paniquez pas en regardant le source!) http://www.lamainbleue.org/Minkachiway%20-%20Probl%E9matiques.html
voici mon nouvel html:
et mon css:
Le problème c'est que je n'arrive pas à faire mon menu de gauche (voir sur la page actuelle). Il est pourtant très simple, je ne veux ni effet mouse-over, ni menu déroulant, mais quand j'essaie de mettre des div avec fond de couleur et texte centré, les boites "rentrent" dans mon espace "texte principal".
J'éspère que je me suis fait comprendre, c'est pas évident. Merci de me parler comme à la débutante que je suis aussi...
Modifié le 17 Nov 2004 - 22:09
voici mon nouvel html:
<body style="color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0);"
link="#ffffff" alink="#ffffff" vlink="#ffffff">
<div id="conteneur">
<div id="header">
<a href="Minkachiway.html">
<img alt="Accueil"
src="ressources/navigation/minka1.jpg"
style="border: 0px solid ;
width: 182px; height: 84px;">
<img alt="Accueil"
src="ressources/navigation/minka2.jpg"
style="border: 0px solid ;
width: 182px; height: 84px;">
<img alt="Accueil"
src="ressources/navigation/minka3.jpg"
style="border: 0px solid ;
width: 163px; height: 84px;">
<img alt="Accueil"
src="ressources/navigation/minka4.jpg"
style="border: 0px solid ;
width: 141px; height: 84px;"></a>
</div>
<div id="gauche"> menu </div>
<div id="centre"> texte principal </div>
<div id="pied">
<img style="width: 60px; height: 60px; margin-right: 60px;"
alt="Tisseuse de Patabamba" src="ressources/navigation/vignette-problematiques.gif"
vspace="20">
<img style="width: 60px;
height: 60px; margin-right: 60px;"
alt="Le président de l'association d'artisans de Patabamba" src="ressources/navigation/vignette-patabamba.gif"
vspace="20">
<img style="width: 60px;
height: 60px; margin-right: 60px;"
alt="Tisseuse de Patabamba" src="ressources/navigation/vignette-etapres.gif"
vspace="20">
<img style="width: 60px; height: 60px;"
alt="Tisseuse de Patabamba" src="ressources/navigation/vignette-demarche.gif"
vspace="20">
</div> </div> </body> </html>et mon css:
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
margin-top: 15px;
height: 84px;
}
#conteneur {
position: absolute;
width: 668px;
left: 50%;
margin-left: -334px;
}
#centre {
background-color:#660000;
margin-left: 155px;
margin-bottom: 5px;
padding: 45px;
text-align: justify;
}
#gauche {
margin-top: 15px;
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
position: absolute;
left:0;
width: 150px;
}
#pied {
margin-left: 155px;
margin-top: 5px;
width: 513px;
height: 100px;
text-align: center;
background-color: #660000;
}Le problème c'est que je n'arrive pas à faire mon menu de gauche (voir sur la page actuelle). Il est pourtant très simple, je ne veux ni effet mouse-over, ni menu déroulant, mais quand j'essaie de mettre des div avec fond de couleur et texte centré, les boites "rentrent" dans mon espace "texte principal".
J'éspère que je me suis fait comprendre, c'est pas évident. Merci de me parler comme à la débutante que je suis aussi...
Modifié le 17 Nov 2004 - 22:09
) donc il met un doctype automatiquement. est-ce que je dois tout copier dans un editeur de texte autre ou est-ce que vous savez si ça peut se changer dans nvu?