CSS pour couleur police + centrage

Résolu/Fermé
azur38 Messages postés 9 Date d'inscription samedi 24 décembre 2011 Statut Membre Dernière intervention 3 avril 2012 - Modifié par azur38 le 10/03/2012 à 15:16
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 - 11 mars 2012 à 17:44
Bonjour à tous, je commence tout juste en CSS, je fais en ce moment un blog.
Je l'ai presque fini (je désire un site simple), il me manque plus que le background et ce que je vais demander.

Lien du site: http://gamesonlytest.over-blog.com/

1ère chose, je cherche à décaler légèrement le texte dans le nom des modules ( recherche, articles récents, Newsletter), je ne veux pas le centrer mais le décaler légèrement vers la droite car je le trouve trop "coller" au bord. Je ne trouve le css pour faire cela, seulement pour "centrer, gauche ou droite".

Je cherche aussi, à changer la couleur de la police de "Accueil", et aussi augmenter légèrement la taille de la police de "accueil". J'ai pourtant trouver le css, mais rien n'y fais je dois mal m'y prendre.

Dernière chose, comme vous le voyez (http://gamesonlytest.over-blog.com/ le cadre de "accueil" est couper vers le haut, je pense que cela vient du padding, j'ai changer les valeurs plusieurs fois mais je n'y arrive pas .. Je voudrais alors que le haut du cadre soit comme le bas de ce même cadre "accueil".

Je poste cette ligne, car c'est possible que sa vienne de sa, depuis que je l'ai inscrite, les modules et cadre accueil sont inchangeables : border:1px solid #d1902e; -moz-border-radius: 5px; text-align: left; font-style: bold; }



Merci à vous
A voir également:

3 réponses

Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
11 mars 2012 à 12:36
Salut, pour décaler ton texte tu dois ajouter un padding-left au titre h2 le padding-left correspond à la marge intérieur entre le bord droit de ton cadre et le bord gauche de ton texte:

.box-titre h2 {
    color: #FFFFFF !important;
    font-family: "geneva" !important;
    font-size: 18px !important;
    padding-left: 25px;
}

Pour afficher ton cadre accueil correctement change la valeur du line-height du bloc #menuob (ligne 154) et passe la valeur à 42px au lieu de 27px pour changer la police change les valeurs du font-family et ajoute le nom de ta police d'écriture tous en laissant la police Georgia et ajoute aussi la valeur Serif ce qui correspond à une police par défaut, les noms de tes polices doivent être séparées par une virgule.

font-family: Georgia, Verdana, Arial, Helvetica, Serif;


Pour changer la couleur du texte accueil il te suffit de changer la valeur de color du bloc #menuob a (ligne 164) et pour changer la taille tu dois ajouter un font-size et une valeur par exemple 18px au dessus de 18px tu devras aussi changer la valeur du line-height du bloc #menuob.

font-size: 18px;
2
azur38 Messages postés 9 Date d'inscription samedi 24 décembre 2011 Statut Membre Dernière intervention 3 avril 2012 1
11 mars 2012 à 16:29
Merci à toi j'ai réussi :) Merci et bonne journée !
1
Stéphane18 Messages postés 372 Date d'inscription jeudi 3 mars 2011 Statut Membre Dernière intervention 20 février 2019 132
11 mars 2012 à 17:44
Super, pense à mettre ton sujet en résolu :)
0
azur38 Messages postés 9 Date d'inscription samedi 24 décembre 2011 Statut Membre Dernière intervention 3 avril 2012 1
10 mars 2012 à 19:58
up :)
0