28173 sujets

CSS et mise en forme, CSS3

Bordure image deux coter

Bonjour et merci alsacréations pour ces nombreux conseils, j'ai enormement etudier sur ce site et encore beaucoup a apprendre.

je n'arrive pas a mettre deux bordure images sur mon body, un seul s'affiche uniquement.

voici mon code actuellement:

html, body {
        margin: 0px ;
        padding: 0px ;
        font-family: verdana, arial, sans-serif ;
        font-size: 9pt ;
        text-align: center ;
        background: url(027/gondor_cbg.gif) ;
		background-image : url(./027/gondor_bdrR.gif);
		background-position : right;
		background-repeat : repeat-y;
        color: #000000 ;
        }


j'ai essayer sa, mais marche pas Smiley murf 

html, body {
        margin: 0px ;
        padding: 0px ;
        font-family: verdana, arial, sans-serif ;
        font-size: 9pt ;
        text-align: center ;
        background: url(027/gondor_cbg.gif) ;
		background-image : url(./027/gondor_bdrR.gif);
		background-position : right;
		background-image : url(./027/gondor_bdrRL.gif);
		background-position : left;
		background-repeat : repeat-y;
        color: #000000 ;
        }


Merci de votre aide.
ps: je pense que sa vient de ce code: background-repeat : repeat-y;
Modifié par Cianax (27 Jan 2006 - 23:34)
Salut,

On ne peut pas mettre 2 background sur un élément. En conséquence, le dernier que tu déclareras prendra le pas sur l'autre.
Si tu veux obtenir ça, il te faudra ruser : définir par exemple un élément conteneur à l'intérieur de ton body, et lui appliquer la 2ème bordure.
Merci, ces dommage Smiley confus

Je vais abandonner cette optique de mettre une deuxieme bordure, ces pas facile a faire.

encore merci.
Modérateur
bonjour,
voci un essai en usant de html et body comme afficheur d'une image de fond pour reproduir des bordures graphiques fluides:
http://gcyrillus.free.fr/trucs_css/bordure-graphique-vertictale-fluide.html
... IE apprecie moyennement

alors, il vaut mieux utiliser une balise suplementaires pour ce rendu, en ne se servant pas de "<html>".. un lien vers une explication et demo de 2 bordures en marge a 10% des bord de l'ecran, dans une page fluide et extensible:
http://gcyrillus.free.fr/trucs_css/bordure-graphique-vertictale-fluide-v2.html

a plus
Merci,

aprés plusieurs essaie, je n'arrive pas, la bordure de gauche reste en haut Smiley decu

faut pas se decourager, mais la je galère.
Modérateur
bonjour,
as tu reinseigner les hauteurs height:100% pour IE (en commentaire conditionnels)et min-height:100% pour les autres dans le css commun ?
.. et/ou repeat-y pour la repetition en hauteur ?
a plus
Sujet clos
Aller à