Texte par-dessus une photo

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Texte par-dessus une photo

fourniey

Rendre au prochain

Est-ce possible de mettre un texte par-dessus une photo en HTML ou bien si je dois le faire avec Photoshop obligatoirement ?

Publicité

masklinn

í dag viðrar vel til loftárása

Ben il suffit d'avoir la photo en background (fond) et le texte par dessus

Ou alors (mais c'est plus complexe, et le résultat est moins "sûr" ), faire flotter le texte par dessus la photo

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Martius

il/lui

Masklinn a écrit :

Ben il suffit d'avoir la photo en background (fond) et le texte par dessus

Ou alors (mais c'est plus complexe, et le résultat est moins "sûr" ), faire flotter le texte par dessus la photo

c'est plus complexe, et ça marche pas trop avec ie...

plus de détails :
tu fais :
partie head :

Code :

<style type="text/css">
.image
{
background-image: url(lien vers ton image);
width: [lageur de l'image]px;
height: [hauteur de l'image]px;
}
</style>

puis à la place de l'image :

Code :

<div class="image">
le texte sur l'image.
</div>

Message édité par Martius le 29-10-2004 à 20:25:42

---------------
Martin

masklinn

í dag viðrar vel til loftárása

MarTiuS a écrit :

c'est plus complexe, et ça marche pas trop avec ie...

C'est naturellement ce que je voulais dire par "le résultat est moins sur"

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

fourniey

Rendre au prochain

merci à tous, c'était si simple.

Martius

il/lui

Masklinn a écrit :

C'est naturellement ce que je voulais dire par "le résultat est moins sur"

et c'est bien ce que je confirmais

---------------
Martin

fourniey

Rendre au prochain

J'ai essayé la 2e option et ça ne fonctionne pas:

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>Essai</title>
</head>

<style type="text/css">
.image
{background-image:"/images/i_photos/bas_page_fondation/p4.jpg";}
</style>

<table align="center" border="1">
<div class="image">
<td>Voici le texte</td>
</div>
</table>

</body>

</html>

KangOl

Profil : pointeur

apprend a lire

Code :

<style type="text/css">
.image
{background-image:url("/images/i_photos/bas_page_fondation/p4.jpg" );}
</style>

---------------
Nos estans firs di nosse pitite patreye...

fourniey

Rendre au prochain

j'Ai fait un copier coller en tout premier.

masklinn

í dag viðrar vel til loftárása

t'as pas fait ce qu'il t'a dit de faire

Code :

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>Essai</title>
<style type="text/css">
.image {
width: 242px;
height: 359px;
background-image: url(http://img41.exs.cx/img41/6064/p111.jpg);
}
</style>
</head>
<body>
<div class="image">
Voici le texte<br />
tout plein de texte<br />
tout partout<br />
</div>
</body>
</html>

Message édité par masklinn le 29-10-2004 à 21:21:04

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Publicité

fourniey

Rendre au prochain

ok, merci, je comprends.

FORUM HardWare.fr

Programmation

HTML/CSS

Texte par-dessus une photo

Sujets relatifs
[C] Interface "Graphique" en mode texte	Images et texte avec xsl:fo
recuperer une variable "x" et lecrire dans un fichier texte??!!	Problème de noob ecriture/lecture fichier texte
editeur de texte en C (type vi)	verification de l'existence d'une chaine dans un fichier texte
Mise en forme d'un texte saisie avec HTML	[CSS] Prb alignement de texte, Ok sous Firefox mais foireux sous IE
pb avec le nom de mes zones de texte	Mettre du texte à la ligne d'une photo
Plus de sujets relatifs à : Texte par-dessus une photo

Page générée en 0.063 secondes