codes qui s'affichent pas sous différents navigateurs

[marjo0280]

Bonjour,

j'ai un soucis j'ai les onglets de mes catégories qui sont arrondis que je ne voit pas sous safari, chrome et internet explorer mais qui se voit parfaitement sous firefox. j'ai essayer de cliquer sur "optimiser le css" ou de le faire à la main. ça ne marche pas :s pouvez vous m'aider ? c'est urgent svp.

voici mon css :

Code:

u{
  border-color: #F1EEE5;
  text-decoration: none;
  }

    I{
  border-bottom:none;
  color: #F1EEE5;
  text-decoration: none;
    }

    a.forumlink{
    background-color: #8FDCE0;
    border-bottom: 2px double #34818A;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: center;
    color: #EB6207;
    font-style:bold;
    text-transform: capitalize;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    letter-spacing: 3px;
  background-color: #D6EFF0;
    display: block;
    text-align: center;
    color: #000000
    border-left: 9px solid #D6EFF0;
    border-right: 9px solid #D6EFF0;
    border-bottom:5px double #D6EFF0;
    font-style: bold;
    text-transform: uppercase;
  }

    a{
    text-decoration: none !important;
    font-variant: small-caps;
    }
 
    a:hover {
  text-transform:uppercase;
  text-decoration: none !important;
  }

    .bodylinewidth {
    width:70%;
  }

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #666e70;
    line-height: 125%;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
  }

    .code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #666e70;
    background-color: #1f1f1f;
    border: 1px solid #c4bfb5;
}

   

    a.forumline{
    background-color: #ffffff;
    border: 5px solid #ffffff;
    }

    body {background-repeat: no-repeat;
      background-position: none;
    }
    .mainmenu img {display: none;}

    a.mainmenu{
    text-decoration: none;
    background:#D6EFF0;
    border: 2px solid #D6EFF0;
    color : #34818A;
    }
    a.mainmenu:hover{
    text-decoration: none;
    color : #34818A;
    }
    a.mainmenu:link, a.mainmenu:visited{
    background-color: #D6EFF0;
    border-left: 9px solid #D6EFF0;
    border-right: 6px solid #D6EFF0;
    border: 1px double #D6EFF0;
    }

    .milieu {
    width: 90%;
    margin: 0px;
    border: 1px solid #eeeeee;
  padding: 5px;
  background-color:#e2e1d7}

    .statistiques {
    border:0px;
    background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes
    {
    background-color:#34818A; /* FOND DES NOMS DE GROUPES */
    border: 1px #34818A double;
    -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
    height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }


    /*PAGE D'ACCUEIL*/

    .bulle1{
    width: 210px;
height: 170px;
border: 1px #B7EEF0 solid ;
background:#8FDCE0;
padding:5px;
    }

    .bulle2{
width: 400px;
height: 150px;
border: 1px #B7EEF0 solid ;
background:#8FDCE0;
padding:5px;
    }

    .bullelien{
    border: 1px #B7EEF0 solid ;
  background:#8FDCE0;
  padding:5px;
  }

    .titrebulle{
    letter-spacing: -3px;
    color:#34818A;
    font-family: georgia;
    font-size:30px;
    text-shadow: #000000 0px 1px 2px;
    padding-left:15px;
 }

    .petitebarre{
    color:#34818A;
    background:#34818A;
}

    .partbull{
    background:#34818A;
    width: 44px;
    height: 44px;
}

    .partbull:hover{
    background:#D6EFF0;
    width: 44px;
    height: 44px;
}

a.postlink{
color: #34818A !important;
}

a.lien1{
color: #34818A !important;
}

.hauteur {
margin-top: -6px;
}

.floatleft /*IMAGE DESCRIPTION*/
{
float: left;
}

/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B7EEF0;
border-right: 10px solid #B7EEF0;
border-left: 10px solid #B7EEF0;
background-color: #B7EEF0;
color: #FFF;
-moz-border-radius-topleft: 60px; -webkit-border-radius-topleft: 60px; border-radius-topleft: 60px;
-moz-border-radius-topright: 60px; -webkit-border-radius-topleft: 60px; border-radius-topleft: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */

et je sais pas si c'est possible aussi d'optimiser le "header" ? car certain ne le voit pas entier et chez d'autre leurs écrans est trop grand donc le header ne prend pas tout l'écran :s

[Lixyr]

Bonjour.

Vous avez plusieurs variantes pour les arrondis, afin qu'ils soient visibles sous différents navigateurs. Mais sous Internet explorer, aucune variante n'existe. (enfin ça se pourrait bien mais c'est bien trop compliqué).

-webkit-border-radius:20px;
=> pour Safari (et normalement Chrome mais les arrondis ne s'affichent pas toujours correctement ^^")

-moz-border-radius:20px;
=> pour firefox mozilla

border-radius:20px;
=> code de base

-o-border-radius:20px;
=> opera


Cordialement.

[marjo0280]

Bonjour.

Vous avez plusieurs variantes pour les arrondis, afin qu'ils soient visibles sous différents navigateurs. Mais sous Internet explorer, aucune variante n'existe. (enfin ça se pourrait bien mais c'est bien trop compliqué).

-webkit-border-radius:20px;
=> pour Safari (et normalement Chrome mais les arrondis ne s'affichent pas toujours correctement ^^")

-moz-border-radius:20px;
=> pour firefox mozilla

border-radius:20px;
=> code de base

-o-border-radius:20px;
=> opera


Cordialement.

j'ai déjà fait ça comme vous pouvez le voir dans mon codes. mais ça ne marche pas quand même.

[Lixyr]

Ah oui, en effet. Je devrais télécharger Safari, pour voir un peu ce que ça donne. u_u
Mais les codes sont ainsi fait pour être bien lus, donc normalement, ça devrait être le cas. Quelle idée d'inventer des dizaines de navigateurs.

Hum... du coup j'ai donné ma réponse. Je ne sais pas quoi dire d'autre.

[marjo0280]

merci d'avoir essayer ! j'éspère que quelqu'un sera comment faire :s