Problème de superposition (texte sur image)
Résolu/Fermé
rick7
Messages postés
240
Date d'inscription
mercredi 25 juillet 2007
Statut
Membre
Dernière intervention
14 décembre 2023
-
Modifié par rick7 le 2/09/2012 à 00:26
rick7 Messages postés 240 Date d'inscription mercredi 25 juillet 2007 Statut Membre Dernière intervention 14 décembre 2023 - 4 sept. 2012 à 15:06
rick7 Messages postés 240 Date d'inscription mercredi 25 juillet 2007 Statut Membre Dernière intervention 14 décembre 2023 - 4 sept. 2012 à 15:06
A voir également:
- Superposer un texte sur une image html css
- Image iso - Guide
- Mettre un texte en majuscule - Guide
- Comment agrandir une image - Guide
- Editeur html - Télécharger - HTML
- Acronis true image - Télécharger - Sauvegarde
4 réponses
Elsyfiryos
Messages postés
83
Date d'inscription
dimanche 25 avril 2010
Statut
Membre
Dernière intervention
12 septembre 2012
11
3 sept. 2012 à 02:28
3 sept. 2012 à 02:28
Coucou,
HTML:
CSS:
Après a toi de modifier les valeur de top et left, cela devrait marcher.
HTML:
<table> <tr> <td class="imgTD" > <img src="images/left02.gif" alt="" ><p class="title">Mon texte</p> </td> </tr> </table>
CSS:
.imgTD { position:relative; } .imgTD img, .imgTD .title {position:absolute;} .imgTD img { top:0; left:0; width:165px; height:32px; border:none; } .imgTD .title { top:10px; left;10px; }
Après a toi de modifier les valeur de top et left, cela devrait marcher.
rick7
Messages postés
240
Date d'inscription
mercredi 25 juillet 2007
Statut
Membre
Dernière intervention
14 décembre 2023
4
4 sept. 2012 à 15:06
4 sept. 2012 à 15:06
Bonjour Elsyfiryos62,
Le code que tu m'as proposé fonctionne, mais cela a eu pour conséquence de faire disparaître une autre partie de mon tableau (la zone de recherche), mais en jouant sur les marges j'ai réglé le problème.
Merci pour ton aide.
Le code que tu m'as proposé fonctionne, mais cela a eu pour conséquence de faire disparaître une autre partie de mon tableau (la zone de recherche), mais en jouant sur les marges j'ai réglé le problème.
Merci pour ton aide.
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
219
2 sept. 2012 à 20:14
2 sept. 2012 à 20:14
Salut,
Il faudrait le code CSS qui va avec car c'est lui qui gère la position des éléments!
Il faudrait le code CSS qui va avec car c'est lui qui gère la position des éléments!
rick7
Messages postés
240
Date d'inscription
mercredi 25 juillet 2007
Statut
Membre
Dernière intervention
14 décembre 2023
4
Modifié par rick7 le 2/09/2012 à 21:50
Modifié par rick7 le 2/09/2012 à 21:50
Merci pour ton aide tryan44 ; j'ai essayé "vertical-align: top;", mais cela ne marche pas...
Voilà le code Css :
.title {
color : #FFFFFF;
margin-top : 1px;
padding-bottom : 1px;
margin-bottom : 1px;
margin-left : 37px;
margin-right : 10px;
font-size : 10px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
display: table-cell;
}
Voilà le code Css :
.title {
color : #FFFFFF;
margin-top : 1px;
padding-bottom : 1px;
margin-bottom : 1px;
margin-left : 37px;
margin-right : 10px;
font-size : 10px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
display: table-cell;
}