En html, texte et image
Fermé
Shakur
-
10 mai 2005 à 22:59
kilian Messages postés 8731 Date d'inscription vendredi 19 septembre 2003 Statut Modérateur Dernière intervention 20 août 2016 - 10 mai 2005 à 23:44
kilian Messages postés 8731 Date d'inscription vendredi 19 septembre 2003 Statut Modérateur Dernière intervention 20 août 2016 - 10 mai 2005 à 23:44
A voir également:
- En html, texte et image
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Image iso - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Editeur html - Télécharger - HTML
1 réponse
kilian
Messages postés
8731
Date d'inscription
vendredi 19 septembre 2003
Statut
Modérateur
Dernière intervention
20 août 2016
1 527
10 mai 2005 à 23:44
10 mai 2005 à 23:44
Salut,
Tu peux placer ton image comme étant un arrière plan.... :-)
Après avec du Css tu places cette image où tu veux et tu t'arranges pour placer ton texte au même endroit.
Selon ta mise en page tu peux placer ça dans un tableau où dans la page globale (les tableaux, invisibles ou non, c'est pratique pour organiser la mise en page)...
Regarde par exemple sur http://www.linuxfrench.net/
Tu trouveras à plusieurs endroits des images très discrètes avec du texte par dessus. Si tu regardes dans leurs Css il font comme ceci:
Le premier c'est l'url de l'image d'arrière plan, le deuxième lui signale de ne pas faire de mosaïque (ne l'afficher qu'une fois), et pour le troisième c'est la position horizontale pour x et la position verticale pour y.
=> http://www.w3schools.com/css/pr_background-position.asp (en anglais)....
Pour les bases du css tu peux regarder ici sur la page d'acceuil tu as un tutoriel sur le css...
Tu peux placer ton image comme étant un arrière plan.... :-)
Après avec du Css tu places cette image où tu veux et tu t'arranges pour placer ton texte au même endroit.
Selon ta mise en page tu peux placer ça dans un tableau où dans la page globale (les tableaux, invisibles ou non, c'est pratique pour organiser la mise en page)...
Regarde par exemple sur http://www.linuxfrench.net/
Tu trouveras à plusieurs endroits des images très discrètes avec du texte par dessus. Si tu regardes dans leurs Css il font comme ceci:
.nom_de_classe{
background-image: url("http://url_de_l'image");
background_repeat: no-repeat;
background-position : x% y%;
}
Le premier c'est l'url de l'image d'arrière plan, le deuxième lui signale de ne pas faire de mosaïque (ne l'afficher qu'une fois), et pour le troisième c'est la position horizontale pour x et la position verticale pour y.
=> http://www.w3schools.com/css/pr_background-position.asp (en anglais)....
Pour les bases du css tu peux regarder ici sur la page d'acceuil tu as un tutoriel sur le css...