Problème arrondissement des onglet d'un tableau de JavaScript Bouton_activeProblème arrondissement des onglet d'un tableau de JavaScript Bouton_hoverProblème arrondissement des onglet d'un tableau de JavaScript Fb-hoverProblème arrondissement des onglet d'un tableau de JavaScript Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème arrondissement des onglet d'un tableau de JavaScript EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème arrondissement des onglet d'un tableau de JavaScript EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème arrondissement des onglet d'un tableau de JavaScript EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème arrondissement des onglet d'un tableau de JavaScript EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème arrondissement des onglet d'un tableau de JavaScript EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème arrondissement des onglet d'un tableau de JavaScript EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème arrondissement des onglet d'un tableau de JavaScript EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème arrondissement des onglet d'un tableau de JavaScript EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.99 €

Partagez
 

Problème arrondissement des onglet d'un tableau de JavaScript

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://wegossip.1fr1.net
Clecle57400
Clecle57400
{ Membre }
{ Membre }

Féminin Messages : 61



Problème arrondissement des onglet d'un tableau de JavaScript Empty
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.
MessageSujet: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyMer 16 Juin 2010, 14:45
Revenir en haut Aller en bas
http://www.astuforum.com/index.htm
missx
{ Membre }
{ Membre }

Féminin Messages : 14



Problème arrondissement des onglet d'un tableau de JavaScript Empty
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+
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyMer 16 Juin 2010, 15:02
Revenir en haut Aller en bas
http://wegossip.1fr1.net
Clecle57400
Clecle57400
{ Membre }
{ Membre }

Féminin Messages : 61



Problème arrondissement des onglet d'un tableau de JavaScript Empty
J'ai vu sur ce site il me semble que ce code marche pour IE et Google Chrome...:/
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyMer 16 Juin 2010, 16:33
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Problème arrondissement des onglet d'un tableau de JavaScript Empty
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?
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyMer 16 Juin 2010, 16:49
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Problème arrondissement des onglet d'un tableau de JavaScript Empty
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
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyMer 16 Juin 2010, 20:26
Revenir en haut Aller en bas
http://wegossip.1fr1.net
Clecle57400
Clecle57400
{ Membre }
{ Membre }

Féminin Messages : 61



Problème arrondissement des onglet d'un tableau de JavaScript Empty
Merci Smile
Et pour Opéra, ça existe un code ?
Parce que Webkit ne marche pas :/
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyJeu 17 Juin 2010, 15:04
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Problème arrondissement des onglet d'un tableau de JavaScript Empty
Opéra est aux normes CSS3
C'est donc border-radius, comme chrome.
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyVen 18 Juin 2010, 10:07
Revenir en haut Aller en bas
http://wegossip.1fr1.net
Clecle57400
Clecle57400
{ Membre }
{ Membre }

Féminin Messages : 61



Problème arrondissement des onglet d'un tableau de JavaScript Empty
Mais chez une amie ça ne marche pas ( elle a Opera ), mais ça marche sur Google Chrome.
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyDim 20 Juin 2010, 10:24
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Problème arrondissement des onglet d'un tableau de JavaScript Empty
Bonjour,

Votre problème est-il résolu ?
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyVen 25 Juin 2010, 09:27
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Problème arrondissement des onglet d'un tableau de JavaScript Empty
    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.
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript EmptyJeu 01 Juil 2010, 17:00
Revenir en haut Aller en bas
Contenu sponsorisé




Problème arrondissement des onglet d'un tableau de JavaScript Empty
MessageSujet: Re: Problème arrondissement des onglet d'un tableau de JavaScript   Problème arrondissement des onglet d'un tableau de JavaScript Empty
Revenir en haut Aller en bas
 

Problème arrondissement des onglet d'un tableau de JavaScript

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème d'arrondissement des coins du profil...
» onglet tableau PA
» Tableau avec onglet
» QEEL en tableau et catégories en onglet
» Problème Javascript

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit