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 -
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
Et dans le code HTML
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 :)
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
- Touche insertion clavier - Guide
- Insertion sommaire word - Guide
- Insertion filigrane word - Guide
- Insertion liste déroulante excel - Guide
5 réponses
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
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
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é
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
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 ?
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 ?