Des images avec du texte au milieu

Bonsoir,

Bien que je me sers du tuto "Maîtriser le positionnement CSS dans toutes les situations" je ne trouve pas comment faire pour mettre un texte au milieu d'images.

Est-ce que c'est possible de le faire en css?
Si oui, j'aimerai que l'on m'explique les positionnements...

Voila le lien de ce que j'aimerais que ça donne (c'est un jpg),
et voila le lien de là où j'en suis ...
Modifié par Ipszy (07 Jan 2008 - 20:46)

Je suis arrivée à quelque chose de potable...
Suis pas sûre d'avoir choisi le bon moyen, mais je n'ai trouvé que celui d'insérer des div séparés.

Bonjour,

Toujours avec mon soucis de texte au milieu d'images voila un autre lien temporaire où j'ai ce même problème.
J'ai bien réussi à mettre mon texte au milieu en position absolute mais du coup il se trouve à l'extérieure et ne dépend plus de l'ordre où il devrait être.

Si quelqu'un à une suggestion elle est la bienvenue.

Merci par avance à tous ceux qui vont se pencher sur mon sujet.
Modifié par Ipszy (10 Jan 2008 - 13:56)

Salut Ipszy ,

même si cé mal, dans ce genre de cas une petite <table> avec un vertical-align:middle sur les <td> simplifie drôlement la vie .

A+
Modifié par Heyoan (10 Jan 2008 - 14:01)

Ipszy a écrit :
Si quelqu'un à une suggestion elle est la bienvenue.

div#v1 {position: relative;}

Mais plus globalement, un tableau de mise en forme ne ferait pas de mal ici (ou plutôt une série de tableaux de mise en forme, introduits par des titres de section par exemple).

Structure:

<h2>Nom du produit 1</h2>
<table><tr>
	<td>Image du produit 1 (texte alternatif vide à priori)</td>
	<td><p>Description du produit 1</p></td>
	<td><p>Précisions sur le produit 1</p></td>
</tr></table>

<h2>Nom du produit 2</h2>
<table><tr>
	<td>Image du produit 2 (texte alternatif vide à priori)</td>
	<td><p>Description du produit 2</p></td>
	<td><p>Précisions sur le produit 2</p></td>
</tr></table>

En passant, l'élément cite me semble mal employé dans ton exemple.

Heyoan, Florent,

Je vous remercie infiniment!

a+
Modifié par Ipszy (10 Jan 2008 - 15:25)

Je suis sur mac et je n'ai que FF, Safari et Opéra pour voir ce que ça donne...
Quelqu'un peut me dire ce que ça donne sur IE6 et 7 SVP?

Ipszy a écrit :
Je suis sur mac et je n'ai que FF, Safari et Opéra pour voir ce que ça donne...
Quelqu'un peut me dire ce que ça donne sur IE6 et 7 SVP?

C'est magnifique !!!

A l'exception d'un petit warning javascript sur getElementById("menugen") : id inconnu

et d'un petit BOM qui traine...
Modifié par Heyoan (10 Jan 2008 - 16:01)