image en filigrane

image en filigrane - HTML/CSS - Programmation

Marsh Posté le 28-12-2005 à 19:55:27    

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
Reply

Marsh Posté le 28-12-2005 à 19:55:27   

Reply

Marsh Posté le 28-12-2005 à 20:08:23    

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
}

Reply

Marsh Posté le 28-12-2005 à 20:22:25    

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.

Reply

Marsh Posté le 28-12-2005 à 20:48:53    

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
Reply

Marsh Posté le 28-12-2005 à 21:04:43    

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 :/
 

Reply

Sujets relatifs:

Leave a Replay

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