Sujets similaires

Sujet: Problème d'affichage ? Ven 30 Nov 2012, 16:55

Bonjour à tous ! J'ai installer sur mon forum, un code CSS qui veut que tout les coins sont arrondis, tant ceux de la bordure du forum que les coins des bordures des forums, bref sur tout le forum.

Pourtant, chaque fois que j'enregistre et actualise ma page qui me permet de voir les modifications (j'ouvre une page pour administrer l'apparence du forum et une autre sur la page principal du forum que j'actualise à chaque modification de code que je fais, pour me permettre de voir le résultat), il n'y a rien qui change, les bordures ne sont pas arrondis et qu'importe le code que je met, elle ne change pas et les coins restent droits. Ça m'agace un peu parce bien, d'habitude je n'ai aucun problèmes avec ce code et que....avec les couleurs, j'ai un peu l'impression que quand je me connecte, je suis sur une vieille version de windows...genre windows 99' et j'aimerais bien savoir pourquoi est-ce-que ça me fait ça.

Sur mon autre forum, j'utilise ce même code et ça ne me le fait pas.

Donc, j'aimerais savoir si il y a quelque chose que je ne fais pas comme il le faut dans mon code où c'est parce qu'il y a quelque chose dans les templates du forum qui m'empêche de faire cette modification.

Merci d'avance ~

Sujet: Re: Problème d'affichage ? Ven 30 Nov 2012, 19:15

Bonsoir.

Il nous serait utile d'avoir ton CSS et le lien de ton forum pour nous rendre compte du problème en live.

Voici le lien :http://www.talesofasgard.superforum.fr

Voilà le css :

Code:: a
{
text-decoration: none;
}

a {
font-variant: small-caps;
}

body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}

.pointille{
border-bottom: 3px dotted #ff0000;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;

}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}

.navig {
position: absolute;
top: 0px;
width: 100%;
background-color: #000000;
border-bottom: 2px solid #363E54;
-moz-border-radius: 40px;
-webkit-border-radius: 40px
}

a.mainmenu {
margin: 5px;
font-family: Georgia;
font-size: 11px;
}

table.bodylinewidth
{
position: relative;
bottom: -60px;
}

.bodyline {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
}
.forumline{-moz-border-radius:6px;}

body {background-repeat: no-repeat;}

Body { background-attachment: scroll; background-repeat: no-repeat; background-position: top center;}

a.forumlink{
border-bottom: 3px double #49557D;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;

}
a.forumlink:hover{
border-bottom: 3px double #49557D;
font-family:font; verdana
padding-right:20px;
color:#couleurtext;
font-size: px;
display:block;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}

