Inserer texte dans un fond d'ecran en html
Fermé
lecterfuret
Messages postés
40
Date d'inscription
vendredi 29 août 2008
Statut
Membre
Dernière intervention
29 novembre 2010
-
12 oct. 2009 à 20:53
Cedk - 12 oct. 2009 à 21:58
Cedk - 12 oct. 2009 à 21:58
A voir également:
- Inserer texte dans un fond d'ecran en html
- Double ecran - Guide
- Insérer signature word - Guide
- Insérer une vidéo dans powerpoint - Guide
- Capture d'écran samsung - Guide
- Ecran noir pc - Guide
3 réponses
;o)
Ben si tu veux redimensionner un image background non c'est pas possible, tu peux faire plein de chose mais pas ça. Voici 2 liens :
- https://www.zonecss.fr/proprietes-css/background-css.html : où tu as tout ce que tu peux faire avec l'élément background en css.
- http://www.aliasdmc.fr/balise/zone_html_body.html#background : où tu as tout ce qu'il y a savoir sur la balise body dont notamment l'attribut background.
Après comme je t'ai dit, oui tu peux mettre deux éléments en superposition.
Mais là c'est plus compliqué et utilise uniquement du css.
Là il faut que tu mettes en style css, ton image et ton texte dans 2 balises qui seront positionnées à l'endroit exact où tu veux qu'elles soient.
par exemple pour ton image :
<img src="carte.jpg" style="height:HAUTEURpx; width:LARGEURpx; position: absolute; top:POSITION_Ypx; left:POSITION_Xpx; z-index=1"/>
et ton texte, alors je sais pas si tu en as beaucoup ou pas mais on pourrait mettre un span qui englobe la totalité de ton texte (à voir avec ce que tu veux faire)
<span style=style="height:HAUTEURpx; width:LARGEURpx; position: absolute; top:POSITION_Ypx; left:POSITION_Xpx; z-index=2">TON TEXTE</span> (et tu peux omettre la hauteur et la largeur, tout dépend de l'affichage que tu souhaites à la fin)
le z-index, sert à savoir qui est au dessus, ou en dessous (le plus haut --> au dessus)
et position: absolute sert à dire que tu souhaites mettre l'élément à un endroit que tu auras spécifiquement décidé.
Pour les longueurs, tu peux mettre autre chose que px (pixel), vas faire un tour sur le site zonecss.fr dont je t'ai donné le lien pour avoir de plus amples informations sur ce que tu souhaites faire exactement.
Après je trouve ca moche comme méthode. Mais bon il y a des sites qui sont fréquemment utilisés et qui sont programmés de manière très moches aussi ^^ (à mon gout :))
Voilou :)
Ben si tu veux redimensionner un image background non c'est pas possible, tu peux faire plein de chose mais pas ça. Voici 2 liens :
- https://www.zonecss.fr/proprietes-css/background-css.html : où tu as tout ce que tu peux faire avec l'élément background en css.
- http://www.aliasdmc.fr/balise/zone_html_body.html#background : où tu as tout ce qu'il y a savoir sur la balise body dont notamment l'attribut background.
Après comme je t'ai dit, oui tu peux mettre deux éléments en superposition.
Mais là c'est plus compliqué et utilise uniquement du css.
Là il faut que tu mettes en style css, ton image et ton texte dans 2 balises qui seront positionnées à l'endroit exact où tu veux qu'elles soient.
par exemple pour ton image :
<img src="carte.jpg" style="height:HAUTEURpx; width:LARGEURpx; position: absolute; top:POSITION_Ypx; left:POSITION_Xpx; z-index=1"/>
et ton texte, alors je sais pas si tu en as beaucoup ou pas mais on pourrait mettre un span qui englobe la totalité de ton texte (à voir avec ce que tu veux faire)
<span style=style="height:HAUTEURpx; width:LARGEURpx; position: absolute; top:POSITION_Ypx; left:POSITION_Xpx; z-index=2">TON TEXTE</span> (et tu peux omettre la hauteur et la largeur, tout dépend de l'affichage que tu souhaites à la fin)
le z-index, sert à savoir qui est au dessus, ou en dessous (le plus haut --> au dessus)
et position: absolute sert à dire que tu souhaites mettre l'élément à un endroit que tu auras spécifiquement décidé.
Pour les longueurs, tu peux mettre autre chose que px (pixel), vas faire un tour sur le site zonecss.fr dont je t'ai donné le lien pour avoir de plus amples informations sur ce que tu souhaites faire exactement.
Après je trouve ca moche comme méthode. Mais bon il y a des sites qui sont fréquemment utilisés et qui sont programmés de manière très moches aussi ^^ (à mon gout :))
Voilou :)
Si tu souhaites mettre en background une image, il faudra surement la redimensionner elle-même si tu veux qu'elle rentre parfaitement dans la page. Il faut prendre un logiciel de retouche d'image et redimensionner l'image.
après, le mieux est d'utiliser les styles :
<html>
<head>
</head>
<body style="background-image: url(carte.jpg); background-repeat: no-repeat;">
TON CODE HTML
</body>
</html>
et si tu veux que l'image de fond soit centrée tu mets plutôt :
<body style="background-image: url(carte.jpg); background-repeat: no-repeat; background-position: center center;">
Tu ne peux pas redimensionner (je crois...) une image d'arrière plan.
Après, si tu ne veux pas redimensionner ton "fichier" image, tu peux toujours faire une superposition de div mais c'est beaucoup plus compliqué que ce que je t'ai indiqué et utilise pas mal de css.
Voilà, j'espère avoir répondu à la question :)
après, le mieux est d'utiliser les styles :
<html>
<head>
</head>
<body style="background-image: url(carte.jpg); background-repeat: no-repeat;">
TON CODE HTML
</body>
</html>
et si tu veux que l'image de fond soit centrée tu mets plutôt :
<body style="background-image: url(carte.jpg); background-repeat: no-repeat; background-position: center center;">
Tu ne peux pas redimensionner (je crois...) une image d'arrière plan.
Après, si tu ne veux pas redimensionner ton "fichier" image, tu peux toujours faire une superposition de div mais c'est beaucoup plus compliqué que ce que je t'ai indiqué et utilise pas mal de css.
Voilà, j'espère avoir répondu à la question :)
lecterfuret
Messages postés
40
Date d'inscription
vendredi 29 août 2008
Statut
Membre
Dernière intervention
29 novembre 2010
6
12 oct. 2009 à 21:16
12 oct. 2009 à 21:16
je penser vraiment pas que j'aurais une réponse ,si rapidement,merci
cedk
ne le prend pas mal ^^
mais (en faites ,non ,tu n'as pas repondu a ma question)
je sais que cela est possible ,mais je ne sais pas le faire
(c'est vrai que je pourrais redimmensionner directement l'image)
mais c'est trop facile ,je veux comprendre ^^
cedk
ne le prend pas mal ^^
mais (en faites ,non ,tu n'as pas repondu a ma question)
je sais que cela est possible ,mais je ne sais pas le faire
(c'est vrai que je pourrais redimmensionner directement l'image)
mais c'est trop facile ,je veux comprendre ^^