MountyHall - La Terre des Trõlls

	Ze T-Shirt
MountyHall

Référencé sur

Nous sommes le 8° jour du Scarabée du 22° cycle après Ragnarok

Bienvenue Invité

Tous les Forums

Outils : Assistance au jeu

Modérateurs de ce forum : Aghabeu, Dabihul, Grankausto, Loinvu, Madère, Mamoune, Modérateur 6, Modérateur1, Modérateur2, Modérateur3, Modérateur4, Modérateur5, Mr x, Rouletabille, Schtroumpf, TilK, VYS, Xaruth

CSS, des images en bordure de profil???

#. Message de yufi sensei le 24-06-2009 à 18:00	97908 - yufi sensei (Kastar 36) - Hir Dor'Iaur -
Pays: France Inscrit le : 23-02-2009 Messages: 47 (P'tit Gob')	Citer

Voilà j'ai cherché partout et je n'ai pas trouvé de sujet là dessus...

*se cache un moment pour voir si un modérateur surgit pour lui dire que c'est pas la bonne rubrique..., non, ça a l'air d'aller*

C'est dans le titre, je suis en train de faire une css pour un autre troll et je veux mettre des images en bordure qui s'ajustent automatiquement à la taille la fenêtre, en plus de mon image de fond.

Dans le body, j'ai pondu ça:

    background-image: url(http://*l'image principale*);
    background-repeat: repeat;
    background-attachment: scroll;

    background-image: url(http://*l'image horizontale pour la bordure*);
    background-position: top;
    background-repeat: repeat-x;
    background-attachment: fixed;

    background-image: url(http://*l'image verticale pour la bordure*);
    background-position: right;
    background-repeat: repeat-y;
    background-attachment: fixed;

    background-image: url(http://*l'image horizontale pour la bordure*);
    background-position: bottom;
    background-repeat: repeat-x;
    background-attachment: fixed;

    background-image: url(http://*l'image verticale pour la bordure*);
    background-position: left;
    background-repeat: repeat-y;
    background-attachment: fixed;

Mais comme je m'en doutais, ça marche po... en fait il ne prend en compte que la dernière image.

Il parait qu'il faut que je fasse des "div" mais je ne comprends rien.

Et en css3 il parait que c'est possible de mettre des images avec "border" mais je sais pas si c'est pris en compte par FF, et de toute façon je sais pas comment on fait non plus -_-'

Y a-t-il une âme charitable pour m'aider?

#. Message de Mord-G le 26-06-2009 à 11:17	81279 - Mord-Graz Le Sec (Tomawak 45) - Tàvàrn Ty Trõllïse -
Pays: France Inscrit le : 20-10-2006 Messages: 35 (P'tit Gob')	Citer

Salut à toi jeune Katar,

Tu trouveras certainement ton bonheur sur Mountypédia http://mountypedia.mountyhall.com/Outils/AideEnCSS

Sinon c'est pas la peine de répéter les mêmes arguments pour un même balise.
Les arguments n'acceptent qu'une seule valeur : La dernière valeur.

ce qui,pour ton exemple, donne au navigateur :
    background-image: url(http://*l'image verticale pour la bordure*);
    background-position: left;
    background-repeat: repeat-y;
    background-attachment: fixed;

(et laisse tomber les css3 pour le moment   )

#. Message de yufi sensei le 26-06-2009 à 17:20	97908 - yufi sensei (Kastar 36) - Hir Dor'Iaur -
Pays: France Inscrit le : 23-02-2009 Messages: 47 (P'tit Gob')	Citer

Kastarinette, Mord ^^

Merci pour ta réponse. Grâce à toi je ne dirai plus de méchancetés sur les toms pendant un moment ^^

En fait j'ai déjà regardé sur Moutypédia (comme sur tout le net d'ailleurs) mais ils sont pas bavards sur les background.

J'ai aussi essayé de tout regrouper dans une seule balise en mettant des virgules entre chaque url, chaque position ... mais ça ne marche pas non plus, et je pense pas que ce soit une erreur de syntaxe.

Du coup je crois que je vais regrouper mes 5 images en une seule hors css et tenter de faire un background qui s'ajuste automatiquement à la fenêtre. C'est artisanal mais bon...

Au fait ta css est vraiment sympa! Moi j'en suis pas encore là ^^

[Pages : 1]

Pour poster une réponse sur ce Forum, vous devez d'abord vous connecter

Si vous n'êtes pas encore enregistré, vous devez d'abord vous inscrire.

Changer de Forum

[ Contact : ] - [ Heure Serveur : 23:23:37 le 12/05/2024 ] - [ Page générée en 0.018 sec. ]