a.forumlink {
text-transform: uppercase;
font-size: 12px;
color: ;
font-family: 'verdana';
}
.nomdelaclasse {
text-align: justify;
}
.nom_du_div {
border: 4px solid #5F6C6F;
}
.forumline {
text-align: justify;
}
a {font-variant: small-caps;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

a.forumlink {
text-shadow: #000000 1px 1px 1px;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
.titre2 { text-transform: lowercase;
letter-spacing: -3px;
font-family: times new roman;
font-style: italic;
text-align: center;
font-size: 50px;
color: #373C49;
}

.arthur {
height: 140px;
border: 3px solid #373C49; /* couleur des bords */

display: block;
padding-left: 10px;
padding-right: 10px;
text-align:justify;
line-height: 12px;
background-color: #C0C3C6; /* couleur du fond */
}

Bonjour Baby !

En fait, je vois que tu as une fantastique erreur fatale dès le début de ton CSS. Je ne sais pas si ça va résoudre ton problème, mais je suis persuadé que ça fait planter tout le reste.
En effet, petit problème à la ligne 15 :

Code:: 13 .pointille{
14 border-bottom: 3px dotted #ff0000;
15 font-family:font; verdana
16 padding-right:20px;
17 color:#couleurtext;
18 font-size: px;
19 display:block;
20
21 }

Ce font; verdana devrait plutôt être un verdana; je crois (au minimum).
De même, ligne 17, c'est bien de recopier directement les codes trouvés à droite à gauche mais malheureusement #couleurtext; ne risque pas de te donner des résultats fulgurant si tu ne définit pas une véritable couleur Wink

Puis rebelotte ligne 18, il faut préciser une hauteur en pixels pour ton font-size, pas laisser un px; vide !

D'ailleurs, en cherchant plus loin, tu as le même problème plus bas avec le même code (lignes 80, 82 et 83) :

Code:: 78 a.forumlink:hover{
79 border-bottom: 3px double #49557D;
80 font-family:font; verdana
81 padding-right:20px;
82 color:#couleurtext;
83 font-size: px;
84 display:block;
85 }

En corrigeant toutes ces erreurs de parsing, ça devrait déjà te donner un meilleur résultat (voire résoudre ton problème, je m'y suis pas encore penché Smile

).

Ha....d'accord, je ne les avais pas vu. Parce qu'en fait, le CSS venait avec le thème quand je l'ai installer...du coup, je n'ai pas trop porter attention à ses petites erreurs.

Merci ! Ça va sans doute m'aider à y voir plus clair.

Du coup est-ce-que ça résout ton problème après correction ?

Malheureusement non. J'ai beau essayer tout les codes pour mettre les coins en arrondis en utilisant le fameux radius et chaque fois... Bien ça ne marche pas. J'ai fais quelques tests hier et j'ai remarqué que si je met la bordure en solid ou autre chose, bien on voit la bordure et qu'elle prend la forme que je veux, mais dès que je la met sous Radius, elle s'efface.
Puis, voici un autre problème qui s'ajoute. Je ne sais pas pourquoi ça fait ça, mais avant quand je passais mon curseur sur les titres des forums, ceux ci ne faisait que changer de couleurs et maintenant, ils disparaissent et la ligne sous le titre montre comme si elle effaçait le titre et prennait sa place. Du coup, quand j'essaye de cliquer sur le titre, bien, ça me prend plusieurs fois vu que la ligne ne reste pas fixe.

Je crois que je vais peut être aller voir pour changer le thème de base de Hitskin que j'utilise. Je crois que le problème vient sans doute de là.

Oh ben ça va être assez simple à trouver d'où vient la faille, est-ce-que tu pourrais me redonner ton CSS actuel (en fait redonne-le à chaque fois que tu fais une modification/correction, c'est plus simple).

En tout cas je peux t'assurer qu'il y a très peu de chance que le problème vienne du thème de base. Je pense que le problème vient de ton CSS personnalisé et je crains que changer de thème ne résolve pas le soucis si ton CSS reste identique Wink

Bonjour,

Le problème semble évident...

Code:: .forumline{-moz-border-radius:6px;}

Firefox dans sa version actuelle ne supporte plus les -moz- vu que la propriété border-radius suffit amplement.

En d'autres termes, partout où tu fais tes coins arrondis, tu dois utiliser TOUTES les propriétés, une par type de navigateur :
-moz-border-radius pour Firefox 3.6 et moins
-webkit-border-radius pour Chrome et Safari
border-radius tout court pour les navigateurs récents.

Ce qui dans l'exemple que j'ai pris correspond à

Code:: .forumline{-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

Pour les top-left et compagnie, une rapide recherche internet devrait suffire Wink

ah d'accord, Je n'étais pas encore au courant de ce changement.
Sinon, nous avons changer le thème hier et j'ai remarquer un problème qui m'est déjà arrivé par le passé quand j'ai essayé de modifier les catégories, mais cette fois je n'ai même pas encore touché à ces structures, donc je ne comprend pas trop pourquoi ce problème survient.
Je vous explique : Sur le forum, la première rangée des tableaux, donc celles où on voit les icônes pas de nouveaux messages, nouveaux messages et verrouiller, bien, la première rangée est plus large, la seconde est plus petite et les autres sont tous plus larges. Pourquoi ça fait ça ? J'ai beau regarder dans mes templates, je ne rappelle pas avoir touché à la structure et je ne pense pas que ça fasse partie des codes qui venait avec le thème quand je l'ai installé.

Donc, merci encore de répondre à mes petites interrogations.
Baby~

edit : j'ajoute aussi un truc à ce problème qui pourrait sans doute ressembler à un bug quelconque. Ce ne sont pas tout les icônes pas de nouveaux messages qui s'affiche. En effet, ceux vers la fin du forum ne s'affiche pas et gardent l'aspect qu'ils avaient au départ, avant que je fasse les modifications.
Actuellement, j'essaie de comprendre pourquoi est ce que ça fait ça. Je crois que c'est sans aucune doute un bug, je vais réinstaller le thème ce soir et voir si il y a une façon de résoudre ce problème.

Baby~

Hello Baby !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Merci d'avance de ta réponse Wink

Bonsoir !

Toujours pas de nouvelles malgré la relance de Pamina. J'imagine donc que le problème est abandonné ou résolu.

Bonne soirée,

Problème d'affichage ?

Problème d'affichage ?

Sujets similaires

Sujets similaires

Partenaires Or