codes qui s'affichent pas sous différents navigateurs

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu codes qui s'affichent pas sous différents navigateurs

Message par marjo0280 le Lun 28 Nov 2011 - 14:22

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 Sad 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


Dernière édition par marjo0280 le Mer 30 Nov 2011 - 0:46, édité 1 fois

marjo0280
***

Messages : 114
Inscrit(e) le : 22/08/2010

http://howimetthebigbang.azurforum.com/
marjo0280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: codes qui s'affichent pas sous différents navigateurs

Message par Lixyr le Lun 28 Nov 2011 - 15:55

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.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: codes qui s'affichent pas sous différents navigateurs

Message par marjo0280 le Lun 28 Nov 2011 - 18:07

Lixyr Yrna a écrit: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.

marjo0280
***

Messages : 114
Inscrit(e) le : 22/08/2010

http://howimetthebigbang.azurforum.com/
marjo0280 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: codes qui s'affichent pas sous différents navigateurs

Message par Lixyr le Lun 28 Nov 2011 - 22:25

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. Evil or Very Mad

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

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: codes qui s'affichent pas sous différents navigateurs

Message par marjo0280 le Mar 29 Nov 2011 - 13:10

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

marjo0280
***

Messages : 114
Inscrit(e) le : 22/08/2010

http://howimetthebigbang.azurforum.com/
marjo0280 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum