Téléchargement
illégal
Posez votre question Signaler

[CSS] Cadre d'image O.o

dededede4 - Dernière réponse le 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;
			}
Lire la suite 

[CSS] Cadre d'image O.o »

8 réponses
Réponse
+0
moins plus
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...
Ajouter un commentaire
Réponse
+0
moins plus
Salut,

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



essaie :

border-image: url("img/haug.gif");
Ajouter un commentaire
Réponse
+0
moins plus
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- 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);

Ajouter un commentaire
Réponse
+0
moins plus
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- 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.
Ajouter un commentaire
Réponse
+0
moins plus
Merci ;)
Ajouter un commentaire
Ce document intitulé « [CSS] Cadre d'image O.o » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?