Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1370 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  image en filigrane

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

image en filigrane

n°1274186
ngc_3370
Posté le 28-12-2005 à 19:55:27  profilanswer
 

bonjour,
je suis un nouveau venu dans le monde du html (enfin du vrai pas celui avec word), et j'aimerai inserer une image en filigrammme derriere le texte et qui se repete ( pour l instant j'ai juste reussi a faire mettre une image de fond et a la faire se repeter grace aux CSS mais des qu'il y a du texte par dessus, cette image disparait et je voudrais qu'elle reste derriere).
 
merci d'avance pour vos conseils/réponses


Message édité par ngc_3370 le 28-12-2005 à 19:58:57
mood
Publicité
Posté le 28-12-2005 à 19:55:27  profilanswer
 

n°1274187
gatsu35
Blablaté par Harko
Posté le 28-12-2005 à 20:08:23  profilanswer
 

la y un blème nan ?
 
 
<div id="mondiv">
  pleins de putain de texte<br>
  pleins de putain de texte<br>
  pleins de putain de texte<br>
  pleins de putain de texte<br>
  pleins de putain de texte<br>
  pleins de putain de texte<br>
</div>
 
 
et en CSS
 
#mondiv{
  background: url("Monimage.jpg" ) repeat left top
}

n°1274194
ngc_3370
Posté le 28-12-2005 à 20:22:25  profilanswer
 

nan c'est pas ca que je voudrais, c'est que le texte se superpose aux images, si tu veux en faisant ca, des qu'il y a une ligne de texte, ca me met une ligne blanche.
je vais te mettre le code source ce sera peut etre plus simple :  
 
<HTML>
<HEAD>
  <META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0 Win">
  <TITLE>Document sans titre</TITLE>
  <style type="text/css">
<!--
.text {
 font-family: "Comic Sans MS";
 font-size: 12px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 color: #000000;
 background-color: #FFFFFF;
 background-repeat: no-repeat;
 letter-spacing: normal;
 text-align: justify;
 vertical-align: baseline;
 word-spacing: normal;
 white-space: normal;
}
body {
 background-image: url(../images/banner.jpg);
 background-repeat: repeat;
 background-attachment: fixed;
 }
-->
  </style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
<BODY BGCOLOR="#ffffff">
<div class=text>
<p class=text>main</p>
</div>
</body>
</BODY>
</HTML>
 
il ya que main comme texte, c'est normal, je n' ai pas encore fait ce que je voulais mettre dedans.

n°1274207
xtof_83
Freeride Spirit
Posté le 28-12-2005 à 20:48:53  profilanswer
 

Code :
  1. <div class=text>
  2. <p class=text>main</p>
  3. </div>


 
Tu me dis l'interêt d'avoir <p class=text> alors que la classe s'applicque à tout le bloc  :o
 
 
Edit: et oui vu ce que tu ecris dans le code, c'est normal qu'a chaque nouvelle ligne, tu as du blanc en fond....
 
 background-color: #FFFFFF;  
 
 
Enfin bon...


Message édité par xtof_83 le 28-12-2005 à 20:51:10
n°1274211
gatsu35
Blablaté par Harko
Posté le 28-12-2005 à 21:04:43  profilanswer
 

oué +1 pour Xtof
 
vire le Class="text" au P
 
car dès que tu rajoute des lignes dans P
P étant superposé au DIV, ben ca te fous du blanc.
 
mais normalement l'ordre de superpositions des couches est le suivant :  
 
Text
Background-image
Background-color  
 
text étant le plus au dessus, dnoc ca n'aurait pas posé de pb normalement :/
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  image en filigrane

 

Sujets relatifs
Forcer la réactualisation d'une image ?Uploader image?
Image dans un emailImage dynamique
[CSS] Centrer du texte avec une image ?rotation d'une image
image et lien phpMenu HTML en image, avec choix en texte...
Impression d'image de fond (background).[QReport] Comment mettre une image en filigrane ?
Plus de sujets relatifs à : image en filigrane


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR