Les Allergies
Alimentaires
Posez votre question Signaler

Coin arrondi en css

guigui144 286Messages postés 14 février 2009Date d'inscription 7 mai 2012Dernière intervention - Dernière réponse le 16 avril 2010 à 12:59
bonjour
je suis en train de créer un site et pour le design je voudrai mettre des coin arrondi
est ce que qqn sais comment faire ????
merci pour toute les reponce donne
Lire la suite 

Coin arrondi en css »

39 réponses
Réponse
+2
moins plus
A la limite tu peux utiliser Roundies !

Je cite :p

Alsacreation

Roundies, c'est quoi ?

Roundies est un petit JavaScript de 8 ko très simpliste qui se contente de réaliser ce qu'on lui demande, des angles arrondis sur IE sans image et sans ajouter de contenu inutile.
Nous n'allons l'appliquer qu'à Internet Explorer puisqu'il nous servira de béquille pour ce navigateur tant qu'il ne reconnaîtra pas border-radius.
Notez que Roundies ne fonctionnera pas sur les images d'arrière-plan et qu'il est malheureusement inopérant sur Opera.


Tiens :)

http://www.dillerdesign.com/experiment/DD_roundies/#download
guigui144- 2 avril 2010 à 17:57
le problème c'est que la plupart des gens l'utilise

et comme disait une personne qui avait mis un tuto sur le site du zéro
qui était sur le html/CSS

il a peut de chance de se tromper en disant qu'on utilise internet explorer

on y peut rien les gens en ont l'habitude
notobe- 2 avril 2010 à 18:11
Oui, en même temps, les coins arrondis c'est juste de la déco. Donc, faut pas trop se prendre la tête là-dessus non plus...
guigui144- 2 avril 2010 à 18:15
sa c'est sur mais je crois que je vais abandonner pour internet explorer
je vais m'occuper de Firefox, chrome , safari ....


en gros tous les navigateur a jour qui sont en train de de manger Microsoft(façons de dire il ont le plus gros marcher des Système c'est quand même mieux linux toutefois non????)

regarde un peut tout en bas je pose une question
est ce que tu serais y répondre ???
Ajouter un commentaire
Réponse
+1
moins plus
Pas du tout :p

Regarde ce tutoriel:

http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html

-moz-border-radius:5px; va s'appliquer à firefox !
Pour IE, utilise Roundies !
Ajouter un commentaire
Réponse
+1
moins plus
est ce que c'est possible de faire des coin arrondi en CSS sur un tableau ????
guigui144- 2 avril 2010 à 18:17
je n'ai pas réussi
saurait tu le faire ???

ou plutot donne moi le code parceque j'ai essayer en faisant comme pour les coin arrondi de mon

<fieldset>
</fieldset>
notobe- 2 avril 2010 à 18:26
Laisse tomber les fieldset, c'est fait pour les formulaires => c'est du détournement de balise ;)

Pour les tableaux c'est très simple, tu déclares des border-radius pour <table>

table { 
border:1px solid black; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px; 
}


Et tu peux appliquer ça aussi à des div.
le hollandais volant- 15 avril 2010 à 16:58
Les bordures CSS3 présentent quelques petites subtilités cependant.
Ajouter un commentaire
Réponse
+0
moins plus
pour arrondir les coins il y a plusieurs solutions:
-mettre des images dans ton div
ou bien
-utiliser dans le css l'attribut border-radius il me semble.

Seul inconvénient, border radius n'est pas pris en compte par IE
il faut donc utiliser un script, il me semble que quelqu'un a développé roundies qui arrondi les coins sur IE
Ajouter un commentaire
Réponse
+0
moins plus
Salouti :)

Tu peux utiliser la balise <fieldset> qui va encadrer le contenue ! C'est propre, c'est beau, c'est pas cher ! Et cerise sur le gâteau tu peux même arrondir les coins :p

fieldset
{
-moz-border-radius:5px;
}
youplay- 31 mars 2010 à 09:25
je viens de tester (sur IE 8), le cadre à un arrondie mais vraiment très léger
notobe- 2 avril 2010 à 17:24
c'est du détournement de balise !
fieldset est fait pour regrouper des éléments de formulaire.
De plus, pas la peine de mettre des commentaires conditionnels pour IE puisque de toute façon IE ne comprend pas -moz-border-radius qui ne fonctionne qu'avec des navigateurs gecko.
guigui144- 2 avril 2010 à 17:26
merci
Ajouter un commentaire
Réponse
+0
moins plus
merci et pour répondre justement je veut arrondir les coin de mon fieldset

donc ca serai comme cela

<!--[if !IE]><!--> 
<style> 
.fieldset 
{ 
-moz-border-radius:8px; 
} 
</style> 
<!--<![endif]-->
fieldset 
{ 
-moz-border-radius:5px; 
} 

Ajouter un commentaire
Réponse
+0
moins plus
ok je ne comprend pas je viens de tester sous internet explorer 6 je crois
et sa marche il y a un bug

si vous êtes sous Windows et que vous avez internet explorer tester cette page


http://www.alsacreations.com/xmedia/tuto/exemples/arrondis/arrondi.html

qui le premier lien avec le premier technique de ce site

http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html
Maxou88100- 31 mars 2010 à 10:56
Oui mais les problèmes peuvent êtres rencontrés avec IE8 !

Donc ! Tu peux utiliser Roundies pour palier ce problème !

Lit bien jusqu'au bout :)
Ajouter un commentaire
Réponse
+0
moins plus
ça marche sous chrome et Mozilla Firefox
mais maintenant il faut que je m'occupe de internet explorer
(I hate internet explorer 6 et +)
Maxou88100- 31 mars 2010 à 11:21
Same dude :p Dont worry, nobody use this shit ^^
Ajouter un commentaire
Réponse
+0
moins plus
up
up
up
Ajouter un commentaire
Réponse
+0
moins plus
Salut, je te conseillerais plutôt d'utiliser des images pour les coins arrondis, puisque css3, internet explorer n'en mangeras pas, et puis du javascript juste pour des coins arrondis, c'est un peu trop. Utilise des images, c'est la solution la plus simple à mon avis.
Ajouter un commentaire
Réponse
+0
moins plus
oui mais si je dois changer les couleur la présentation sa sera plus simple avec des bordure en css ou en javascript car les image cela me fait qu'il faut les retoucher a chaque fois en css c'est plus simple

ou alors il y a une autre solution :

faire une présentation différente pour IE
pyrogoto- 16 avril 2010 à 12:59
t'inquiete fait les bordures en css avec les different prefixes
puis les script roundies pour IE

comme la majorité te le coseil

c'est, en effet, le plus simple
Ajouter un commentaire
Ce document intitulé « coin arrondi en css » 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 ?