Salut à Tous,
Quand je suis en fenêtre normal sur internet explorer le menu n'est pas caler par rapport à la bannière et au corps mais quand j'aggrandi le menu est au bon endroit.
J'ai en même temps l'impression que d'autres éléments bougent comme le corps.
Voilà le html :
Le css :
Je tiens à signaler que le site présenté est un travail pour mes études.
Merci, à tous.
Une aide serait la bienvenue car j'ai cherché longtemps sur le forum et je n'ai toujours pas de réponse à mon problème!!!
Merci, d'avance à tous.
Modifié par falco (08 Nov 2006 - 17:04)
Quand je suis en fenêtre normal sur internet explorer le menu n'est pas caler par rapport à la bannière et au corps mais quand j'aggrandi le menu est au bon endroit.
J'ai en même temps l'impression que d'autres éléments bougent comme le corps.
Voilà le html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="Falco" >
<meta name="Description" content="Bienvenue sur le site Artis, Relations clientèle, Renseignements, Vente de titres, Documents d'information, Objets trouvés" >
<meta name="Keywords" content="Artis, Titre de transport, Bus, Ville d'Arras, Horaires, Lignes, Tarifs, Réseau, Plan, Conseils, Services, Point services, Pour tous, Groupes, Seniors, Demandeurs d'emploi, Jeunes, Familles nombreuses" >
<meta name="Identifier-URL" content="http://www.bus-artis.fr" >
<meta name="language" content="fr">
<title>Artis : Accueil</title>
<link href="Style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style1 {color: #e20026}
-->
</style>
</head>
<body>
<div id="logo">
</div>
<div id="menu">
<dl>
<dt><a href="index.html">Accueil</a></dt>
</dl>
<dl>
<dt><a href="#">Réseau</a></dt>
<dd >
<ul>
<li><a href="Plan_Global.html">Plan Global</a></li>
<li><a href="Plan_du_Dimanche.html">Plan du Dimanche</a></li>
<li><a href="Plan_TAD.html">Plan TAD</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="#">Horaires</a></dt>
<dd>
<ul>
<li><a href="Ligne_1.html">Ligne 1</a></li>
<li><a href="Ligne_2.html">Ligne 2</a></li>
<li><a href="Ligne_3.html">Ligne 3</a></li>
<li><a href="Ligne_4.html">Ligne 4</a></li>
<li><a href="Ligne_5.html">Ligne 5</a></li>
<li><a href="Ligne_6.html">Ligne 6</a></li>
<li><a href="Ligne_7.html">Ligne 7</a></li>
<li><a href="Ligne_8.html">Ligne 8</a></li>
<li><a href="Ligne_9.html">Ligne 9</a></li>
<li><a href="Ligne_TFWB.html">Ligne TFWB</a></li>
<li><a href="Ligne_TAD.html">Ligne TAD</a></li>
<li><a href="Ligne_D.html">Ligne D</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="#">Tarifs</a></dt>
<dd >
<ul>
<li><a href="Pour_Tous.html">Pour Tous</a></li>
<li><a href="Groupes.html">Groupes</a></li>
<li><a href="Seniors.html">Seniors</a></li>
<li><a href="Demandeurs_emploi.html">Demandeurs d'emploi</a></li>
<li><a href="Special_jeunes.html">Jeunes</a></li>
<li><a href="Familles_nombreuses.html">Familles nombreuses</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="Particularites_du_TAD.html">TAD</a></dt>
</dl>
<dl>
<dt><a href="Point_services.html">Services</a></dt>
</dl>
</div>
<script type=text/javascript>
<!--
dynMenu = function(idMenu,delai) {
tempo=0;
dls = document.getElementById(idMenu).getElementsByTagName("dl");
for(var i=0;i<dls.length;i++){
dls[i].onmouseover=function(){
clearTimeout(tempo);
encours=this;
tempo=setTimeout("chgClass()",delai)
}
}
menu.onmouseover=function(){
clearTimeout(tempo);
tempo=setTimeout("chgClass()",delai)
}
}
function chgClass(){
for(var j=0;j<dls.length;j++) //cache tout
dls[j].className=dls[j].className.replace(/ montre|montre|montre /,"");
encours.className+=!encours.className?"montre":" montre"; //montre le sous-menu
}
dynMenu("menu",200)
//-->
</script>
<div id="corps">
<h1 class="corps"> </h1>
<h1 class="corps">Bienvenue sur le site Artis</h1>
<h1 class="corps"> </h1>
<h2 class="corps">Votre Agence Artis</h2>
<div align="center"><img src="images/Gare_de_bus.jpg" width="620" height="400" /></div>
<p align="center">Relations clientèle, Renseignements, Vente de titres, Documents d'information, Objets trouvés</p>
<p align="center">Vous voulez savoir si vous bénéficiez d'une réduction ? Faire établir votre carte nominative ?
Achetez vos tickets ?
Consulter les plans des lignes ou obtenir des documents d'information ?</p>
<p align="center">Artis vous accueille, vous écoute, vous informe.</p>
<p align="center" class="Style1">Agence Artis, Gare de Bus
Place Foch (à côté de la gare) à Arras.
Tel : 03.21.51.40.30</p>
<p align="center" class="Style1">Horaires d'ouverture :
du lundi au vendredi de 7h30 à 12h30 et de 13h30 à 18h30, et le samedi de 8h à 12h.</p>
<p> </p>
</div>
<div id="pied_de_page">
<p><strong><a href="Mentions_Legales.html">Mentions Légales</a></strong></p>
</div>
</body>
</html>Le css :
/* CSS Document */
body {
background-image: url(images/Blue.png);
margin: auto;
width:80%;
}
dl, dt, dd, ul, li{
margin: 0;
padding: 0;
}
#logo{
background-image: url(images/Logo.jpg);
background-repeat: no-repeat;
height:100px;
background-position: center;
background-color: #F5FAFE;
margin-bottom: 10px;
border: 1px solid #000000;
}
#corps{
font-family: "Eras Demi ITC";
font-size: 1em;
color: #ffffff;
background-color: #003f8a;
border: 1px solid #ffffff;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
text-align: justify;
}
h1.corps{
letter-spacing: 1em;
text-align: center;
color: #FFFFFF;
font-family: Demonized;
}
h2.corps{
font-family: "Maiandra GD";
font-size: 1.7em;
color: #b1c800;
text-align: center;
}
h3.corps{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #003f8a;
text-align: left;
}
h4.corps{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
color: #F29400;
text-align: left;
}
.code{
padding:3px;
color:#03f;
background:#eef
}
.noJs{display:none}
/* le menu */
#menu {
height:57px;
font-family: Demonized;
font-size: 1.15em;
line-height: 1.15em;
background-color: #B1C800;
margin-bottom: 10px;
border: 1px solid #000000;
}
#menu dl {
float: left;
}
#menu dt {
position:relative;
z-index:2;
text-align:center;
width: 9em;
cursor:default;
height: 1em;
visibility: visible;
background-color: #B1C800;
left: 0.3em;
}
#menu li{ /* titres des menus */
list-style:none;
float:left;
text-align:center;
}
#menu li a{ /* onglet */
position:relative; /* sort du flux de la page */
z-index:2; /* au premier plan */
text-decoration:none;
font-size: 0.5em;
line-height: 1.15em;
padding:1px 5px;
width:1.1em;
color:#003f8a;
border: 1px solid #FFFFFF;
font-family: "Maiandra GD";
}
#menu dd{ /* sous-menus */
position:absolute;
padding-top:124px;
font-size:1.45em;
left:-99em; /* invisibles */
top:12px;
width:30em /* largeur du plus grand sous-menu, indispensable pour Opera */
}
#menu ul a:link:hover{
text-decoration:underline;
}
#menu dt a{text-decoration:none;color:#003f8a}
#menu dt a:hover{color:#fabc20}
#menu li a{
color:#003f8a;
text-decoration:none;
padding:1px 5px;
margin-right:2px;
background-color: #b1c800;
}
#menu li a:link:hover,#menu li a:link:active{text-decoration:none;background-color:#CC66FF;color:#fabc20}
/* class dynamique */
#menu .montre dd{left:298px;}
#menu .montre dt{
top:1px;
background-color: #CC66FF;
}
#pied_de_page{
font-family: Demonized;
font-size: 1em;
color: #003f8a;
background-color: #b1c800;
border: 1px solid #FFFFFF;
text-align: center;
}
#pied_de_page a{
color: #003f8a;
text-decoration: none;
}
#pied_de_page a:hover{
color: #fabc20;
}Je tiens à signaler que le site présenté est un travail pour mes études.
Merci, à tous.
Une aide serait la bienvenue car j'ai cherché longtemps sur le forum et je n'ai toujours pas de réponse à mon problème!!!
Merci, d'avance à tous.
Modifié par falco (08 Nov 2006 - 17:04)
