Dylav

Tout est en première page ! C'est bizarre, on dirait Answaz ou DKlâgOR qui nous teste...

Comme ça !

En fait, tu as laissé flotter le bandeau pied de page sous le corps de ta page, mais tu positionnes en absolu les boutons-retour qui, bien que censés appartenir au bandeau, vont s'installer où tu le leur demandes ! Je te propose l'écriture suivante de la <div> pied de page <div id="pied"> <p> <a href="#haut_de_page"> <img class="rethautgauche" src="/image/boutonhaut.jpg" alt="haut"> </a> <a href="#haut_de_page"> <img class="rethautdroite" src="/image/boutonhaut.jpg" alt="haut"> </a> <img src="/image/Count_002.gif"><br> <img src="/image/Count.gif"><br> <img src="/image/Count_003.gif"> </p> </div> avec dans la feuille de style #pied { background-color: #300396; height: 100 px; text-align: center; } .rethautgauche { float: left; margin-top: 20px; margin-left: 40px; border:0; } .rethautdroite { float: right; margin-top: 20px; margin-right: 40px; border:0; } Explications Tout d'abord, il semble que le validateur demande que le "texte" soit dans un paragraphe, d'où <p>...</p> Les deux boutons sont des images réputées flottantes par leurs classes, la première à gauche, la seconde à droite. Tu noteras qu'il faut décrire tout de suite le bouton de droite, avant ce que tu mettras au centre. Je leur ai ajouté un margin-top pour qu'elles ne touchent pas le bord haut du bandeau. J'en ai profité pour ajouter le border:0 (et on n'a plus besoin de la classe "retour"). Tu noteras qu'elles ne sont pas encapsulées dans des <div> intermédiaires, elles sont directement dans la <div> "pied" : simplification. Tes 3 images centrales n'ont pas besoin de <div> individuelles, il suffit de forcer des retours à la ligne entre elles, et d'indiquer dans la classe "pied" que son contenu doit être centré. Au passage, j'ai sucré margin-top:auto qui ne sert à rien. Finalement, avec une seule <div> au lieu de 6, tout ça devient plus simple et plus lisible... et fonctionne mieux ! En appliquant ce principe partout (toute la présentation reportée dans la feuille de style), tu vas obtenir des pages HTML limpides, ce qui te facilitera les modifications ultérieures... Deux petites remarques complémentaires, - dans ton header, les balises <meta> et <link> sont répétées deux fois, ce qui ne me semble pas utile, - pour les scripts de bas de page, n'oublie pas que l'attribut language n'existe plus, et qu'ils doivent se situer avant </html> qui est censé borner la page.

Celle-là, elle est pour GM...

