Clecle57400
{ Membre }
Messages : 61
| Bonjour. J'ai un problème, j'ai fait un tableau en Javascript en lui donnant des bords arrondi. Je navigue sur la dernière version de Mozilla Firefox, et je vois les bords arrondi. Or, j'ai une amie qui navigue sur Google Chrome, mais elle n'aperçoit pas les bords arrondi, mais malheureusement, je ne comprend pas pourquoi elle ne voit pas car j'ai mis le code pour que sur tous les navigateur, apparaissent les bords arrondi. Voici mon code CSS : - Code:
-
.TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ -moz-border-radius-topright : 10px; -moz-border-radius-topleft : 10px; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; }
.TabbedPanelsTabGroup { margin: 0px; padding: 0px; -moz-border-radius-topright : 10px; -moz-border-radius-topleft : 10px; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; }
.TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: bold 0.7em sans-serif; background-color: rgb(145, 131, 128); list-style: none; border-left: solid 1px rgb(145, 131, 128); border-bottom: solid 1px rgb(145, 131, 128); border-top: solid 1px rgb(145, 131, 128); border-right: solid 1px rgb(145, 131, 128); -moz-user-select: none; -khtml-user-select: none; cursor: pointer; -moz-border-radius-topright : 10px; -moz-border-radius-topleft : 10px; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px;
}
.TabbedPanelsTabHover { background-image: url('http://zupimages.net/up/2123960366.png'); -moz-border-radius-topright : 10px; -moz-border-radius-topleft : 10px; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; }
.TabbedPanelsTabSelected { background-color: rgb(145, 131, 128); border-bottom: 1px solid rgb(145, 131, 128); -moz-border-radius-topright : 10px; -moz-border-radius-topleft : 10px; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; }
.TabbedPanelsTab a { color: black; text-decoration: none; -moz-border-radius-topright : 10px; -moz-border-radius-topleft : 10px; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; }
.TabbedPanelsContentGroup { clear: both; border-left: solid 1px rgb(145, 131, 128); border-bottom: solid 1px rgb(145, 131, 128); border-top: solid 1px rgb(145, 131, 128); border-right: solid 1px rgb(145, 131, 128); background-color: rgb(145, 131, 128); -webkit-border-radius-bottomleft :10px; -webkit-border-radius-bottomright :10px; -webkit-border-radius-topright :10px; -moz-border-radius-bottomleft :10px; -moz-border-radius-bottomright :10px; -moz-border-radius-topright :10px; }
.TabbedPanelsContent { padding: 4px; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; -moz-border-radius-topright :10px; -moz-border-radius-topleft :10px; }
.TabbedPanelsContentVisible { -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; -moz-border-radius-topright :10px; -moz-border-radius-topleft :10px; }
.VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: rgb(145, 131, 128); position: relative; border-top: solid 1px rgb(145, 131, 128); border-right: solid 1px rgb(145, 131, 128); border-left: solid 1px rgb(145, 131, 128); border-bottom: solid 1px rgb(145, 131, 128); -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; -moz-border-radius-topright :10px; -moz-border-radius-topleft :10px; }
.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; -moz-border-radius-topright :10px; -moz-border-radius-topleft :10px; }
.VTabbedPanels .TabbedPanelsTabSelected { background-color: rgb(145, 131, 128); border-bottom: solid 1px rgb(145, 131, 128); -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; -moz-border-radius-topright :10px; -moz-border-radius-topleft :10px; }
.VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; -webkit-border-radius-topright :10px; -webkit-border-radius-topleft :10px; -moz-border-radius-topright :10px; -moz-border-radius-topleft :10px; } Et au-cas-où, mon forum de test : http://test-clem57-css.monally.com/ Merci d'avance. | | |
|
missx
{ Membre }
Messages : 14
| salut - Citation :
- j'ai mis le code pour que sur tous les navigateur, apparaissent les bords arrondi.
tous sauf Internet explorer et quelques autres moins utilisé moz : pour mozilla ( firefox) webkit : pour safari ( opera) rien pour Ie qui est toujours en retard ! peut-être que IE 25 le prendra en charge. A+ | | |
|
Clecle57400
{ Membre }
Messages : 61
| J'ai vu sur ce site il me semble que ce code marche pour IE et Google Chrome...:/ | | |
|
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Ils n'y a aucun arrondi qui marche avec IE. IE9 devrait accepter le CSS3, donc les arrondis devraient marcher avec IE9. De plus il te manque le code pour Opera, qui est - Code:
-
border-radius Mais c'est vrai ça, j'ai noté que quand on ajoute par exemple -topright après n'importe lequel code d'arrondis sauf -moz-border-radius, ça ne marche pas. Quelqu'un a une idée? | | |
|
VPeybernes
{ Membre actif }
Messages : 563
| - Ikø' a écrit:
- Ils n'y a aucun arrondi qui marche avec IE. IE9 devrait accepter le CSS3, donc les arrondis devraient marcher avec IE9.
De plus il te manque le code pour Opera, qui est - Code:
-
border-radius Mais c'est vrai ça, j'ai noté que quand on ajoute par exemple -topright après n'importe lequel code d'arrondis sauf -moz-border-radius, ça ne marche pas. Quelqu'un a une idée? border-radius est la notation CSS3. Et c'est désormé celle qui est implémenté sur Chrome. Ton amie a certainement la dernière version du navigateur. Seul moz utilise topright. Pour les autre c'est top-right il me semble. Et je crois même que c'est border-top-right-radius. Je n'utilise pas cette syntaxe. La notation la plus stable et la plus pratique pour différencier les coin est celle-ci : border-radius : #px #px #px #px ; Définissant le diamètre de chaque coin en tournant dans le sens des aiguille d'une montre, et en partant du coin top-left | | |
|
Clecle57400
{ Membre }
Messages : 61
| Merci Et pour Opéra, ça existe un code ? Parce que Webkit ne marche pas :/ | | |
|
VPeybernes
{ Membre actif }
Messages : 563
| Opéra est aux normes CSS3 C'est donc border-radius, comme chrome. | | |
|
Clecle57400
{ Membre }
Messages : 61
| Mais chez une amie ça ne marche pas ( elle a Opera ), mais ça marche sur Google Chrome. | | |
|
.Little Lady
{ Membre actif }
Messages : 564
| Bonjour,
Votre problème est-il résolu ? | | |
|
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
| | |
|