[CSS] Cadre d'image O.o

dededede4 -  
dededede4 Messages postés 235 Date d'inscription   Statut Membre Dernière intervention   -
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:

5 réponses

beate Messages postés 166 Date d'inscription   Statut Membre Dernière intervention   6
 
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...
0
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
Salut,

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



essaie :

border-image: url("img/haug.gif");
0
dededede4 Messages postés 235 Date d'inscription   Statut Membre Dernière intervention   9
 
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 ?
0
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
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);

0
dededede4 Messages postés 235 Date d'inscription   Statut Membre Dernière intervention   9
 
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;
			}
0
beate Messages postés 166 Date d'inscription   Statut Membre Dernière intervention   6
 
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
0
Al'
 
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.
0

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

Posez votre question
dededede4 Messages postés 235 Date d'inscription   Statut Membre Dernière intervention   9
 
Merci ;)
0