Problème avec <span>(on peut lui mettre une class?)

Bonjour!
J'ai fait une galerie d'images http://www.olezarts.com/pages/multi.htm et je rencontre un problème avec la balise span.
Elle me sert à mettre une légende aux images avec le code suivant pour le css:

.thumb a span {    
display: none;
}
.thumb a:hover span {
	display: block;
	position: absolute;
	top: 400px;
	width: 250px;
	text-align: center;
	border-top: 0px none;
	color: #000;
	right: 20px;
} 

Modifié par Felipe (19 Mar 2006 - 12:54)

bon, j'en ai marre, pourquoi mon message ne s'affiche pas en entier? et pourquopi, il n'a pas pris toutes les balises que j'ai mises(j'insiste) pour montrer mon code,
il y a une longueur de texte à respecter?

tgval a écrit :
oui, je l'ai lu après qu'il ne fallait pas mettre de hn dans une balise span
mais pourquoi ça marche quand même?
c'est vrai que je n'ai pas validé ma page dans dream avant de vérifier, je vais essayer.
mais comment on fait alors quand on veut mettre un texte en forme de 3 façons différentes dans une balise span?j'avais lu dans un tuto sur une galerie photo que la balise span servait , dans ce cas, à mettre des annotations aux photos. Mais je peux le remplacer par una autre div, ça va marcher dans mon code?

Ca marche quand même parce que Firefox , ou tout autre navigateur, "corrige" ton code avant d'appliquer tes styles. Mais il n'y a aucune garantie que cette correction va correspondre à ce que tu voulais faire au départ, d'autant que tous les navigateurs ne vont pas interpréter cela de la même manière.

Pour mettre en forme du texte de 3 manières différentes, il suffit d'utiliser les id ou les class ...

Remarque en passant : quel est le but de cette mise en forme ? si c'est pour mettre une partie du texte en évidence, souligner son importance, il y des balises prévues pour ça : <em> et <strong>, que tu peux aussi mettre en forme via ta feuille de style !
Modifié par Sopo (19 Mar 2006 - 17:17)

Bonjour tgval,

Honnêtement, et c'est une mauvaise nouvelle, le problème de positionnement est complètement accessoire, et ne nécessite pas qu'on s'y arrête à ce stade.

L'ensemble CSS est construit en effet sur une structure défectueuse et non accessible, où les éléments HTML sont utilisés à peu près n'importe comment.

Pour bien faire, il faudrait:
- revoir ou voir les bases HTML, en oubliant dreamweaver qui n'est qu'un outil, limité, de production. Commencer par ce tutoriel, par exemple : http://www.tuteurs.ens.fr/internet/web/html/
- établir une ou des pages pour cette galerie qui tiennent la route sans CSS. C'est l'étape essentielle qui a été manquée ici.
- ajouter à ce moment là seulement la couche CSS qui mettra le tout en valeur, sans compromettre l'accessibilité au sens le plus large.
Modifié par Laurent Denis (19 Mar 2006 - 18:47)

Laurent Denis a écrit :
Bonjour tgval,

Pour bien faire, il faudrait:
- revoir ou voir les bases HTML, en oubliant dreamweaver qui n'est qu'un outil, limité, de production. Commencer par ce tutoriel, par exemple : http://www.tuteurs.ens.fr/internet/web/html/
- établir une ou des pages pour cette galerie qui tiennent la route sans CSS. C'est l'étape essentielle qui a été manquée ici.
- ajouter à ce moment là seulement la couche CSS qui mettra le tout en valeur, sans compromettre l'accessibilité au sens le plus large.

hein?quoi? tu veux dire que je me suis lancée sur xhtml et css depuis un mois pour rien?

Qu'il vaut mieux que je fasse ma page avec toutes mes anciennes balises html(ou xhtml), des tableaux comme dans le temps jadis et que je garde le css uniquement pour des problèmes de mise en valeur?
en ce qui concerne drreamweaver, je ne comprends pas bien le problème qu'il semble poser : pour moi faire du code dans le blocnote, c'est pareil que d'avoir un ordinateur sans interface(et je me revois pas refaire des lignes de code, écran noir, typo vertye ou orange).Je sais qu'il a des inconvénients, mais je persiste à l'utiliser because primo, c'est une des rares formations basiques que j'ai reçue, et deuxio, ça m'évitera de me faire opérer de la cataracte dans quelques années
Quoique...

et donc, où serait l'utilité de ce prodigieux forum(où tu donnes pourtant régulièrement des conseils avisés d'ailleurs )
Je pense donc ne pas avoir tout bien compris dans ton message (l'arrêt de la cigarette me rend nerveuse et un peu bête certainement )

ps1:et on peut faire une galerie comme celle là sans javascript, sans popup, juste en xhtml?

ps2. Bonjour quand même, bien sûr, laurent denis!(je me suis retenue pour ne pas utiliser tous les smileys susceptibles d'exprimer mon IMMENSE DESARROI

ps3; j'espère que je ne vais pas me faire lyncher

tgval a écrit :


hein?quoi? tu veux dire que je me suis lancée sur xhtml et css depuis un mois pour rien?

Pas du tout.

tgval a écrit :


Qu'il vaut mieux que je fasse ma page avec toutes mes anciennes balises html(ou xhtml), des tableaux comme dans le temps jadis et que je garde le css uniquement pour des problèmes de mise en valeur?

Et absolument pas

Il s'agit juste de comprendre la démarche avant de se précipiter dans la technique. Parce que c'est la différence de démarche qui compte par rapport aux bons vieux tableaux du temps jadis, beaucoup plus que le format XHTML ou le détail des balises et de la CSS.

Le fond de la démarche, c'est d'établir une structure HTML (ou XHTML) qui tienne la route à elle seule. Parce-ce que c'est ce qui lui permettra, avec ou sans la CSS, de s'adapter à de multiples conditions de rendu ou d'utilisation (dont par exemple le référencement du site, car il n'y a pas que les utilisateurs "humains" là-dedans).

Cette structure XHTML correcte dépend du bon usage du balisage. En l'état, ton balisage est à moitié pifométrique (ce qui est compréhensible : on n'apprend pas tout en un mois) et pour l'autre moitié dépendant des contraintes de présentation CSS (ce qui est à l'envers de la démarche à adopter: on doit au contraire faire la CSS dans les limites du balisage structurel pertinent).

