| Problème de font-size rebelle | |
|
Arnoa
{ Membre }
Messages : 19
| Bonjour ! Je viens quémander votre aide, étant en plein codage de mon nouveau forum. J'ai voulu ajouter des effets aux titres de catégories ainsi que faire un qui est en ligne personnalisé tout ce qu'il y a de plus "classique" mais un problème survient au moment de choisir la taille de texte. En effet, malgré mes efforts -désespérés certes- je n'arrive pas à dompter le font-size pour obtenir l'effet que je souhaite. Pour ce qui est des catégories, il ne se passe tout simplement rien. Pour les liens du QEEL, par contre, dès que j'augmente la taille de la police, les liens s'espacent les uns des autres comment ils le feraient avec un padding... Voici les capture d'écran des deux problèmes en question : Qui est en ligneCatégoriesAinsi que les CSS correspondant : - Code:
-
/*QEEL*/ .groupes{ font-size: 30px!important ; letter-spacing : -1px ; font-family: Georgia; font-style: italic; padding-left: 10px; text-shadow: #f7f6f4 2px 2px 1px; text-decoration: none; text-transform : lowercase!important ; font-variant: normal!important ;}
/*CATEGORIES*/ .catégoz { text-align : center ; position : relative ; top : 30px ; font-variant: small-caps ; letter-spacing : -1px ; font-family: Verdana; font-style: italic; } Je ne sais pas s'il est utile ou non de donner tout le CSS du forum, mais le voici tout de même au cas où -et oui, je sais, c'est un bordel sans nom, je comptais remettre le tout en place cet après-midi- - Spoiler:
- Code:
-
/*CORPS DU FORUM*/ .bodyline { border-left:15px #a62c21 solid; border-right:15px #a62c21 solid; padding-top: 10px; padding-right: 10px; padding-left: 10px;}
.bodylinewidth { margin: -10px auto -30px auto; }
/*TITRES FORUMS*/ a.forumlink { text-transform : lowercase!important ; font-variant: normal!important ; font-size: 20px ; letter-spacing : -1px ; font-family: Georgia; font-style: italic; padding-left: 10px; text-shadow: #f7f6f4 2px 2px 1px;}
/*BARRE DE NAVIGATION*/ a.mainmenu { text-transform : lowercase!important ; font-variant : normal!important ; font-size: 17px ; font-weight : bold ; letter-spacing : -1px ; font-family: Georgia; font-style: italic; padding-left: 10px; text-shadow: #f7f6f4 2px 2px 1px; margin: -7px; }
.mainmenu img {display: none;}
/*LIENS*/ a:link {text-decoration: none!important;} a:visited {text-decoration: none!important;} a:hover {text-decoration: none!important;} a:active {text-decoration: none!important;} a{outline: none;}
/*DERNIERE EDITION*/ tr.post span.gensmall { display: none; }
/*TEXTE JUSTIFIE BLOCKQUOTE*/ .postbody {padding-left: 25px; padding-right: 25px; text-align:justify; }
/*CATEGORIES*/ .catégoz { text-align : center ; position : relative ; top : 30px ; font-variant: small-caps ; letter-spacing : -1px ; font-family: Verdana; font-style: italic; }
/*QEEL*/ .statistiques { border:0px; background-image: url("http://img47.xooimage.com/files/9/b/d/qeel-ttr-20537bc.png"); background-repeat: no-repeat; background-position: center; height: 450px; width: 800px;}
.groupes{ font-size: 30px!important ; letter-spacing : -1px ; font-family: Georgia; font-style: italic; padding-left: 10px; text-shadow: #f7f6f4 2px 2px 1px; text-decoration: none; text-transform : lowercase!important ; font-variant: normal!important ;}
.qeel .row1{ background:none; text-align: justify;}
/*CONTOURS ARRONDIS*/ .forumline{ -moz-border-radius:10px; -webkit-border-radius:10px; border: #af3523 5px solid; }
/*FEUILLE PERSO*/ .postdetails.poster-profile textarea { width: 100%;}
/*TITRES FORUMS*/ a.forumlink { text-transform : lowercase ; font-size: 20px ; letter-spacing : -1px ; font-family: Georgia; font-style: italic; padding-left: 10px; text-shadow: #f7f6f4 2px 2px 1px;}
/*PROFIL*/ .pseudo { text-transform : lowercase!important ; font-variant: normal!important ; font-size: 20px!important ; letter-spacing : -1px ; font-family: Georgia!important; font-style: italic; text-shadow: #f7f6f4 2px 2px 1px; line-height: 80%; }
.fondavatar { background-color : #d9b97e ; border: #a62c21 solid 3px; -moz-border-radius: 15px; padding: 5px; text-align: center; width: 200px; }
.fondprofil { background-color : #d9b97e ; border: #a62c21 solid 3px; -moz-border-radius: 15px; padding: 5px; text-align: left; width: 200px; }
textarea { background-color:#d9b97e ; border : 2px solid #a62c21 ; -moz-border-radius: 8px 8px 8px 8px; }
/*LISTE AVATARS*/ .cadreava { border: 2px solid #a62c21; -moz-border-radius:10px; -webkit-border-radius:10px;}
.titreava { font-size: 14px; line-height: normal; color: #a62c21; }
/*FICHE DE PRESENTATION*/ .bannpreso { background-color:#d9b97e ; border : 2px solid #a62c21 ; -moz-border-radius: 8px 8px 8px 8px; padding: 10px; }
.nompreso { text-align: center; text-transform : lowercase!important ; font-variant : normal!important ; font-size: 25px ; font-weight : bold ; letter-spacing : -1px ; font-family: Georgia; font-style: italic; text-shadow: #f7f6f4 2px 2px 1px; }
.titrepreso { text-transform : lowercase!important ; font-variant : normal!important ; font-size: 17px ; padding-left: 20px; font-weight : bold ; letter-spacing : -1px ; font-family: Georgia; font-style: italic; text-shadow: #f7f6f4 2px 2px 1px; }
.divfiche { border-bottom : 5px dotted #d9b97e ; padding-left: 30px; padding-right: 30px; }
Merci d'avance pour votre aide que je sais précieuse à chaque fois ! | | |
|
| |
Lylinee
{ Membre }
Messages : 98
| Je ne comprends pas trop ton problème pour les catégories. (on va mettre cela sur le compte de la fatigue). Tu voudrais que lorsqu'on passe la souris dessus, le texte soit plus grand ? | | |
|
| |
Arnoa
{ Membre }
Messages : 19
| Non, qu'il soit tout simplement plus grand, avec ou sans passage de souris. Mais je n'arrive pas à agrandir le texte, là est le problème. | | |
|
| |
Lylinee
{ Membre }
Messages : 98
| Ok, alors as-tu essayé de rajouter font-size dans ton code ? Je te l'ai mis à suivre, tu peux modifié la taille font-size. - Code:
-
/*CATEGORIES*/ .catégoz { text-align : center ; position : relative ; top : 30px ; font-variant: small-caps ; letter-spacing : -1px ; font-family: Verdana; font-style: italic; font-size: 20px } | | |
|
| |
Arnoa
{ Membre }
Messages : 19
| Là est justement mon problème, le font-size n'a aucun effet sur les balises, j'avais donc fini par l'enlever de mon css pour cette partie là du code... | | |
|
| |
Lylinee
{ Membre }
Messages : 98
| Désoler, je n'arrive pas à trouver la solution. Je vais tout de même continué à chercher au cas ou. | | |
|
| |
eckinox
{ Membre }
Messages : 195
| Bonjour,
à la place d'utiliser des pixel pour la taille de ton texte, utilise plutot la valeur em...
1em = taille 100% du navigateur 1.1em = taille 110%
Ce que te permet d'augmenter la taille plus facilement et plus proprement.
Ensuite, essaye de mettre ceci dans ton css [code]* {font-size: 1.1em; /*taille que tu peux modifier*/}
Le fait d'appliquer le style sur *, signifie que tu applique cette propriété sur tout le forum quelque sois la balise. [donc petit conseil, enlève les font-size de tes autres propriétés ^^]
Bonne journée | | |
|
| |
Arnoa
{ Membre }
Messages : 19
| J'ai essayé et ça n'a aucun effet également... Je commence vraiment à désespéré ! xD Par contre, pour la seconde idée que tu donnes, le problème est que les tailles de textes varient pas mal selon les "zones", et j'aimerais que cela reste ainsi, donc je ne pense pas que cela ira.
J'ai réussi à résoudre le problème dans le qui est en ligne, mais je bloque toujours autant sur mes titres de catégorie... | | |
|
| |
iowan
{ Membre actif }
Messages : 304
| donne nous le lien de ton forum svp | | |
|
| |
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône en éditant votre 1er post.
| | |
|
| |
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.
| | |
|
| |
Contenu sponsorisé
| |
| |
| Problème de font-size rebelle | |
|