28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je cherche à effacer un contenu, sans effacer la balise.

Je m'explique...
J'ai :
<time class="date-08-05" datetime="2011-08-05" pubdate>5 août 2011</time>


Je voudrais remplacer cette balise par une image. Donc, je tente un
background: url("../images/date-08-05.png") no-repeat top left transparent;

Maitnenant, je voudrais ne pas afficher le contenu en texte.
J'ai essayé les display:none et visibility:hidden, mais sans succès.

Je sais que j'ai la solution de faire :
<time class="date-08-05" datetime="2011-08-05" pubdate><span>5 août 2011</span></time>

Et d'agir sur le span...

Mais est-ce qu'il n'y a pas plus élégant ?

A+ / F.
Modifié par Kleduts (16 Aug 2011 - 14:40)
Tu peux essayer un text-indent : -9000px, pour envoyer le texte hors de l'écran.


(ya donc une balise time en html5 ? la classe Smiley biggrin )
Le text-indent, c'est mal !

Si tu veux placer une image posteuse de contenu sur un site, il faut la placer dans le code HTML. C'est tout aussi simple.
Bonjour Laurie-Anne

Oui... mais non... Smiley smile

Dans le cas présent, j'ai une information de type date. J'utilise donc une balise <time>.

Par contre, pour la représentation graphique, je vais utiliser une image de type "agenda" avec la date écrite dessus.
C'est la raison pour laquelle je souhaite garder ma balise <time> et non une image <img>.

A+ / F.

PS : J'ai essayé de générer cette image avec un fond et en positionnant les infos dessus, mais du fait de différence de placement entre les différents navigateurs, j'ai abandonné cette idée.
Je me contente donc de créer une image avec Illustrator et je la positionne à la place de ma balise Time.
Je pensais plutôt à mettre l'image dans le time.

Mais apparement, ce n'est pas possible.

Donc à moins de bricoler avec JavaScript, toute solution sera inaccessible.
Tiens, pourquoi est-ce que le text-indent, c'est mal ? (je fais un peu de hors-sujet, mais je suis intéressée)
idem que laurie-anne,

tu met une img dans ton time et tu la positionne en absolute tout simplement.

sinon ta solution avec le span, je ne vois pas bien en quoi elle te dérange et surtout... si tu cache ta date, pourquoi l'écrire ?

a écrit :
Tiens, pourquoi est-ce que le text-indent, c'est mal ? (je fais un peu de hors-sujet, mais je suis intéressée)


Le text-indent c'est pas "mal", c'est juste que de s'en servir pour cacher du contenu c'est en détourner sa fonction. Tout détournement est "mal" ou plutot c'est "tricher".
Modifié par ptitvincent (16 Aug 2011 - 16:16)
AkaiKen a écrit :
Tiens, pourquoi est-ce que le text-indent, c'est mal ? (je fais un peu de hors-sujet, mais je suis intéressée)


Parce que c'est inaccessible. Si pour une raison ou une autre ton image ne se charge pas tu perds ton information.

Laurie-Anne pourra sans doute te donner une meilleure explication.
Modifié par jb_gfx (16 Aug 2011 - 16:19)