Image html
Résolu/Fermé
Cydiaman
Messages postés
4
Date d'inscription
samedi 29 juin 2019
Statut
Membre
Dernière intervention
28 septembre 2019
-
Modifié le 25 sept. 2019 à 15:54
Kasstech - 28 sept. 2019 à 23:36
Kasstech - 28 sept. 2019 à 23:36
A voir également:
- Image html
- Image iso - Guide
- Editeur html - Télécharger - HTML
- Acronis true image - Télécharger - Sauvegarde
- Google recherche par image - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
3 réponses
Salut,
absolument à éviter de mettre du texte directement dans l'image car une fois écrit il est impossible de l'enlever!
Tout texte en image n'est pas référencé. C'est impossible à automatiser. Et d'autres raisons que je ne citerais pas mais il ne faut pas faire. Ton idée est la bonne Cydiaman.
On peut par contre positionner un élément de texte au dessus(superposition) avec CSS de ce que l'on veut.
Sans voir le code impossible de dire quelque chose de précis mais voici un petit exemple.
L'idée est d'utiliser la propriété CSS "position" et éventuellement z-index si cela le nécessite.
Bien sûr à adapter à votre code et il n'existe pas une seule façon de faire mais des dizaines, selon l'agencement de la page, les habitudes du webmaster et autres nécessitées.
Voir une recherche une: positionnement en CSS.
absolument à éviter de mettre du texte directement dans l'image car une fois écrit il est impossible de l'enlever!
Tout texte en image n'est pas référencé. C'est impossible à automatiser. Et d'autres raisons que je ne citerais pas mais il ne faut pas faire. Ton idée est la bonne Cydiaman.
On peut par contre positionner un élément de texte au dessus(superposition) avec CSS de ce que l'on veut.
Sans voir le code impossible de dire quelque chose de précis mais voici un petit exemple.
L'idée est d'utiliser la propriété CSS "position" et éventuellement z-index si cela le nécessite.
<html>
<head>
<style type="text/css" rel="stylesheet">
.centre{}
#audessus{
position:relative;
top:-106px;
left:-192px;/* vaguement centré */
color:blue;/* pour mieux voir je met une couleur qui n'y a pas dans mon image*/
}
img{width:274px;height:206px;/* ce sont les dimensions de mon image */
}
</style>
</head>
<body>
<p><!--// j'utilise un "p" car par défaut en display:inline //-->
<img src="sunset.jpg" />
<span id="audessus">coucher de soleil<span>
</p>
</body>
</html>
Bien sûr à adapter à votre code et il n'existe pas une seule façon de faire mais des dizaines, selon l'agencement de la page, les habitudes du webmaster et autres nécessitées.
Voir une recherche une: positionnement en CSS.
madmyke
Messages postés
52789
Date d'inscription
dimanche 20 janvier 2008
Statut
Modérateur
Dernière intervention
19 avril 2024
12 042
25 sept. 2019 à 16:30
25 sept. 2019 à 16:30
Bonjour
Dans ce cas il faut créer l'image avec le texte via un logiciel de photo, puis sauver comme une nouvelle image, enfin utiliser l'image tout court.
bav
Dans ce cas il faut créer l'image avec le texte via un logiciel de photo, puis sauver comme une nouvelle image, enfin utiliser l'image tout court.
bav
Cydiaman
Messages postés
4
Date d'inscription
samedi 29 juin 2019
Statut
Membre
Dernière intervention
28 septembre 2019
25 sept. 2019 à 16:32
25 sept. 2019 à 16:32
on ne peut pas mettre le texte sur l'image via du code ?
madmyke
Messages postés
52789
Date d'inscription
dimanche 20 janvier 2008
Statut
Modérateur
Dernière intervention
19 avril 2024
12 042
>
Cydiaman
Messages postés
4
Date d'inscription
samedi 29 juin 2019
Statut
Membre
Dernière intervention
28 septembre 2019
25 sept. 2019 à 16:38
25 sept. 2019 à 16:38
26 sept. 2019 à 07:02
Merci beaucoup problème résolu
Crdlmt
Cydiaman