28173 sujets

CSS et mise en forme, CSS3

Quelle galère, je voudrais que ma page soit compatible pour internet explorer 7.0 et -, netscape et si possible firefox ! Je tatonne, je bidouille mais impossible !!! Pouvez-vous m'aider et m'expliquer en même temps !
Merci beaucoup de m'aider !!
[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html smlns="http://www.W3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>PAC HANDBALL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<style type="text/css">
#actu{
background: url('images/centre.gif') top center no-repeat;
margin-top:3em;}
#onglet {
margin:0;
padding: 0.1em 0.5em 0.1em 0;
height:3em;
list-style-type:none;
text-align:left;
color:black;
font-family:"Trebuchet MS","Century Gothic", Arial;
font-size:122%;
font-weight:bold;
letter-spacing:-1px;
text-indent:1em;
text-align:center;
background: url('images/onglet.gif') bottom center no-repeat;
}
#onglet li{
 display: inline;
 margin:0 36px;
 }
#onglet a {
color: black;
text-decoration: none;
}
#centre{
margin-left:10em;}
#header{
height:120px;
background: white url('images/head1.gif') top left no-repeat;
}
#header img{
float:left;
margin:20px 0 0 0;
}
body {
margin:0;
padding:0;
background:white;
color:#3D9B46;
font-size:80%;
font-family:"Trebuchet MS", Arial;
background: url('images/centre.gif') bottom right no-repeat;
}
#menu_haut {
margin: 0;
padding: 0em 0em 0em 0em;
list-style-type:none;
background-color:black;
text-align:right;
color:white;
font-family:"Trebuchet MS", Arial;
font-size:97%;
font-weight:bold;
text-indent:1em;
}
#menu_haut li{
 display: inline;
}
#menu_haut a {
color: white;
text-decoration: none;
}
#menu_haut a:hover {
text-decoration:underline;
}
#menu{
 float:left;
 width:15em;
 height:25em;
 padding: 1em 0 8em 0;
 margin: 0px;
 background: url('images/menu.gif') top left no-repeat;
 }
 #menu ul{
 list-style-type:none;
 padding: 0;
 margin:1em 1em 0 1em;
 }
 #menu li a {
 display: block;
 text-align:center;
 text-decoration: none;
 height:2em;
 line-height: 1em;
 color:white;
 font-weight:bold;
 font-size: 117%;
 font-family:"Trebuchet MS", Arial;
 }
 #menu li a:hover{
 color:white;
 }
 #menu img{
 margin:3em 0 0 3em;
 }
</style>
</head>
<body>
<div id="header">
</div>
<ul id="menu_haut">
 <li><a href="http://pachandball.actifforum.com/">FORUM</a>&nbsp;-</li>
 <li><a href="http://www.i-services.net/membres/livredor/livredor.php?user=83848">LIVRE D'OR</a>&nbsp;-</li>
  <li><a href="liens.html">LIENS</a>&nbsp;-</li>
 <li><a href="contact.html">CONTACT</a>&nbsp;-</li>
  <li><a href="contact.html">ACCES SALLE</a>&nbsp;</li>
</ul>
 <div id="menu">
 <ul>
 <li><a href="actualite.html">ACTUALITE</a></li>
 <li><a href="convocations.html">CONVOCATIONS</a></li>
 <li><a href="secteurs_activites.html">VIE DU CLUB</a></li>
 <li><a href="equipes.html">EQUIPES</a></li>
 <li><a href="resultats.html">RESULTATS</a></li>
 <li><a href="historique.html">HISTORIQUE</a></li>
 <li><a href="sponsors.html">SPONSORS</a></li>
 </ul>
 <img src="images/mediatic.gif" /></div> 
<div id="centre">
<ul id="onglet">
<li>ACTUALITE</li>
<li><a href="http://pachandball.actifforum.com/">RESUME PAR JEAN-RENE</a></li>
 <li><a href="http://www.i-services.net/membres/livredor/livredor.php?user=83848">ANIMATIONS TOUSSAINT</a></li>
</div>
<div id="actu">
</div></div>
</body>
</html>

Modifié par cpepette (28 Dec 2006 - 15:37)
Bonjour,

Pourrais-tu expliquer d'abord ce qui ne va pas, et ensuite ce que tu cherches à faire? Parce que là...

Au passage:

- la syntaxe de ta balise html est erronnée:
<html [#red][b]smlns="http://www.W3.org/1999/xhtml"[/b][/#] xml:lang="fr" lang="fr">
Le code exact (auquel tu peux rajouter d'autres attributs si tu le désires) est le suivant:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">


- n'oublie pas d'ajouter un texte alternatif à tes images:
<img [#red][b]alt="Mediatic"[/b][/#] src="images/mediatic.gif" />


- attention aux fermetures de balises!
<ul id="onglet">
...
[#red][b]</ul>[/b][/#]
Benjamin D.C. a écrit :
Le code exact (auquel tu peux rajouter d'autres attributs si tu le désires) est le suivant:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">



Je dirais plutôt :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" [b]lang="fr"[/b]>

Smiley cligne
Patidou a écrit :


Je dirais plutôt :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" [b]lang="fr"[/b]>

Smiley cligne

J'ai bien précisé:
a écrit :
Le code exact (auquel tu peux rajouter d'autres attributs si tu le désires) est le suivant:
Je sous-entendais naturellement l'ajout de l'attribut lang qui est un choix visant une rétro-compatibilité optimale et non une obligation Smiley cligne
Patidou a écrit :
Je dirais plutôt :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" [b]lang="fr"[/b]>

Smiley cligne

Ça dépend si on fait du XHTML servi comme du XML, ou bien servi comme du HTML (auquel cas il est effectivement conseillé d'utiliser l'attribut HTML lang, en redoublement de l'attribut XHTML xml:lang). Smiley cligne
Benjamin D.C. a écrit :

J'ai bien précisé:
Le code exact (auquel tu peux rajouter d'autres attributs si tu le désires) est le suivant:
Je sous-entendais naturellement l'ajout de l'attribut lang qui est un choix visant une rétro-compatibilité optimale et non une obligation Smiley cligne

Oui-oui mais ce que je voulais dire c'est que dans le cas du xhtml 1.0 c'est mieux (obligatoire?) de mettre les deux car on ne sait pas si la page est envoyée en tant que text/html, application/xhtml+xml ou application/xml. Smiley cligne

edit : mpop Smiley cligne
Modifié par Patidou (28 Dec 2006 - 16:53)
Concernant le problème de cpepette : à vue de nez, j'obtiens sensiblement la même chose avec Internet Explorer 6 et avec Firefox 2. Mais il faut dire qu'on n'y voit pas grand chose, vu que les images ne sont pas disponibles (forcément...), que certains textes sont en blanc sur fond blanc (ben oui, quand on mets une image de fond sans préciser aussi une couleur de fond, on court le risque de rendre le texte illisible en cas de non chargement de l'image), etc.

Une page de test épurée (sans images) reproduisant le problème serait plus pratique. Ou bien un lien vers une page en ligne. Sans ça, je vois pas trop comment on pourrait t'aider. Smiley sweatdrop
Administrateur
cpepette a écrit :
Quelle galère, je voudrais que ma page soit compatible pour internet explorer 7.0 et -, netscape et si possible filezilla

Compatible Filezilla ? Tu veux dire Mozilla sans-doute Smiley cligne