Incontournables XHTML / CSS :
| Auteur | |
|---|---|
| ciboulette | # 16 May 2008 - 10:09:49  |
 13 Posts |
Bonjour J'aimerais connaître la meilleure méthode pour superposer du texte à une image. Un peu comme dans les journaux, pour les légendes. Merci. |
 |
|
| Benjamin D.C. | # 16 May 2008 - 10:17:09 |
 Modérateur 2358 Posts |
Bonjour, Les solutions sont nombreuses et variées (image en background, positionnement hors flux, marges négatives, …), cela dépendra beaucoup du contexte et du résultat escompté. Peux-tu nous montrer un exemple de ce que tu cherches à faire? This is the way, step inside. |
 |
|
| ciboulette | # 16 May 2008 - 10:38:00 |
| 13 Posts |
Sur http://www.rue89.com/ par exemple, le premier titre. * merci de ne pas m'avoir incendiée, j'ai mon Firefox 3 beta 5 qui m'a fait perdre Firebug ainsi que mes autres extensions. Je marche à l'aveugle en ce moment  |
|
|
| Benjamin D.C. | # 16 May 2008 - 10:55:30 |
| Modérateur 2358 Posts |
Tu peux partir sur le principe suivant:
This is the way, step inside. |
| |
|
| ciboulette | # 19 May 2008 - 17:56:28 |
| 13 Posts |
Ok, merci ! Et pour que le texte débute en haut de l'image ?  |
|
|
| ghost | # 19 May 2008 - 19:03:41 |
 1679 Posts |
Salut, Heu... div h1 {position:absolute; top:0}P'être? En essayant continuellement, on fini par réussir. Donc: plus ça rate, plus on a de chances que ça marche. |
| |
|
| SiDi | # 19 May 2008 - 19:10:14 |
Les chips say le mal ! 119 Posts |
Bonjour, Les solutions sont multiples... Superposer les deux, ou plutôt, si l'image est décorative et si elle ne change pas tous les jours (comme sur Rue89), utiliser un background CSS, que tu coupleras avec un background-color de la couleur exactement opposée à celle du texte (pour éviter, comme par exemple sur Rue89, de ne pas voir les titres si tu désactives les images). PS : Rue89 est un des meilleurs sites d'information en France, profitez-en bien  |
 |
|
| ciboulette | # 20 May 2008 - 08:55:13 |
| 13 Posts |
Merciiii [résolu] |
|
|
| ciboulette | # 20 May 2008 - 09:01:08 |
| 13 Posts |
ciboulette a écrit : Je me cite car j'arrive pas à m'éditer en post1 (comme ailleurs). Bizarre. |
|
|
Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org
Nos partenaires : Editions Eyrolles
Nikozen : Hébergement - Réalisation : Alsacreations.fr