Bonjour et ravie de te relire !
Fabrice.Tres.Net a écrit :Touti,
Je ne crois pas que tu aies besoin de définir des classes différentes pour tes menus droite et gauche, une classe menu doit suffire.
Restera à avoir 2 css différents, l'un positionnant le menu à droite, l'autre à gauche.
>>>Ben ça c'est ce que je pense déjà avoir, non ? ! :
1 class menu* (mais qui dit actuellement à droite _sur ma page index)
* sauf que je pensais que c'était un div et non une classe chez moi car j'ai div menu /div et non .menu ...
et 2 css différents l'un menu à droite l'un menu à gauche ...
>>> là je dois avoir fait une boulette car j'ai fais un style par designs différents ce qui actuellement en fait déjà 3 :
_ design par défaut (= général) dont voici le code :
Code : Tout sélectionner
/* Generated by KompoZer */
body {
margin: 0px;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-color: black;
}
#header {
position: relative;
margin-left: auto;
margin-right: auto;
height: 125px;
background-position: center center;
background-repeat: no-repeat;
width: 769px;
color: #999900;
text-align: left;
font-size: x-small;
background-image: url(styles/defaut/images/HeaderToutiWeb.gif);
}
#global {
position: relative;
margin-left: auto;
margin-right: auto;
width: 770px;
background-position: center center;
background-repeat: no-repeat;
}
#menu_droite {
width: 137px;
background-color: black;
height: 848px;
background-repeat: no-repeat;
color: #cc0000;
font-size: small;
background-position: center top;
float: right;
text-align: right;
background-image: url(styles/defaut/images/MenudroitToutiWeb.gif);
}
#page_principale {
background-repeat: no-repeat;
color: #66cccc;
font-size: small;
text-align: center;
background-position: left top;
float: left;
height: 848px;
width: 632px;
background-image: url(styles/defaut/images/PagesprincToutiWeb.gif);
}
p {
background-color: #333333;
width: 630px;
}
h1 {
color: #ffcc33;
font-weight: normal;
font-style: normal;
text-align: center;
font-size: 1.48em;
width: 630px;
}
h2 {
border: 1px dotted #cccc00;
font-weight: bold;
text-transform: capitalize;
font-style: italic;
text-align: center;
color: #cccc00;
font-size: 1.24em;
width: 630px;
}
.p {
font-size: 1em;
color: #ffffcc;
background-color: #222222;
width: 630px;
}
.a link {
margin: 0 5px;
font-size: 1em;
text-decoration: underline;
color: aqua;
text-align: center;
}
.a visited {
margin: 0 5px;
font-size: 1em;
text-decoration: underline;
color: #990000;
text-align: center;
}
.a hover {
margin: 0 5px;
font-size: 1em;
text-decoration: underline;
color: #999900;
text-align: center;
}
.a active {
margin: 0 5px;
text-align: center;
font-size: 1em;
text-decoration: underline;
color: olive;
}
#footer {
height: 300px;
background-repeat: no-repeat;
color: #66cccc;
font-size: small;
text-align: center;
background-position: left top;
width: 775px;
background-image: url(styles/defaut/images/footerToutiWeb.gif);
float: left;
}
toujours menu à droite les 2 autres :
_ design gothique (le même sauf les images qui changent)
_ design au fil des saisons (le même sauf les images qui changent et en plus selon les thèmes)
ça se sont les designs changeables dans le menu déroulant sinon j'ai des pages comme ma pixel'mania :
http://toutiweb.free.fr/indexpixelmania.php
qui ont leur propre design mais qui ne changeront pas.
Donc ça veut dire que je me suis trompée j'en ai plus que deux différents ? ou alors c'est qu'il me manque à mieux redéfinir les Css notamment celui de l'effet "miroir" ?
car j'en ai qu'un à gauche :
effet miroir dont voici le code :
Code : Tout sélectionner
/* Generated by KompoZer */
body {
margin: 0px;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-color: black;
}
#header {
position: relative;
margin-right: auto;
height: 125px;
background-position: center center;
background-repeat: no-repeat;
width: 769px;
color: #999900;
text-align: left;
font-size: x-small;
background-image: url(styles/miroir/images/HeaderToutiWeb.gif);
margin-left: auto;
}
#global {
position: relative;
margin-left: auto;
margin-right: auto;
width: 770px;
background-position: center center;
background-repeat: no-repeat;
}
#menu_gauche {
width: 137px;
background-color: black;
height: 848px;
background-repeat: no-repeat;
font-size: small;
background-position: center top;
text-align: right;
background-image: url(styles/miroir/images/MenugaucheToutiWeb.gif);
color: #ffcc00;
float: left;
}
#page_principale {
background-repeat: no-repeat;
font-size: small;
text-align: center;
background-position: left top;
height: 848px;
background-image: url(styles/miroir/images/PagesprincToutiWeb.gif);
width: 633px;
color: #ffcc00;
float: left;
}
p {
background-color: #333333;
width: 630px;
}
h1 {
color: #ffcc33;
font-weight: normal;
font-style: normal;
text-align: center;
font-size: 1.48em;
width: 630px;
}
h2 {
border: 1px dotted #cccc00;
font-weight: bold;
text-transform: capitalize;
font-style: italic;
text-align: center;
color: #cccc00;
font-size: 1.24em;
width: 630px;
}
.p {
font-size: 1em;
color: #ffffcc;
background-color: #222222;
width: 630px;
}
.a link {
margin: 0 5px;
font-size: 1em;
text-decoration: underline;
text-align: center;
color: #ffcc00;
}
.a visited {
margin: 0 5px;
font-size: 1em;
text-decoration: underline;
color: #990000;
text-align: center;
}
.a hover {
margin: 0 5px;
font-size: 1em;
text-decoration: underline;
color: #999900;
text-align: center;
}
.a active {
margin: 0 5px;
text-align: center;
font-size: 1em;
text-decoration: underline;
color: olive;
}
#footer {
height: 300px;
background-repeat: no-repeat;
text-align: center;
background-position: left top;
background-image: url(styles/miroir/images/footerToutiWeb.gif);
width: 770px;
float: left;
font-size: small;
color: #ffcc00;
}
Donc le sélecteur de design proposerait:
theme1 menu à droite
theme1 menu à gauche
theme2 menu à droite
theme2 menu à gauche
...
>>> oui là je suis bien mais je pensais ça pas trop utile , on est obligé de doubler les proposition ?
car déjà je pige pas pour un changement droite/gauche ...
Si tu ne veux pas avoir trop de fichier css, tu pourrais sortir (ou simplement la réassigner, la dernière l'emporte) la position du menu et du corps, et l'inclure dans l'entête du fichier "html" en php
>>> Késako ??? là désolée mais j'ai rien pigé et rien trouvé sur google en tapant réassigner ...dans les CSS ...
est-ce que ça veut dire que dans mes css je ne parlerais plus du global menu et page principale mais que je le mettrais sur toute mes pages ??? c'est pas mieux dans le css ?
au moins je change un seul fichier et surtout je fais pas d'erreur d'oublier une page ou autre truc du genre...
quand au nombre de fichiers css ça ne me gêne pas car au moins ça restera clair pour moi...
Code : Tout sélectionner
<title>TOUTI WEB</title>
<link href="./styles/style_rose.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
<?php
$PositionMenu = LireCookiePositionMenu();
if ($PositionMenu == "menu gauche")
{
echo '#menu { float: left }; #corps {margin-left: 200px;}';
}
else
{
echo '#menu { float: right };';
}
?>
</style>
</head>
<body>
....
<
echo '#menu ça appelle le menu disposé de telle façon ?
ça serait dans le html avant le body ... mais alors côté body je mets quoi arrivé à la ligne du menu ? car mon div ne sera plus bon...
**********
En tout cas merci de ta réponse là je vais franchement potasser et je reviens mais n'éhsitez pas si vous pouvez encore un peu plus simplifier la chose sans la faire à ma place !
merci et à bientôt donc .
)
j'espère juste ne pas avoir oublié des pages de mon site ...