Texte par-dessus une photo

Texte par-dessus une photo - HTML/CSS - Programmation

Marsh Posté le 29-10-2004 à 20:18:42    

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

Reply

Marsh Posté le 29-10-2004 à 20:18:42   

Reply

Marsh Posté le 29-10-2004 à 20:20:03    

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
Reply

Marsh Posté le 29-10-2004 à 20:25:24    

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 :
  1. <style type="text/css">
  2. .image
  3. {
  4. background-image: url(lien vers ton image);
  5. width: [lageur de l'image]px;
  6. height: [hauteur de l'image]px;
  7. }
  8. </style>


puis à la place de l'image :

Code :
  1. <div class="image">
  2. le texte sur l'image.
  3. </div>


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

---------------
Martin
Reply

Marsh Posté le 29-10-2004 à 20:34:05    

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
Reply

Marsh Posté le 29-10-2004 à 20:41:15    

merci à tous, c'était si simple.

Reply

Marsh Posté le 29-10-2004 à 20:46:20    

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
Reply

Marsh Posté le 29-10-2004 à 21:13:53    

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>

Reply

Marsh Posté le 29-10-2004 à 21:18:34    

apprend a lire :o
 

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


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

Marsh Posté le 29-10-2004 à 21:20:04    

j'Ai fait un copier coller en tout premier.

Reply

Marsh Posté le 29-10-2004 à 21:20:46    

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

Code :
  1. <html>
  2.     <head>
  3.         <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
  4.         <title>Essai</title>
  5.         <style type="text/css">
  6.             .image {
  7.                 width: 242px;
  8.                 height: 359px;
  9.                 background-image: url(http://img41.exs.cx/img41/6064/p111.jpg);
  10.             }
  11.         </style>
  12.     </head>
  13.     <body>
  14.         <div class="image">
  15.             Voici le texte<br />
  16.             tout plein de texte<br />
  17.             tout partout<br />
  18.         </div>
  19. </body>
  20. </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
Reply

Marsh Posté le 29-10-2004 à 21:20:46   

Reply

Marsh Posté le 29-10-2004 à 21:36:59    

ok, merci, je comprends.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed