Insertion d'image avec un <div class>

Résolu/Fermé

Mouch89 Messages postés 109 Date d'inscription mercredi 6 janvier 2010 Statut Membre Dernière intervention 11 avril 2013 - Modifié par Mouch89 le 30/12/2010 à 11:44
Mouch89 Messages postés 109 Date d'inscription mercredi 6 janvier 2010 Statut Membre Dernière intervention 11 avril 2013 - 30 déc. 2010 à 14:36

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:

Insertion d'image avec un <div class>
Image iso - Guide
Insertion sommaire word - Guide
Insertion liste déroulante excel - Guide
Insertion filigrane word - Guide
Acronis true image - Télécharger - Sauvegarde

5 réponses

Réponse 1 / 5

jona303 Messages postés 369 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 28 janvier 2013 28
30 déc. 2010 à 12:20

#contenu_corps p {background:url(coupure.png) no-repeat bottom;padding:0 0 10px;}

par exemple.. ;)

Réponse 2 / 5

Mouch89 Messages postés 109 Date d'inscription mercredi 6 janvier 2010 Statut Membre Dernière intervention 11 avril 2013 7
30 déc. 2010 à 12:29

Ça n'a pas non plus l'air de fonctionner :x

Réponse 3 / 5

Kemich Messages postés 207 Date d'inscription jeudi 27 décembre 2007 Statut Membre Dernière intervention 11 mars 2011 22
30 déc. 2010 à 12:33

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

Réponse 4 / 5

jona303 Messages postés 369 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 28 janvier 2013 28
30 déc. 2010 à 12:35

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é

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

Posez votre question

Réponse 5 / 5

Mouch89 Messages postés 109 Date d'inscription mercredi 6 janvier 2010 Statut Membre Dernière intervention 11 avril 2013 7
30 déc. 2010 à 14:36

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 ?

Discussions similaires

PIX

Bonjour,
Quelles sont les 2 orientations possibles d'une page d’un document numérique ?

Nvcontainers

Bpnjour tout a l'heure en éteignant mon pc un messsage qui disait que nvcontainers avec des chiffres et des lettre de partout avec ecrit a la fin "La memoire ne peut pas etre en etat read" la je n'ai pas bien compris. J'ai fait mes recherche et j'ai vus que nvcontainers etait en faite un virus donc mais moi c'etait ecrit en arriere plans qu'il y a un programme appelé
Nvcontainer windows class qui empechais l'arret donc es la meme chose ?
S'il vous plait repondez vite je suis en panique.
Merci

Impossible de télécharger photos messenger

Bonjour,

Je viens d'acheter un nouveau téléphone xiaumi pocox3, j'ai vérifié les paramètres et donne accès à Messenger mais j'ai un message d'erreur et je ne parviens pas à enregistrer les photos envoyées...quelqu'un peut il m'aider ?

Comment recadrer une image avec Inkscape

Bonjour,
je voulais savoir comment faire pour recadrer une image c'est a dire par exemple prendre qu'une partie au milieu j'ai la version Inkscape 0.46 et j'ai pas su comment faire .merci
Bonne journéeConfiguration: Windows XP
Firefox 2.0.0.12

probleme sommet

Bonjour,

je ne parvient pas toujours a me retrouver quand je vais dans reference table de matiere ayant deja selectionner et appliauer un style au titre ce message s affiche ''pour ajouter ou supprimer.............................................................................. .......................''

Configuration: Windows 7 / Firefox 42.0