Insertion d'image avec un <div class>

Résolu
Mouch89 Messages postés 109 Date d'inscription   Statut Membre Dernière intervention   -  
Mouch89 Messages postés 109 Date d'inscription   Statut Membre Dernière intervention   -
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 369 Date d'inscription   Statut Membre Dernière intervention   28
 
#contenu_corps p {background:url(coupure.png) no-repeat bottom;padding:0 0 10px;}

par exemple.. ;)
0
Mouch89 Messages postés 109 Date d'inscription   Statut Membre Dernière intervention   7
 
Ça n'a pas non plus l'air de fonctionner :x
0
Kemich Messages postés 207 Date d'inscription   Statut Membre Dernière intervention   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 369 Date d'inscription   Statut Membre Dernière intervention   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 109 Date d'inscription   Statut Membre Dernière intervention   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