[CSS] Cadre d'image O.o

Fermé

dededede4 - 17 mai 2008 à 15:04
dededede4 Messages postés 235 Date d'inscription jeudi 23 juin 2005 Statut Membre Dernière intervention 11 septembre 2009 - 18 mai 2008 à 11:36

Bonjour,

Se script css, le #corps du site aura juste en haux 140pixel de haug.gif.
Je voudrait savoir comment metre haug.gif sur tout les cotée de #corps.
Merci =).

		#corps
			{
				margin-left:140px;
				margin-bottom:20px;
				padding:5px;
				
				color:#00000;
				background-color:#A3542B;
				background-image:url("img/haug.gif");
				background-repeat:repeat-x;
				
				border:0px solid black;
			}

A voir également:

[CSS] Cadre d'image O.o
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Google recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama
Image - Guide

5 réponses

Réponse 1 / 5

beate Messages postés 166 Date d'inscription dimanche 28 août 2005 Statut Membre Dernière intervention 7 juillet 2010 6
17 mai 2008 à 15:14

Je crois que si tu lasisses tomber

background-repeat:repeat-x;

dans ton code, l'image se répétera dans le sens de la largeur et de la hauteur...

Réponse 2 / 5

Ricky38 Messages postés 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458
17 mai 2008 à 15:35

Salut,

au lieu de :

background-image:url("img/haug.gif");
background-repeat:repeat-x;

essaie :

border-image: url("img/haug.gif");

Réponse 3 / 5

dededede4 Messages postés 235 Date d'inscription jeudi 23 juin 2005 Statut Membre Dernière intervention 11 septembre 2009 9
17 mai 2008 à 15:45

x_x
C'est si bête...

Oki, nikel...
Je vais voir se que sa donne.

-Edit : C'est pas bon, il y a aucune image qui s'affiche sur les bord de #cord

Mais si je veux avoir une image différente en haux, en bas, a gauche, a droite ?

Ricky38 Messages postés 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458
17 mai 2008 à 15:54

ohhh pas parreil alors

essaie ceci:


border-top-image:url(chemin de l'image);
border-bottom-image:url(chemin de l'image);
border-right-image:url(chemin de l'image);
border-left-image:url(chemin de l'image);

Réponse 4 / 5

dededede4 Messages postés 235 Date d'inscription jeudi 23 juin 2005 Statut Membre Dernière intervention 11 septembre 2009 9
17 mai 2008 à 17:05

Oo

Y'a rien qui s'affiche :

#corps
			{
				margin-left:140px;
				margin-bottom:20px;
				padding:5px;
				
				color:#00000;
				background-color:#A3542B;
				border-top-image:url(img/haud.gif);
				border-bottom-image:url(img/basg.gif);
				border-right-image:url(img/haud.gif);
				border-left-image:url(img/basg.gif);

				
				
				border:0px solid black;
			}

beate Messages postés 166 Date d'inscription dimanche 28 août 2005 Statut Membre Dernière intervention 7 juillet 2010 6
17 mai 2008 à 20:58

Salut dededede4,
Je vois encore une possibilité: tu pourrais diviser ta page en plusieurs tableaux ou div, et attribuer à chacun un arrière-plan différent.
Genre

<table><tr><td colspan="3" background:#A3542B url(img/haut.gif)></td></tr>
       <tr><td background:#A3542B url(img/gauche.gif)></td>
           <td>contenu</td>
           <td background:#A3542B url(img/droite.gif)></td>
       </tr>
       <tr><td colspan="3" background:#A3542B url(img/bas.gif)></td></tr>
</table>

Idem avec des div

Al'
18 mai 2008 à 09:55

Après une courte recherche sur le web, on se rend compte qu'apparemment la propriété border-image n'est pas encore implémentée sur les navigateurs, et qu'elle fait en fait partie de la prochaine évolution de CSS, le CSS3, qui n'est pas encore standard.

Donc pour l'instant, pas possible de mettre des images en bordures (dommage, ça m'aurait bien arrangé aussi^^).

Cela dit, il y a d'autres moyens de faire, en bidouillant avec les images de fond, les div etc...
Il y a aussi plein de sites qui expliquent comment faire, mais je n'en ai plus en tête.

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

Posez votre question

Réponse 5 / 5

dededede4 Messages postés 235 Date d'inscription jeudi 23 juin 2005 Statut Membre Dernière intervention 11 septembre 2009 9
18 mai 2008 à 11:36

Merci ;)

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

probleme sommet

[CSS] Forcé retour à la ligne

Discussions similaires

Newsletters