28220 sujets

CSS et mise en forme, CSS3

Menu affiché impeccablement sous Firefox mais pas IE.

Menu CSS impeccable sous Firefox mais complétement décalé sous IE ! (en fait le menu dans Firefox apparaît sur 1 ligne et dans IE sur 3...).
Voici l'adresse du site en question :
http://lemediterraneedemetz.free.fr/test/

J'ai repris le menu CSS de ce site :
http://css.maxdesign.com.au/listamatic/horizontal20.htm

Le code pour la banniere (c'est le même soucis pour le footer):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<style type="text/css">
<!--
/* CSS issu des tutoriels  www.alsacreations.com/articles  */
#navlist
{
border: 3px solid #222;
padding: 0 0 0 20px;
margin: 0;
background-color: #ACF;
font-family: verdana,sans-serif;
font-size: 12px;
font-weight: bold;
}

#navlist li
{
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

#navlist #active
{
float: right;
margin-right: 10px;
}

#navlist li a
{
text-decoration: none;
border: 3px solid #000;
padding: 0 8px 1px 8px;
margin: 0 1px;
background-color: #FFF;
color: #000;
}

* html #navlist li a { padding: 0 2px; }

#navlist li a:hover
{
background-color: #26A;
color: #FFF;
}
-->
</style>
</head>

<body>
<table width="100%"  border="0">
  <tr>
    <td width="88%" height="112"><div align="left">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="900" height="136">
        <param name="movie" value="../banniere.swf">
        <param name="quality" value="high">
        <embed src="http://lemediterraneedemetz.free.fr/sources/banniere.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="136"></embed>
      </object>
    </div></td>
    <td width="12%"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="98" height="109">
      <param name="movie" value="http://lemediterraneedemetz.free.fr/sources/h_filaire.swf">
      <param name="quality" value="high">
      <embed src="http://lemediterraneedemetz.free.fr/sources/h_filaire.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="98" height="109"></embed>
    </object></td>
  </tr>
</table>
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://lemediterraneedemetz.free.fr/contenu.htm" target="detail">Accueil</a></p>
<li><a href="http://lemediterraneedemetz.free.fr/lenseigne.htm" target="detail">Une enseigne familiale</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/nosplats.htm" target="detail">Des plats de la mer</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/horaires.htm" target="detail">Nos horaires</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/reservations.htm" target="detail">Réservations</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/acces.htm" target="detail">Accéder au restaurant</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/liens.htm" target="detail">Nos liens</a></li>
</ul>
</div>
</body>
</html>


Si quelqu'un pouvait m'aider ce serait trés gentil.
Smiley cligne
Modifié par goldorak2004 (24 Aug 2005 - 09:29)
Administrateur
Bonjour et bienvenu sur ce Forum,

Je t'invite à éditer ton message pour y rajouter les balises [ code].....[ /code] comme c'est précisé dans les Règles du Forum, cela rendra ton code lisible pour tout le monde Smiley cligne

Par ailleurs, un sujet dans le Bar du Forum est là pour te présenter si tu le souhaites (en haut de page)

Felipe
bonjour

revois le code, il est bourré d'erreurs.pour le menu, il est bloqué par tes frames, le flash, le javascript...à recoder.

une autre chose, réduit la fenêtre ou ouvre le volet favoris d'ie, çà devrais t'inciter à recoder tout çà.
Oui effectivement, vous avez raison.

Donc bonjour à tous,

Comme vous l'avez deviné le HTML n'est pas ma "spécialité" mais bon j'essaye de dépanner un ami pour son site.
Mais il est vrai que votre aide serait la bienvenue pour épurer ce code et si c'était possible m'aider à trouver l'erreur provoquant l'affichage décalé.

Donc merci d'avance pour votre aide et vos réponses déjà postées.
Bonjour,

Je vois une balise fermante paragraphe (voire en gras) qui n'a rien à faire ici… A tester Smiley cligne

goldorak2004 a écrit :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<style type="text/css">
<!--
/* CSS issu des tutoriels  www.alsacreations.com/articles  */
#navlist
{
border: 3px solid #222;
padding: 0 0 0 20px;
margin: 0;
background-color: #ACF;
font-family: verdana,sans-serif;
font-size: 12px;
font-weight: bold;
}

#navlist li
{
display: inline;
list-style: none;
padding: 0;
margin: 0;
}

#navlist #active
{
float: right;
margin-right: 10px;
}

#navlist li a
{
text-decoration: none;
border: 3px solid #000;
padding: 0 8px 1px 8px;
margin: 0 1px;
background-color: #FFF;
color: #000;
}

* html #navlist li a { padding: 0 2px; }

#navlist li a:hover
{
background-color: #26A;
color: #FFF;
}
-->
</style>
</head>

<body>

<!-- … -->

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://lemediterraneedemetz.free.fr/contenu.htm" target="detail">Accueil</a>[b]</p>[/b]
<li><a href="http://lemediterraneedemetz.free.fr/lenseigne.htm" target="detail">Une enseigne familiale</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/nosplats.htm" target="detail">Des plats de la mer</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/horaires.htm" target="detail">Nos horaires</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/reservations.htm" target="detail">Réservations</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/acces.htm" target="detail">Accéder au restaurant</a></li>
<li><a href="http://lemediterraneedemetz.free.fr/liens.htm" target="detail">Nos liens</a></li>
</ul>
</div>
</body>
</html>

Sujet clos
Aller à