0

Screenshot 1: https://skitch.com/android86/fm4r7/dreamweaver ( HTML design view)
Screenshot 2: https://skitch.com/android86/fm4fd/dreamweaver ( CSS)

In the screenshot 1, I tried to have the links for website Contact and Login as a part of the Nav tag provided by html 5, however I wanted these to be horizontally next to the hgroup.

I assigned a width to hgroup and now I have a lot of space to the right of hgroup however the nav is starting to line up horizontally, is this something I should handle with position or float property in CSS?

I tried both in various combinations, I assigned a width to nav in order to fit in the area however it doesn't seems to be working. Any clue?

The CSS code is in screenshot 2. After looking at a previous discussion here I thought using class might not be required instead rather parent child relation might be most relevant. I personally thought and read that one should use id's in CSS when it is a very unique scenario and class when we expect to use a certain thing very commonly, is this parent child relation a way of declaring a class? Thanks everyone.

2
  • 3
    This would be much easier to answer if you made a jsFiddle or JS Bin demo of what you have so far. Also, don't be scared of paragraphs.
    – thirtydot
    Jul 27, 2011 at 1:37
  • Thanks for introducing me to this amazing tool. It's exactly what I was looking for. :) Here is the link jsfiddle.net/u5M6t/1
    – varun86
    Jul 27, 2011 at 2:03

1 Answer 1

2

It can be handled by floating both elements left and removing all fixed widths. Here is the amended jsFiddle: http://jsfiddle.net/joshnh/jdUWt/

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.