Barre Horizontale + Date + N° Commentaires

Salut à tous !
J'ai un petit problème que je souhaiterais régler.

J'ai un blog hébergé chez Wordpress et je voudrais réaliser la configuration suivante pour mes articles :

http://img21.imageshack.us/img21/9215/exempley.png

A savoir : Barre horizontale centrée par rapport à la largeur de titre / Date / Icones Bulle suivie du nombre de commentaires postés. Le tout à environ 7 pixels du fond de titre noir juste en dessous.

Je n'ai malheureusement réussi qu'à faire la moitié de ce travail étant donné mes connaissances faibles ( voir http://www.splashmymilk.com/2009 ).
Je ne sais pas du tout comment m'y prendre alors si vous avez des suggestions, merci de me les faire parvenir.

M.
Modifié par MONSTOER (14 Apr 2009 - 20:42)

Bonsoir,

Pour commencer, il serait pas mal d'avoir un code HTML valide. 185 erreurs, c'est assez impressionnant. Faut-il rappeler que HTML est un standard industriel, et que si de tels standards existent ce n'est pas sans raison?

Ensuite, une piste:
1. Ton trait est une séparation visuelle, dont tu n'as pas vraiment besoin pour coder ton contenu. Donc ça devrait rester de la mise en forme, et pas un <hr />.
2. Un trait, ça peut se dessiner avec une image de fond.
3. Une image de fond, ça peut être recouvert sur certaines portions par un contenu avec un background opaque...

Oula... Tu m'as l'air de t'y connaître toi.
Comment vois-tu les erreurs dans mon HTML ?
Comment les rectifier ?
Peux-tu me filer un coup de main pour établir ce schéma "Barre + Date + ..." ?

Merci à toi.

a écrit :
Comment vois-tu les erreurs dans mon HTML ?

Il est pote avec madame Irma

Plus sérieusement

http://validator.w3.org/

Comment les rectifier ?

En suivant les messages d'erreurs du validateur.

a écrit :
Peux-tu me filer un coup de main pour établir ce schéma "Barre + Date + ..." ?

Florent à déjà donné les réponses.

a écrit :
Un trait, ça peut se dessiner avec une image de fond.

Donc une image de fond avec le trait dessiné sur div #d

a écrit :
Une image de fond, ça peut être recouvert sur certaines portions par un contenu avec un background opaque

Un background #ffffff par exemple sur le span .date
Modifié par knarf (15 Apr 2009 - 20:17)