Comment arrondir les bords d'un tableau

Fermé
eddydesign - 1 déc. 2009 à 12:05
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 17 nov. 2010 à 21:12
Bonjour, actuelmt je suis en pleine conçeption d'un siteweb, mais j'ai une préoccupation
j'aimerais savoir comment l'on procède pour arrondir les bords d'un tableau....
si vous vous y connaissez en la matière je vous pris de bien vouloir me donné un exemple de code javascript pour personnalisé la barre de menu de mon site , et ci possible veuillez me donné des logiciels qui peuvent m'aider dans ce sens là....................merci d'avance
A voir également:

4 réponses

Reivax962 Messages postés 3672 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
1 déc. 2009 à 12:57
Bonjour,

Le plus simple est d'utiliser des images (en .gif ou .png et pas .jpg pour éviter que ça bave) de coins arrondis, et de bien caler tout ça ensemble...

Sinon, si ton site est destiné à être visualisé sous Firefox uniquement, tu peux utiliser le style spécifique -moz-border-radius

Xavier
1
avec les nouvelles versions des navigateurs, la propriété border-radius est accepté (sauf Internet Explorer malheureusement).
Cette propriété est en CSS
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
17 nov. 2010 à 21:12
Oui, et IE représente encore 70% des internautes, au moins.
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
16 nov. 2010 à 19:29
Possible de le faire avec une image...
0
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
16 nov. 2010 à 21:04
www.the-art-of-web.com/css/border-radius/
border-radius.com/

Tu déclares trois attributs : border-radius, -moz-border-radius et -webkit-border-radius (le lien te donnera les variations pour pouvoir affecter tous les coins individuellement).

En attendant le CSS3, ça devrait marcher sur tous les navigateurs.
Prends note cependant que ça risque de causer des problèmes si tu mets un background, et spécialement si ledit background est une image.
0