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
beate 166Messages postés 28 août 2005Date d'inscription 7 juillet 2010Dernière intervention 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...

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Ricky38 4414Messages postés 15 mars 2008Date d'inscription 29 mai 2012Dernière intervention 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");

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
dededede4 188Messages postés 12 avril 2008Date d'inscription 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 ?

 Ajouter un commentaire
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
dededede4 188Messages postés 12 avril 2008Date d'inscription 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;
			}

 Ajouter un commentaire
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
dededede4 188Messages postés 12 avril 2008Date d'inscription 18 mai 2008 à 11:36
Merci ;)

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
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 ?