18073 sujets

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

Problemes sous IE..

Bonjour,
Je me suis mis à tenter de faire un site Web depuis quelques semaines, et je rencontre comme vous vous en doutez pleeeeeeeeein de problèmes. J'ai veux en effet qu'il soit le plus accessible possible, le plus propre, bref, le plus pénible à faire quand on a jamais touché une feuille html Smiley biggrin .
Après avoir lu en long et large plein de tutoriaux, j'étais arrivé à faire quelquechos de lisible, mais inaccessible.. en 800. Etant donné la propreté de la chose, j'ai préféré tout recommencer. J'ai maintenant un nouveau problème Smiley biggrin

http://www.kami-fr.net/index2.php?menu=1

Après avoir cliqué sur accueil, le menu gauche s'affiche.. Mais sous IE, il suffit de survoler un des deux liens pour que tout se décale.. Second problème, j'aimerais recentrer le menu du haut, et donner un fond bleu clair au tout.. (un peu comme ceci http://amyki.free.fr/ )

Voilà, la feuille de style est http://www.kami-fr.net/style800.css

Merci pour votre aide Smiley smile
Modifié le 13 Nov 2004 - 17:26
Salut !

Je pense déjà que tu as un soucis au niveau des tes include() en PHP.
En effet, tu te retrouves avec deux headers et deux body.
<body>
			<div id="container">
				<div id="banner"><img src="images/bandeau.gif" /></div>

						<ul class="menuduhaut"><li><a href="index2.php?content=news&menu=1&extra=edito">Accueil</a></li>
						<li><a href="http://43414.aceboard.net/index2.php?login=43414">Forum</a></li>
						<li><a href="index2.php?content=blank&menu=3&extra=reportages">Reportages</a></li>
						<li><a href="index2.php?content=club&menu=2&extra=edito">Le Club</a></a></li>
						<li><a href="index2.php?content=blank&menu=taekwondo&extra=4">TaeKwonDo</a></li>
						<li><a href="index2.php?content=blank&menu=construction&extra=blank">Hapkido</a></li>

						<li><a href="index2.php?content=sabre&menu=blank&extra=blank">Sabre</a></li>
						<li><a href="index2.php?content=blank&menu=galerie&extra=blank">Galerie</a></li>
						<li><a href="index2.php?content=blank&menu=blank&extra=liens">Liens</a></li>
						<li><a href="index2.php?content=blank&menu=construction&extra=blank">Arts Martiaux</a></li>
						</ul>
					<div id="sidebar-a">
<!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">
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Montpellier Tae Kwon Do</title>
<link rel="stylesheet" href="style800.css" type="text/css" />
</head>
<body><br />


Quand tu fais un include() (ou un require(), même combat), il ne faut pas remettre tous les headers. Il faut considérer cela comme un copier / coller que tu ferais à cet endroit là. (suis-je clair ?! )
Donc essaie déjà de corriger ça, ensuite essaie de le valider, et tu verras la lumière... Smiley smile
Modifié le 13 Nov 2004 - 19:29
Oki merci pour ce début, je vais faire ça Smiley smile .
On m'a aussi indiqué qu'il nétait pas du tout fluide pour les grandes résolutions, et vais ausis me pencher sur ça Smiley fou
J'ai continué à regarder, et voici quelques erreurs :

* Pour le HTML :
- Toujours mettre un alt="" dans tes balises img. Il correspond à ce que lira une personne n'ayant pas accès aux contenus graphiques.
- Tu as deux balises </a> qui se suivent dans ton menu principal.
- "vertical align" n'est pas un attribut correct surtout pour un DOCTYPE en XHTML 1.0. Il te faut passer par les CSS.
- Les balises uniques doivent être "fermées" donc toutes tes balises <br> doivent devenir des balises <br />

* Pour les CSS :
- tu as une espèce de farfouillis avec des "width" dans ".menudedroite" (au passage, tente de trouver des noms ne décrivant pas des mises en page, puisque le but est de s'en affranchir. En l'occurence, ton ".menudedroite" est à gauche).
- Tu définis plusieurs fois les mêmes classes.


* de manière globale :
- essaies de toujours minimiser ton code. C'est à dire de ne garder que les balises nécessaires. ElMoustiko en parlait dans un post récent.
- essaies de l'indenter autant que possible, ça facilite la lecture et donc le débugage.

Voilà, bon courage et reviens nous avec de merveilleux fichiers indentés et passés au validateurs... (ou même avant, si tu ne comprends pas leur langage... Smiley biggrin ).
Modifié le 13 Nov 2004 - 20:19
Sujet clos
Aller à