Navbar centré verticalement dans un background

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Navbar centré verticalement dans un background

Message par JeYx83 le Jeu 12 Nov 2015 - 14:24

Détails techniques


Version du forum : Invision
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://arrogance.taguilde.net/

Description du problème

Salut à tous,

Comme dit dans le titre, je souhaiterais centrer verticalement les boutons de ma barre de navigation dans mon background. On peut voir que les boutons sont légèrement relevés.


Dernière édition par JeYx83 le Dim 15 Nov 2015 - 3:24, édité 1 fois

JeYx83
**

Messages : 71
Inscrit(e) le : 25/03/2014

http://arrogance.taguilde.net/
JeYx83 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navbar centré verticalement dans un background

Message par JeYx83 le Dim 15 Nov 2015 - 0:32

Up.

JeYx83
**

Messages : 71
Inscrit(e) le : 25/03/2014

http://arrogance.taguilde.net/
JeYx83 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navbar centré verticalement dans un background

Message par R-max le Dim 15 Nov 2015 - 1:34

bonjour ajouter ce code css dans votre feuille de style

Code:
#submenu ul {
    margin-top: 4px;
}

bonne nuit

R-max
# Tropactif #

Masculin
Messages : 1450
Inscrit(e) le : 08/01/2015

http://graphcode.forumactif.org/
R-max a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navbar centré verticalement dans un background

Message par JeYx83 le Dim 15 Nov 2015 - 3:23

Merci pour l'aide mais d'autres utilisateurs ne voyait pas la barre centré, j'ai approfondi mes recherches sur internet et j'ai trouvé :

Code:
#submenu ul {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Ca à l'air de fonctionner. Sujet résolu thumright

JeYx83
**

Messages : 71
Inscrit(e) le : 25/03/2014

http://arrogance.taguilde.net/
JeYx83 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum