Blog d'aide de Blog4ever

Blog d'aide de Blog4ever
AccueilArchivesAnnée 2013
Affichage embrouillé des statistiques
Aquarella

Chevronné
1127 messages
1677 appréciations
Hors-ligne
0 | | 12 décembre 2013
:bd:
Pour une raison que j'ignore, l'affichage des statistiques (en bas du menu) est tout embrouillé.
Les lignes se chevauchent et sont presque illisibles.
Je ne sais pas si c'est une erreur de manipulation de ma part ou si cela vient de la plateforme.
J'ai le même problème avec mon site test (pour info, car cela n'a pas d'importance)
Pourriez-vous vérifier d'où vient le problème et m'indiquer si je suis en mesure de corriger ce défaut par moi-même ?
Sinon, :b2: d'intervenir car ce n'est pas très joli.

Bonne journée :bye:
Simon

Modérateur
8582 messages
4049 appréciations
Hors-ligne
0 | | 12 décembre 2013
:bd:

Je n'ai rien vu dans le css.

Je préviens @kinglouis@ @Maelranaidh@


Aquarella

Chevronné
1127 messages
1677 appréciations
Hors-ligne
0 | | 12 décembre 2013
:sim:
:b2:
Maelyne

Directrice
733 messages
880 appréciations
Hors-ligne
0 | | 12 décembre 2013
Bonjour,

ça vient de ton CSS. La règle suivante est la source du problème :

#menu ul li
{
width : 200px;
margin-top : 5px;
border-width : 0px;
border-style : double;
border-color : #940F00;
line-height : 0px;
}

A cause du line-height : 0px. Il faut que tu crées une règle spécifique pour le bloc des stats avec un line-height: auto si tu ne peux pas du tout t'en passer pour l'autre règle.

Bonne journée.
Flora Maelyne
Responsable Blog4ever
Développeuse & Graphiste
Aquarella

Chevronné
1127 messages
1677 appréciations
Hors-ligne
0 | | 12 décembre 2013
Maelranaidh !

:b2: pour tes explications.
J'ai carrément supprimé cette ligne qui ne m'était pas utile.
Tout est rentré dans l'ordre
:b2: pour la rapidité de vos réponses.
à toute l'équipe B4E
:pn :n10:

Simon

Modérateur
8582 messages
4049 appréciations
Hors-ligne
0 | | 12 décembre 2013
@ Maelranaidh : super !
Le line-height est enlevé et c'est mieux.

J'ai vu des petits trucs dans le menu. ul li a
le padding-top :30px; est trop fort et 15px va centrer le texte en hauteur.


#menu ul li a
{
background-image : url(https://static.blog4ever.com/2013/01/725863/artfichier_725863_3066694_201311170714112.png);
color : #C29836;
width : 200px;
height : 35px;
padding-top : 15px;
padding-left : 0px;
margin-top : 0px;
font-size : 15pt;
font-family : Trebuchet MS, Arial, Verdana;
border-width : 0px;
border-style : double;
border-color : #A80600;
text-align : center;
display : block;
}
#menu ul li a:hover
{
background-image : url(https://static.blog4ever.com/2013/01/725863/artfichier_725863_3066694_201311170714112.png);
color : #FFFFFF;
padding-top :15px;
padding-right : 0px;
margin-top : 0px;
margin-left : 0px;
font-size : 15pt;
font-family : Verdana, Arial, Trebuchet MS;
border-width : 0px;
border-style : double;
border-color : #8F0909;
text-align : center;
}


Aquarella

Chevronné
1127 messages
1677 appréciations
Hors-ligne
0 | | 12 décembre 2013
:b2: :sim: Je n'avais pas vu que le texte s'était décalé.
J'ai essayé :sim: mais cela coupe mon image qui est de 65px.
J'avais gardé cette formule pour centrer mon texte
(c'est toi qui me l'avais indiquée, alors au printemps) :am:
En fait, la règle précédente avec le line-height permettait d'équilibrer et de garder le centrage du texte.

Je ne vais pas recommencer toutes mes images
Je vais essayer la 2ème solution proposée par Maelranaidh. et je reviens vous donner le résultat.
Aquarella

Chevronné
1127 messages
1677 appréciations
Hors-ligne
0 | | 12 décembre 2013

YESSSSSSSSS !
J'ai trouvé la solution en ne remettant le line-height que dans le menu ul li a et le menu ul li a:hover.
Par contre, je ne l'ai pas mis dans le menu ul li.
Çà marche !
TOut va bien !
Simon

Modérateur
8582 messages
4049 appréciations
Hors-ligne
1 | | 14 décembre 2013
:b1:

Il reste un détail.
L'article "couleur de mon c?ur" se dédouble au survol ( hover )

Il faut mettre la même police c'est à dire >>>trébuchet MS. en premier
et aussi le font-size à 15pt.

#menu ul li a:hover
{
background-image : url(https://static.blog4ever.com/2013/01/725863/artfichier_725863_3066694_201311170714112.png);
color : #FFFFFF;
padding-top : 30px;
padding-right : 0px;
margin-top : 0px;
margin-left : 0px;
font-size : 12pt; /* font-size : 15pt; */
font-family : Verdana, Arial, Trebuchet MS;
border-width : 0px;
border-style : double;
border-color : #8F0909;
text-align : center;
line-height : 0px:
}



Aquarella

Chevronné
1127 messages
1677 appréciations
Hors-ligne
0 | | 14 décembre 2013
:b2: de m'avertir, :sim:
Toutefois, je ne sais pas si j'ai le droit de changer ça maintenant.
Je suis retenue pour le concours et normalement je n'ai plus le droit de changer quoi que ce soit sur la présentation de ma page d'accueil.
Alors, je n'y touche pas tant que je n'aurai pas l'autorisation de le faire.
Cependant, je retiens ta formule. :am:
Un grand :b2:
Simon

Modérateur
8582 messages
4049 appréciations
Hors-ligne
1 | | 14 décembre 2013
:bd:

Oui c'est le concours et on ne doit rien toucher.

Cela concerne un détail technique ( la police du menu au survol )et pas la déco mais c'est plus sage d'attendre.


Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Année 2013.
⨯

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6062 autres membres