Bonjour,
J'ai plusieurs problèmes, j'ai cherché partout et j'ai trouvé plein de "réponses" à ces problèmes, mais aucune ne semble marcher, alors je poste pour qu'on essaie de m'expliquer et de trouver d'où viennent les problèmes.
Je fais un blog sur un site de blog et j'ai accès à un code html que je peux créer/modifier et à la feuille de style css. Je ne peux pas avoir accès aux autres paramètres du blog qui ne dépendent pas de moi. (par conséquent, dans les vérifications d'erreur il y en a, j'ai tenté de les supprimer quand elles venaient de mon code, sinon je peux rien faire).
Déjà, j'ai fait un menu déroulant. J'ai essayé de le centrer, impossible de le centrer sans donner de valeur margin, je voulais qu'il soit centré au milieu en auto, mais ça ne marche que sur mozilla firefox. Je ne peux pas mettre de Doctype, j'ai essayé mais ces balises ne sont pas prises en compte dans celles que j'ai le droit de mettre dans le code html...
Après, je souhaiterai que mon menu se déroule vers le haut et non vers le bas... Mais je ne sais pas quelle valeur je dois changer pour ça. Dans le tutoriel pour les menus déroulants, j'ai vu un exemple, mais pas le code et l'explication pour passer de l'un à l'autre.
Et pour finir, une erreur est apparue d'un coup... Dans mon menu, sur firefox aucun problème... J'ai Titre, sous titre bien espacé comme il faut. Mais sous IE, j'ai le titre et puis un grand espace avec les sous menus... Pourtant avant ça marchait parfaitement et je n'ai rien changé (de plus, j'ai testé tout le code sur mon pc et il marche, c'est que lorsque je le met sur internet...)
Voilà le code HTML concernant le menu :
Et voici la partie CSS concernant le menu :
Merci d'avance pour vos réponses
Modifié par Elyanna (17 Sep 2008 - 23:05)
J'ai plusieurs problèmes, j'ai cherché partout et j'ai trouvé plein de "réponses" à ces problèmes, mais aucune ne semble marcher, alors je poste pour qu'on essaie de m'expliquer et de trouver d'où viennent les problèmes.
Je fais un blog sur un site de blog et j'ai accès à un code html que je peux créer/modifier et à la feuille de style css. Je ne peux pas avoir accès aux autres paramètres du blog qui ne dépendent pas de moi. (par conséquent, dans les vérifications d'erreur il y en a, j'ai tenté de les supprimer quand elles venaient de mon code, sinon je peux rien faire).
Déjà, j'ai fait un menu déroulant. J'ai essayé de le centrer, impossible de le centrer sans donner de valeur margin, je voulais qu'il soit centré au milieu en auto, mais ça ne marche que sur mozilla firefox. Je ne peux pas mettre de Doctype, j'ai essayé mais ces balises ne sont pas prises en compte dans celles que j'ai le droit de mettre dans le code html...
Après, je souhaiterai que mon menu se déroule vers le haut et non vers le bas... Mais je ne sais pas quelle valeur je dois changer pour ça. Dans le tutoriel pour les menus déroulants, j'ai vu un exemple, mais pas le code et l'explication pour passer de l'un à l'autre.
Et pour finir, une erreur est apparue d'un coup... Dans mon menu, sur firefox aucun problème... J'ai Titre, sous titre bien espacé comme il faut. Mais sous IE, j'ai le titre et puis un grand espace avec les sous menus... Pourtant avant ça marchait parfaitement et je n'ai rien changé (de plus, j'ai testé tout le code sur mon pc et il marche, c'est que lorsque je le met sur internet...)
Voilà le code HTML concernant le menu :
</div></div></div></div></div>
<div id="entete">
<div id="global">
<div id="menu-haut">
<div id="container"><div id="contabs">
<div class="boutonFF">Culture et tradition<br></br>
<a class="SousMenu" href="http://www.cowblog.fr">Japon</a>
<a class="SousMenu" href="http://www.cowblog.fr">Chine</a>
<a class="SousMenu" href="http://www.cowblog.fr">Corée</a>
</div>
<div class="boutonFF">Musique<br></br>
<a class="SousMenu" href="http://www.cowblog.fr">Groupes japonais</a>
<a class="SousMenu" href="http://www.cowblog.fr">Groupes chinois</a>
<a class="SousMenu" href="http://www.cowblog.fr">Groupes coréens</a>
</div>
<div class="boutonFF">Drama<br></br>
<a class="SousMenu" href="http://www.cowblog.fr">Drama japonais</a>
<a class="SousMenu" href="http://www.cowblog.fr">Drama coréen</a>
<a class="SousMenu" href="http://www.cowblog.fr">Drama chinois</a>
</div>
<div class="boutonFF">Mangas et animés<br></br>
<a class="SousMenu" href="http://www.cowblog.fr">Mangas</a>
<a class="SousMenu" href="http://www.cowblog.fr">Animés</a>
</div>
<div class="boutonFF">Sports<br></br>
<a class="SousMenu" href="http://www.cowblog.fr">Japonais</a>
<a class="SousMenu" href="http://www.cowblog.fr">Coréen</a>
<a class="SousMenu" href="http://www.cowblog.fr">Chinois</a>
</div>
</div>
</div></div>
</div>
</div>
</div>
<div id="main"><div id="nav1"><div id="nav1-content"><div><div>
Et voici la partie CSS concernant le menu :
#menu-haut {
padding-top : 430px;
position: relative;
margin-right: auto;
margin-left: auto;
width: auto;
text-align : center;
background : #transparent;
}
#menu-haut a {
margin : 0 10px;
padding : 5px;
text-decoration : none;
background : transparent;
}
#contabs {
position : relative;
margin-left: 156px;
margin-right: auto;
float: center;
top : -20px !important ;
top : -20px;
z-index : 500;
width: 100%;
}
#container {
position : relative !important ;
}
#couche {
position : absolute !important ;
z-index : 1000 !important ;
width: 100%;
}
.boutonFF {
color : #000000;
width : auto;
height : 35px;
display : inline !important ;
background : transparent url(http://img57.imageshack.us/img57/6731/fondtranspmm8.png) repeat fixed 0 0;
margin-right : 10px;
text-align : center;
float : left;
text-decoration : none;
font-family : impact;
font-size : 15px;
line-height : 35px;
overflow : hidden;
margin-top : 10px;
border : 3px double #ffffff;
}
.boutonFF:hover {
height : auto;
cursor : pointer;
color : #714E99;
background : transparent url(http://img57.imageshack.us/img57/6731/fondtranspmm8.png) repeat fixed 0 0;
border : 3px double #ffffff;
}
a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
display : block;
width : auto !important ;
width : auto;
height : 16px;
line-height : 9px;
text-decoration : none;
background : #ffffff;
color : #ffffff;
font-family : verdana;
font-size : 11px;
text-align : center;
padding-left : 1px;
border-top : 1px solid #ffffff;
}
a.SousMenu:hover {
background : #ffffff;
color : #714E99;
font-weight: bold;
border-top : 1px solid #714E99;
} Merci d'avance pour vos réponses
Modifié par Elyanna (17 Sep 2008 - 23:05)
,
)
