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
Bonjour,
je desire redimensionner un fond d'ecran en htlm


(j'arrive a le faire en faites)


<html>
<body>


<BODY BACKGROUND=
<center>
<img src="carte.jpg"height="600" width="1000" border="4">
</center>

........................................

..................................

..................................

</body>
</html>

le probleme c'est que ,lorsque je veux y mettre du texte celui ci s'affiche bien ,MAIS EN DESSOUS DE L'IMAGE
ps LA OU IL DES POINTS C'EST LA OU JE MET MON TEXTE

plus complexe que ca en as l'air ,j'ai bien réussis ,mais alors mon image est mangé par l'écran(je n'est que le quart de mon image )




<html>
<body>
<BODY BACKGROUND="carte.jpg" >
</body>


<div>
Votre pseudo :
<input type="text" name="nom" size="10">
</div>



j'ai beau mettre le redimmensionnement ,rien n'y fait

vous l'aurez compris je ne suis pas très doués ,donc si vous pouviez m'expliqué de facon clair ,je vous en serez grés
A voir également:

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 :)
1
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 :)
0
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
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 ^^
0