2012-07-05 6 views
1

Je voudrais une bordure autour de mon menu déroulant sur le vol stationnaire. Je veux que les bordures droite et gauche du menu principal s'alignent avec la bordure du menu déroulant. Et je ne veux pas voir la bordure sous le texte sur le menu du haut. Je ne suis pas sûr d'expliquer clairement les choses, donc j'inclus un picture de ce que je veux.CSS Horizontal déroulant réglage des bordures

Here est ma tentative

+0

Une note: Il ne me reste pas toujours ouvert. Peut-être avez-vous besoin d'aller un peu plus loin? Sinon, une très bonne tentative en effet. Vaut vraiment le détour. – starbeamrainbowlabs

Répondre

1

C'est un style cool. Pour l'implémenter, le CSS devra faire ce qui suit:

Les onglets (#nav ul li a) auront besoin d'un fond blanc et d'une bordure noire en haut, à gauche et à droite.

La liste déroulante aura besoin d'un arrière-plan blanc et d'une bordure noire de tous les côtés.

L'astuce consiste à utiliser z-index pour placer l'onglet au-dessus de la liste déroulante, et pour rendre la languette légèrement plus grande en stationnaire. Le bas de l'onglet doit se prolonger sous le bas de la rangée d'onglets afin de couvrir une partie de la bordure supérieure du menu déroulant. Cela a-t-il du sens?

Si vous souhaitez obtenir de l'aide pour écrire le CSS, je vous recommande d'ajouter du code à votre question.

Espérons que cela aide!

+0

Le lien vers mon code est dans ma question originale. – CB81