Le problème semble avoir trouvé sa solution. Ainsi, afin de signaler clairement à ceux qui ont un problème similaire qu'ils ont peut-être une solution toute trouvée (s'ils pensent à utiliser la fonction Recherche en indiquant le mot-clé "résolu" auparavant), et afin de signaler aux autres contributeurs qu'il est inutile de continuer à se creuser la tête sur le problème (à moins d'avoir des suppléments d'informations à apporter pour mieux comprendre ce qui posait problème), un modérateur a préfixé le titre du topic avec la mention [résolu]. Merci, à l'avenir, de bien vouloir prendre à votre charge cette mise à jour quand vous estimez que votre problème a été résolu de manière satisfaisante (et parallèlement, si le problème a disparu "mystérieusement", inutile d'induire les gens en erreur ) Pour cela, votre premier message

manchotparce que fine > Napoléon > empereur

Ben, tu sais bien qu'elles sont Belges, une fois, sais-tu ?

Soyons clairs. Lorsque tu mets en oeuvre une balise <select>, c'est bien pour proposer une série de balises <option> parmi lesquelles ton lecteur pourra exprimer son choix. C'est d'ailleurs bien ça que tu écris, au-dessus de la rubrique en question : "cliquer sur une des options" (au passage, il me semble même que multiple="multiple" permet de sélectionner plusieurs options ensemble). Alors, j'ignore si l'erreur signalée par le validateur W3C provient de l'absence de balises <option>, mais j'ai surtout l'impression que tu n'as pas besoin de mettre en oeuvre cette sélection, et que tu peux donc supprimer tout le <fieldset> qui l'encapsule... ... et le validateur devrait te réserver une bonne surprise !

Du cinéma, pour changer...

Le port-salut, c'est écrit dessus, mais... ... et dessous ?

Bravo à Jean Mimi, qui maintient son cap de noctambule tandis que DKlâgOR continue à afficher ostensiblement sa nonchalance...

Je suis sûr qu'ils en ont encore plein, des routes, aux States...

Je t'ai reconnu, Jean-Claude ! La marmotte... toujours rien ! Pour le mien, il s'agit de rugby européen... et il faut trouver une chanteuse !

... tare Balance de Roberval et sa série de poids

Et m... ! J' é tai s encore dan s une autre s ection ! On a lai s s é Jean Mimi jouer tout s eul... Bravo b û che

Pieds de page Je ne suis pas entré dans le détail de l'état actuel de tes pages mais, en matière de pieds de page, je te suggère de retourner lire le message #12 ci-dessus, avec essentiellement l'idée de laisser flotter le pied de page sous le corps de la page (au lieu de tenter de le positionner en fixe, alors que ta page change de hauteur en fonction de ce que tu y ajoutes, mais aussi en fonction de la largeur que ton visiteur donne à la fenêtre de son navigateur, ce qui, là, est imprévisible). D'ores et déjà, en largeur 1024, tu pourras constater que les boutons "retour haut" viennent en surimpression dans tes définitions... Et remonte toutes les clauses style="..." dans la feuille de style : directement en copier/coller ! Nota : petite erreur de syntaxe pour les scripts L'attribut language n'existe plus, et on doit coder la balise script <script type="text/javascript">

bûche @ DKlâgOR : non, je mets la bleue, les jours de RTT...

La pile Wonder, qui ne s'use que si l'on s'en... ... serre !

La <div> en-tete L'espace sous la photo montre tout simplement que la hauteur de ta <div> en-tete n'est pas la même entre les deux pages définition et ir. J'ai mis un moment à trouver pourquoi, et pourtant c'est là comme le nez au milieu de la figure ! Tu as choisi, dans la page ir, de traiter ton titre à l'aide d'une balise <h6>, ce qui est tout à fait approprié pour un titre (mais j'aurais plutôt choisi <h1> puisque c'est le titre principal). Et tu ne l'as pas fait pour la page définition. La différence, c'est les options par défaut de la balise <h6>, avec à coup sûr le texte en gras (font-weight:bold;), et très certainement un margin-top qui explique le décalage. Pour t'en faire la démonstration, passe rapidement d'une page à l'autre par le menu... Plus généralement, ton source HTML n'est pas très propre, avec toutes ces clauses de style directement dans les balises, qu'il faudrait vraiment remonter dans la feuille de style : ne fais pas le travail à moitié, c'est trop dommage... Sur l'exemple qui te préoccupe, si tu avais associé un style à la balise <h6> (utilisée dans les deux pages), tu n'aurais pas eu ce problème h6 {font-family:Comic sans MS, arial;color:#030c60;font-size:48px;text-align:center;} ... <div id="en-tete"><h6>LeDico de l'Info</h6>...</div> N'est-ce pas plus simple à écrire... et à relire ? (à suivre : pied de page)

Salut Fantassin ! Dis-moi, si c'est là que ça se passe (parce que je n'ai pas retrouvé la correspondance en numérotation de lignes), <fieldset>cliquer sur une des options :<br> <select name="lstart" multiple="multiple" onclick="window.location.assign(this.value)"> </select> </fieldset> ton erreur ne serait-elle pas due au fait que tu as fait un select vide ? Il ne contient en effet aucune option...

Exact. Lorsqu'on utilise une image comme lien actif, elle est par défaut entourée d'une bordure. Il te suffit d'ajouter dans ta feuille de style une classe pour cette image-là .retour {border:0;} --- et --- <img class="retour" src="..." alt="..." />

bûche

De + en + vite...

Et celui-là ?

Manger un abricot devant l'abri... ... côtier !