[xhtml/css] faire un cadre avec image?

faire un cadre avec image? [xhtml/css] - HTML/CSS - Programmation

Marsh Posté le 29-12-2006 à 10:17:03    

Plop  :hello:  
 
je souhaiterai faire sur mon site un cadre autre qu'un simple "border" cad que je souhaiterai mettre des images pour faire des arrondis, des ombres,...
A part mettre des div dans des div je n'ai rien trouvé et ca ne fonctionne pas...  :sweat:


---------------
.: [Knowledge Is Power] || [Mon FeedBack] :.
Reply

Marsh Posté le 29-12-2006 à 10:17:03   

Reply

Marsh Posté le 29-12-2006 à 10:22:50    

N'oublie pas qu'avec la propriété z-index tu peux superposer des éléments.

Reply

Marsh Posté le 29-12-2006 à 10:24:44    

ca déjà c'est une bonne nouvelle :) je ne connaissais pas cet attribut.

Reply

Marsh Posté le 29-12-2006 à 10:48:16    

ma page est centrée et je souhaite faire tout le tour du cadre:
 
 _______
|          |
|          |
|          |
|          |
|______|
 
donc 1 image pour la bord du haut, 1 pour celle du bas 1 pour la colonne de gauche 1 pour celle de droite et 4 pour chaque angles.
Aurais-tu une idée de comment coder cela, en sachant que mon cadre est centré et de largeur fixe et de hauteur variable.

Reply

Marsh Posté le 29-12-2006 à 11:41:31    

Pour l'instant tu ne peux pas faire autrement qu'en bidouillant avec des elements tels que des divs que tu imbriques :/
 
Une tres bonne solution serait d'inserer via un javascript tous les divs necessaires et de les styler via css comme il se doit. Avec cette solution ton code HTML n'est pas "pollué" par des divs qui ne sont présents que pour la presentation. Lorsque les navigateurs CSS3 seront bien présents sur le marché tu pourras alors desactiver ton javascript et styler l'élément body de ton document en te servant de la propriete multi background des CSS3.

Reply

Marsh Posté le 29-12-2006 à 12:03:44    

Marrant qu'il y est encore ce genre de topics, avec les 5 999 999 999 articles qui parlent du sujet...

Reply

Marsh Posté le 29-12-2006 à 12:12:14    

et aucun qui ne donne la réponse ...


Message édité par noobite le 29-12-2006 à 12:12:39
Reply

Marsh Posté le 29-12-2006 à 12:17:00    

[:delarue2]  
 
Tu rigoles ?

Reply

Marsh Posté le 29-12-2006 à 15:12:36    

alors pourrais-tu me donnais 1 site sur les 5 999 999 999 articles qui existent qui explique correctement une méthode la plus "propre" possible (avec le moins de bidouilles possible)

Reply

Marsh Posté le 29-12-2006 à 15:17:01    

Le truc c'est qu'il y a 255 méthodes pour le faire... Une simple recherche google genre "css border" ou un truc comme ça te donne plein de résultats, maintenant faut voir ce que tu préfères comme solution : avec div vides, en réutilisant des élements d'un bloc, via js, etc...

Reply

Marsh Posté le 29-12-2006 à 15:17:01   

Reply

Marsh Posté le 29-12-2006 à 15:18:39    

oki, en faite je suis revenu vers hfr parce que justement je trouvais trop de méthode et pas super "clean" à mon goût. Apparement ce genre de problématique sera prise en compte dans CSS3. Et bien je vais me débrouiller avec tout ca.
 
merci ;)

Reply

Marsh Posté le 29-12-2006 à 15:20:54    

Ouais le problème c'est qu'il n'y a absolument rien de clean :(

Reply

Marsh Posté le 29-12-2006 à 17:37:29    

sinon, y'a les propriétés css "spéciales" de mozilla pour faire les bords d'un cadre arrondi. Mais ça ne marchera que pour Mozilla, pas pour IE...


Message édité par rufo le 02-01-2007 à 09:15:03
Reply

Marsh Posté le 29-12-2006 à 17:40:57    

bien que je sois profirefox je suis pour la normalisation des contenues donc non merci. Mais je te suis reconnaissant de la proposition :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed