PapyClic - Design

PapyClic - Design

texte des liens de la barre de naviguation

0 appréciations
Hors-ligne
Bonsoir, est-il possible de descendre le texte des liens uniquement (a et a:hover) pour qu'ils s'intègrent bien à mon image (qui est un cadre) ?
Si oui, comment ?
(http://millicook-blog-test.blog4ever.com/)
Je voudrais également centrer l'ensemble des éléments mais je n'y arrive pas .... les textes se décalent automatiquement et se retrouve hors image)

Dernière modification le jeudi 26 Mars 2015 à 22:50:10

67 appréciations
Hors-ligne

J'ai fait le test, il faut mettre une marge intérieure haute à l'élément li et compenser par une réduction de sa hauteur, car la marge s'ajoute à la hauteur.

height: 50px; /* 70px; */
padding-top: 20px;

Pour moi c'est bon.


0 appréciations
Hors-ligne
Super merci beaucoup
Et pour le "centrage" du bloc liste ?

67 appréciations
Hors-ligne
...
Pour centrer le bloc liste, il faut calculer la largeur du bloc, mettre dans la règle :

width :  largeurdubloc;

pour que le marges automatiques fonctionnent.
                .diz-barre-naviguation ul{
                 margin-left : auto;
                margin-right : auto;
                }

Mais attention après il y a le formulaire de recherche qui se met à droite de la barre.




0 appréciations
Hors-ligne
Sur le "vrai" blog, j'ai enlevé le formulaire de recherche. Donc, si je l'enlève ici aussi la barre se centrera toute seule étant donné que j'ai déjà mis
.diz-barre-naviguation ul{
             margin-left : auto;
             margin-right : auto;
             } 

si j'ai bien compris ,

grrrrr, , ça n'a pas marché

Dernière modification le vendredi 27 Mars 2015 à 00:06:22

67 appréciations
Hors-ligne
...
Les marges seront prise en compte que si le bloc liste ul a une largeur, exemple :


             .diz-barre-naviguation ul{
             width: 800px;
             margin-left : auto;
             margin-right : auto;
             } 


0 appréciations
Hors-ligne
Oui, j'ai mis 816px mais toujours rien (j'ai même monté à 2016 pour voir et ça n'a rien changé).

Peut-être ai-je fait une erreur quelque part ?

67 appréciations
Hors-ligne
...
J'ai  mis en commentaire la règle pour le bloc ul et j'ai ajouté une marge intérieure gauche à la règle .diz-barre-navigation.

padding-left: 75px;

Je pense que c'est bon.

Vu l'heure à demain

0 appréciations
Hors-ligne
merci beaucoup, la barre est enfin centrée ^^
C'est bizarre qu'elle n'est pas voulue se centrer avec le code habituelle ... ça n'arrive qu'à moi ces choses là mdr

67 appréciations
Hors-ligne
Je me replongerai sur ce problème quand j'aurai un peu de temps.
L'essentiel est qu'il soit résolu d'une autre façon.

Bonne continuation


0 appréciations
Hors-ligne
Aucun soucis :b2:encore

Répondre
Pseudo :
Adresse e-mail:


Se souvenir de mes infos ( pseudo et e-mail ) :
Cochez la case ci-contre :

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 159 autres membres