Repense cette galerie sans CSS, à partir du tutoriel indiqué ci-dessus.

Ce sera frustrant au départ (aucun effet de présentation, rien que du brut pas beau) mais très formateur : un site, qu'il s'agisse de son ergonomie, de son référencement, de son accessibilité, de sa visibilité, etc. ... c'est d'abord un contenu, et un contenu structuré. La CSS n'est qu'une déco, très utile et importante, mais qui ne peut jouer son rôle qu'une fois cette base structurelle établie.

tgval a écrit :


en ce qui concerne drreamweaver, je ne comprends pas bien le problème qu'il semble poser :

Tu sembles en effet l'utiliser de la manière la moins problématique, c'est à dire en tant qu'éditeur texte. Mais évite tout ce qui est validation, prévisualisation etc. C'est très approximatif avec cet outil.

A tout prendre, ou à l'avenr, un éditeur (X)HTML texte évolué reste le meilleur outil. Voir les sujets à ce propos dans le forum.

tgval a écrit :

ps1:et on peut faire une galerie comme celle là sans javascript, sans popup, juste en xhtml?

Olivier avait pondu quelque-chose de pas mal, qui pourrait te servir de point de départ. Avec ce qu'il faut de javascript au bon endroit, sans qu'il soit obstructif.

A ce sujet, une erreur fréquente au départ est de croire qu'il vaut mieux forcer un effet CSS quelque-soit les torsions qu'on impose à la structure (X)HTML plutôt que d'utiliser du javascript sur une structure correct...

tgval a écrit :
ps3; j'espère que je ne vais pas me faire lyncher

Bah... on ne mange personne ici . En tous cas pas moi. Mais il est vrai que l'orientation involontairement très "CSS javascript" d'Alsa
oblige régulièrement à rappeler que CSS et javascript ne sont que des accessoires cosmétiques, et qu'une page Web, c'est d'abord, encore, toujours et après... du HTML bien structuré sur un contenu qui tient la route
Modifié par Laurent Denis (19 Mar 2006 - 19:45)

bon, si ça intéresse quelqu'un, j'ai réussi à mettre des commentaires en incluant des <cite> à la place des <p> pour mettre mes commentaires.
ça fonctionne, m^me le W3C est ok!