2011-07-27 20 views
0

スクリーンショット1:https://skitch.com/android86/fm4r7/dreamweaver(HTMLデザインビュー)
スクリーンショット2:スクリーンショット1ではhttps://skitch.com/android86/fm4fd/dreamweaver(CSS)フロート/位置CSS

、私はの一部として、Webサイトの連絡先やログインのリンクを持ってしてみましたhtml5で提供されているNavタグを使用していましたが、これらをhgroupの横に水平に配置したかったのです。

私はhgroupに幅を割り当てましたが、hgroupの右側に多くのスペースがありますが、navは水平に並んでいますが、これはCSSの位置や浮動小数点プロパティで処理する必要がありますか?

私はさまざまな組み合わせで両方を試しましたが、領域に収まるようにナビに幅を割り当てましたが、動作していないようです。どんな手掛かり?

CSSコードはスクリーンショット2にあります。前の説明を見て、ここではクラスを使用する必要はなく、代わりに親子関係が最も関連性があるかもしれないと考えました。私は個人的に思って、非常にユニークなシナリオとクラスであるときにCSSのidを使うべきだと読んで、ある種のことを非常に一般的に使うことを期待するとき、この親の子関係はクラスを宣言する方法ですか?みんな、ありがとう。

+3

これは答えることをずっと容易になるだろう(http://jsbin.com /)あなたがこれまで持っているもののデモ。また、段落を怖がらないでください。 – thirtydot

+0

私にこの素晴らしいツールを紹介してくれてありがとう。それはまさに私が探していたものです。 :)リンクはhttp://jsfiddle.net/u5M6t/1/ – varun86

答えて

2

これは、両方の要素をフローティングにして固定幅をすべて削除することで処理できます。ここでは改正jsFiddleです:あなたは[jsFiddle](http://jsfiddle.net/)または[JSごみ箱]を行った場合http://jsfiddle.net/joshnh/jdUWt/

+0

@Evilリンクを修正しました。 – joshnh

+0

ありがとう、それは良い仕事です。 – Evil