Positionnement texte/image
Résolu/Fermé
Charlypop
Messages postés
51
Date d'inscription
samedi 26 février 2011
Statut
Membre
Dernière intervention
24 septembre 2018
-
30 mai 2014 à 13:57
Charlypop Messages postés 51 Date d'inscription samedi 26 février 2011 Statut Membre Dernière intervention 24 septembre 2018 - 2 juin 2014 à 13:45
Charlypop Messages postés 51 Date d'inscription samedi 26 février 2011 Statut Membre Dernière intervention 24 septembre 2018 - 2 juin 2014 à 13:45
A voir également:
- Positionnement texte/image
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Faststone image viewer - Télécharger - Visionnage & Diaporama
- Google recherche par image - Guide
- Modifier le texte d'une image - Forum Logiciels
5 réponses
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 322
30 mai 2014 à 17:07
30 mai 2014 à 17:07
non en fait avec ton code tu vas afficher l'image et en dessous ton texte
pour que ton texte apparaisse par dessus l'image, tu dois dans les css la mettre en background de la div puis dans le code mettre le h4 dans la div
dans le code
<div id="truc"><h4>ici ton texte<h4></div>
dans les css
#truc {
height: 100px;
width:100px;
background-image:url(images/image.jpg);
}
#truc h4{
color:ff0000;
}
si tu ne veux mettre du texte que dans une seul div, inutile de mettre un span, tu mets simplement un style à la balise h4 de la div truc, si tu as plusieurs div avec des noms différents alors tu devras remettre un span
pour que ton texte apparaisse par dessus l'image, tu dois dans les css la mettre en background de la div puis dans le code mettre le h4 dans la div
dans le code
<div id="truc"><h4>ici ton texte<h4></div>
dans les css
#truc {
height: 100px;
width:100px;
background-image:url(images/image.jpg);
}
#truc h4{
color:ff0000;
}
si tu ne veux mettre du texte que dans une seul div, inutile de mettre un span, tu mets simplement un style à la balise h4 de la div truc, si tu as plusieurs div avec des noms différents alors tu devras remettre un span
Charlypop
Messages postés
51
Date d'inscription
samedi 26 février 2011
Statut
Membre
Dernière intervention
24 septembre 2018
3
30 mai 2014 à 17:40
30 mai 2014 à 17:40
Ok !
Mais comment positionner correctement ma balise h4 sur mon image.
Concrètement, je souhaiterais intégrer du texte dans des "rubans" comme ceux là : https://fr.freepik.com/vecteurs-libre/conception-bannieres-libres-vecteur_712804.htm
Je travaille beaucoup avec les vecteurs. On vire le texte et tout et tout et on a plus qu'à exporter en image.
Merci de m'indiquer une astuce !
Mais comment positionner correctement ma balise h4 sur mon image.
Concrètement, je souhaiterais intégrer du texte dans des "rubans" comme ceux là : https://fr.freepik.com/vecteurs-libre/conception-bannieres-libres-vecteur_712804.htm
Je travaille beaucoup avec les vecteurs. On vire le texte et tout et tout et on a plus qu'à exporter en image.
Merci de m'indiquer une astuce !
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 322
30 mai 2014 à 18:27
30 mai 2014 à 18:27
tu le positionne avec du css tout simplement, dans truc h4 tu rajoutes
height:100px; /* a modifier suivant la hauteur de l'image */
line-height:100px;/* a modifier suivant la hauteur de l'image */
text-align:center;/* pour aligner horizontalement automatiquement*/
Charlypop
Messages postés
51
Date d'inscription
samedi 26 février 2011
Statut
Membre
Dernière intervention
24 septembre 2018
3
30 mai 2014 à 18:30
30 mai 2014 à 18:30
Ok merci je ferai plusieurs tests je donnerai des nouvelles demain !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Charlypop
Messages postés
51
Date d'inscription
samedi 26 février 2011
Statut
Membre
Dernière intervention
24 septembre 2018
3
2 juin 2014 à 13:45
2 juin 2014 à 13:45
Ok ça fonctionne super ! Merci