Insertion d'image avec un <div class>

Résolu
Mouch89 Messages postés 118 Statut Membre -  
Mouch89 Messages postés 118 Statut Membre -
Bonjour,

J'ai un petit soucis pour intégrer de manière répétée une même image dans mon site. En fait, j'aimerais qu'entre chaque paragraphe, on intègre l'image coupure.png...

J'ai donc dans mon CSS
.coupure  
{  
   width: 610;  
   height: 30;  
   background-image: url("bordel/coupure.png");  
   float: center;  
 }  



Et dans le code HTML
<div id="contenu_general">  
  <div id="contenu_tete"></div>  
    <div id="contenu_corps">  
    <p>Blablabla praragrpahe 1</p>  
    <div class="coupure"></div>  
    <p>Blablabla praragrpahe 2</p>  
    <div class="coupure"></div>  
    <p>Blablabla praragrpahe 3</p>  
    <div class="coupure"></div>  
    <p>Blablabla praragrpahe 4</p>  
    <div class="coupure"></div>  
    <p>Blablabla praragrpahe 5</p>  
  </div>  
 <div id="contenu_pied"></div>  
</div>


Mais ça n'a pas l'air de fonctionner. L'image s'affiche pourtant avec un <img>, seulement, j'ai pas trop envie d'écrire ça partout dans le code. Le jour ou j'aurais besoin de le changer, j'aimerais pouvoir faire ça rapidement avec la feuille de style.

J'espère que vous aurez une solution ! Merci :)

A voir également:

5 réponses

jona303 Messages postés 390 Statut Membre 28
 
#contenu_corps p {background:url(coupure.png) no-repeat bottom;padding:0 0 10px;}

par exemple.. ;)
0
Mouch89 Messages postés 118 Statut Membre 7
 
Ça n'a pas non plus l'air de fonctionner :x
0
Kemich Messages postés 211 Statut Membre 22
 
Salut,

Avec ce code, ca devrait fonctionner :

.coupure
{
width: 610px;
height: 30px;
background-image: url("bordel/coupure.png");
float: center;
}

J'ai juste rajouter des "px" apres tes valeurs pour la longueur et la largeur de tes coupures.

J'espère que c'est OK.

Bye
0
jona303 Messages postés 390 Statut Membre 28
 
mais c'est crade :), sinon y a qu'a rajouter un <hr /> :D

Sérieusement pour faire propre je mettrais une classe coupure à tous les p qui en ont besoin et je mettrais le fichier png en background bottom, si ça marche pas c'est qu'un truc est mal syntaxé
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Mouch89 Messages postés 118 Statut Membre 7
 
Arf, merci Kemich, c'était donc juste une erreur de syntaxe (j'ai du mal à comprendre comment j'ai pu ne pas remarquer ça) !

Sinon jona303, je saisis pas bien pourquoi tu trouves ça crade ?
C'est plus une question de gout personnel ? Ou ca a quelque chose à voir avec les compatibilités entre les différents navigateurs ?
0