PapyClic - Design

PapyClic - Design

Centrer nav a et nav a hover

9 appréciations
Hors-ligne

je suis entrain de faire des essais sur mon blog ==> [lien]
mais impossible de centrer la barre de navigation "accueil" "sommaire".
j'ai mis text-align : center; dans le CSS à nav a et nav a hover mais il le prend pas en compte ?

nav a {
text-align : center;
background: #16A5A2;
padding: 2px 10px;
color: #FFFFFF;
border: 2px ridge #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
nav a:hover {
text-align : center;
color: #000000;
border: 2px groove #101010;
}

Prend ton temps ! Tu sais que j'allume mon PC très peu alors surtout prend ton temps pour me répondre.


67 appréciations
Hors-ligne
Soleilvie,

Le code que tu montres, c'est pour l'alignement du texte dans les boutons, mais pas la liste (nav ul).

Je ne l'ai pas fait dans mon tuto, car en DP2, le formulaire "Recherche" vient se positionner automatiquement à droite, quand on s'inscrit à Google webmasters. Donc ça complique un peu les choses, il faut positionner le formulaire ailleurs !!!

Sinon le système est le même que dans DP1, il faut mettre une largeur fixe et une marge extérieure aux éléments de la liste (nav a). Après tu peux faire le même calcul que je montre dans Diztest [lien] et tu crées une règle nav ul comme dans Dp1 #barre ul.

Si mes explications ne suffisent pas je te ferai le code en exemple.

quand tu peux


9 appréciations
Hors-ligne

d'accord j'ai compris ! Je vais faire des essais et je reviens vers toi si j'y arrive pas.
Bonne journée

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