18073 sujets

Questions générales et questions de débutants

Tuto menu horizontal

Salut,

J'ai un souci avec mon menu horizontal qui doit s'afficher dans la bande horizontal du haut (la bande ou est marqué "alsacreations).

La place de ce menu est en bas et à droite du header (grande bande horizontal du haut). Ca marche tres bien dans opéra par contre dans internet explorer ce menu vient s'afficher tout en bas et à droite de la page !

Comment obliger ce menu à venir se placer comme le fait Opéra en bas et à droite de la bande du haut et non pas tout en bas de la page ?

Merci pour vos précisions

Balto
Salut,

Ben j'ai beau essayé différents trucs rien n'y fait. J'ai toujours mon menu horizontal qui s'affiche tout en bas de la page dans internet explorer et pas du tout en bas et à droite de la banniere du haut comme je le voudrais!!! Pourtant Opéra lui l'affiche correctement en haut de la page.

Ca m'enerve Smiley decu

Balto
Administrateur
Bonjour,

un lien vers la page fautive (ou le [ code] code [ /code] de la page sans trop de texte) pour que l'on puisse voir ce qui se passe et si cela vient de ton design ou d'autre chose? Sans cela, les éventuelles réponses vont rester très vagues ...
Voila mon code html du debut de page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>relaxation</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-15" />
<link href="relaxattitude.css" rel="stylesheet" type="text/css" />
</head>


<body>

<!-- En-tête -->
<div id="header">
<h1>en tête de page</h1>

<!-- Menu accès rapide -->
<ul id="menuhaut">
<li><a href="relaxattitude2.htm">lien 1</a> | </li>
<li><a href="relaxattitude3.htm">lien 2</a> | </li>
<li><a href="relaxattitude4.htm">lien 3</a> | </li>
</ul>
</div>


Voila le debut de ma feuille css

/* Mise en page globale */
body {
width: 760px;
margin-right: auto;
margin-left: auto;
padding: 0;
background: ;
font-size: 70%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* header */

#header {
width: 760px;
position: relative;
background-color: #FFFF00;

}

/* Menu haut horizontal */
ul#menuhaut {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
font: bold 1em Georgia, Times, serif;
list-style-type: none;

}
#menuhaut li {
display: inline;
margin: 0 5px;
color: green;
}

#menuhaut a {
color: green;
text-decoration: none;

}

#menuhaut a:hover {
color: orange;
}

Merci pour vos suggstions

Balto
Administrateur
Balot, attention à l'affichage de tes codes. Felipe te l'as pourtant signalé :

Felipe a écrit :
(ou le [ code] code [ /code] de la page sans trop de texte)


Voir la règle 13 du forum si tu veux des détails Smiley cligne
Sujet clos
Aller à