2011-07-27 3 views
0

Capture d'écran 1: https://skitch.com/android86/fm4r7/dreamweaver (HTML vue design)
Capture d'écran 2: https://skitch.com/android86/fm4fd/dreamweaver (CSS)flotteur/Position CSS

Dans la capture d'écran 1, j'ai essayé d'avoir les liens pour le site Web Contact et Connectez-vous comme une partie de la Nav tag fourni par html 5, mais je voulais que ceux-ci soient horizontalement à côté du hgroup.

J'ai assigné une largeur à hgroup et maintenant j'ai beaucoup d'espace à la droite de hgroup cependant le nav commence à aligner horizontalement, est-ce quelque chose que je devrais manipuler avec la position ou la propriété flottante dans CSS?

J'ai essayé les deux dans diverses combinaisons, j'ai assigné une largeur à nav afin de s'adapter à la zone, mais il ne semble pas fonctionner. Une idée? Le code CSS est dans la capture d'écran 2. Après avoir examiné une discussion précédente ici, je pensais que l'utilisation de la classe pourrait ne pas être nécessaire à la place plutôt que la relation parent-enfant pourrait être la plus pertinente. Personnellement, j'ai pensé et lu que l'on devrait utiliser des id dans CSS quand il s'agit d'un scénario et d'une classe très uniques quand on s'attend à utiliser une chose très fréquemment, est-ce que cette relation parent-enfant est une façon de déclarer une classe? Merci tout le monde.

+3

Ce serait beaucoup plus facile de répondre si vous avez fait un [jsFiddle] (http://jsfiddle.net/) ou [JS Bin] (http://jsbin.com /) Démo de ce que vous avez jusqu'ici. Aussi, n'ayez pas peur des paragraphes. – thirtydot

+0

Merci de m'avoir présenté cet incroyable outil. C'est exactement ce que je cherchais. :) Voici le lien http://jsfiddle.net/u5M6t/1/ – varun86

Répondre

2

Il peut être manipulé en faisant flotter les deux éléments restants et en supprimant toutes les largeurs fixes. Voici le jsFiddle modifié: http://jsfiddle.net/joshnh/jdUWt/

+0

@Evil Link fixe. – joshnh

+0

Merci, ça marche bien. – Evil