cadres fil arrondis Css

Général
1

bonjour

je cherche à réaliser dans un site des cadres autour des menus, articles, breves ...

Ces cadres, je les voudrais cadre "fil" façon spip contrib et non comme ce qui est expliqué sur la page :

Alsacreations, faire un cadre arrondi en CSS et XHTML

http://www.alsacreations.com/articles/cadre/

Donc aller plus loin.

Y a t il qq un qui aurait une piste ?

Merci à toutes et tous

eric

2

Jre crois c qqchose genre :
    border: thin solid #556B2F;
    -moz-border-radius: 25px;}

en CSS bien sur
mais ce ne marche pas sous ie

Eric Free/Online a écrit :

bonjour

je cherche à réaliser dans un site des cadres autour des menus, articles, breves ...

Ces cadres, je les voudrais cadre "fil" façon spip contrib et non comme ce qui est expliqué sur la page :

Alsacreations, faire un cadre arrondi en CSS et XHTML

Tutoriels web HTML, CSS, Accessibilité, JavaScript et back-end - Alsacreations

Donc aller plus loin.

Y a t il qq un qui aurait une piste ?

Merci à toutes et tous

eric
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

3

Xinux <xinux <at> lutin-grognon.net> writes:

Jre crois c qqchose genre :
    border: thin solid #556B2F;
    -moz-border-radius: 25px;}

en CSS bien sur
mais ce ne marche pas sous ie

Exact !

voir exemple sur http://www.gasteroprod.com/

Il obtiens ses encadrements avec le css suivant:

div.box {
  border: solid 2px white;
  margin: 1em;
  padding: 1em;
  background-color: #eee;
  border-radius: 0.7em;
  /* Arrondi des coins pour Mozilla */
  -moz-border-radius: 0.7em;
}

Et l'arrondi n'est pas visible sous Internet Explorer

Mais pour la différence entre "border-radius" et "-moz-border-radius" je ne
sais pas !!!

Matthieu

Eric Free/Online a écrit :

>bonjour
>
>je cherche à réaliser dans un site des cadres autour des menus,
>articles, breves ...
>
>Ces cadres, je les voudrais cadre "fil" façon spip contrib et non comme
>ce qui est expliqué sur la page :
>
>Alsacreations, faire un cadre arrondi en CSS et XHTML
>
>Tutoriels web HTML, CSS, Accessibilité, JavaScript et back-end - Alsacreations
>
>Donc aller plus loin.
>
>Y a t il qq un qui aurait une piste ?
>
>Merci à toutes et tous
>
>eric
>_______________________________________________
>liste spip
>spip <at> rezo.net - désabonnement : spip-off <at> rezo.net
>Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
>Documentation de SPIP : http://www.spip.net/
>irc://irc.freenode.net/spip
>FAQ : http://www.spip-contrib.net/spikini/FaQ
>
>

4

OFondCBien a écrit :

Xinux <xinux <at> lutin-grognon.net> writes:

Jre crois c qqchose genre :
   border: thin solid #556B2F;
   -moz-border-radius: 25px;}

en CSS bien sur
mais ce ne marche pas sous ie

Exact !

voir exemple sur http://www.gasteroprod.com/

Il obtiens ses encadrements avec le css suivant:

div.box {
  border: solid 2px white;
  margin: 1em;
  padding: 1em;
  background-color: #eee;
  border-radius: 0.7em;
  /* Arrondi des coins pour Mozilla */
  -moz-border-radius: 0.7em;
}

Et l'arrondi n'est pas visible sous Internet Explorer

Mais pour la différence entre "border-radius" et "-moz-border-radius" je ne
sais pas !!!

Matthieu

Eric Free/Online a écrit :

bonjour

je cherche à réaliser dans un site des cadres autour des menus, articles, breves ...

Ces cadres, je les voudrais cadre "fil" façon spip contrib et non comme ce qui est expliqué sur la page :

Alsacreations, faire un cadre arrondi en CSS et XHTML

Tutoriels web HTML, CSS, Accessibilité, JavaScript et back-end - Alsacreations

Donc aller plus loin.

Y a t il qq un qui aurait une piste ?

Merci à toutes et tous

eric
_______________________________________________
liste spip
spip <at> rezo.net - désabonnement : spip-off <at> rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ

Si je ne dis pas de bêtises, la différence entre les deux est la suivante :

- moz-border-radius est un attribut css " propriétaire " Mozilla. Faire un effet arrondi est intéressant et facile avec cet attribut, mais limité aux navigateurs de la famille Mozilla.
- border-radius est un attribut qui sera implanté au sein des prochaines recommandations CSS3 du W3C.

Pour créer un effet arrondi, tu peux simplifier la méthode d'alsa créations, c'est-à-dire mettre une image qui représente un bord arrondi en bas de ton div, une autre, inversée, en haut de ton div, et entre les deux, le contenu, avec un border-left et un border-right (j'espère être assez clair...).