グローバルナビゲーションの位置について

質問

添付画像のように、h1ロゴの横にグローバルナビを配置したいのですがうまくいきません。
（ヘッダーの画像の下にナビがついてしまいます）
どのような記述をすればヘッダー内にナビを置くことができるのでしょうか？

回答よろしくお願いします。

回答No.1

naokita · ベストアンサー

HTML,CSSなんてケースバイケースで、
色々な書き方があるから数学の様に答えは出せません。
ただ、横に並べたいなら、（数値は設計環境によって微調整する事）

<h1><img width="100" /></h1>
<ul><li><a href="#">home</a></li><li><a href="#">カテ１</a></li></ul>

h1,ul,li{margin:0; padding:0;}
h1 { float:left; width:100px;}
ul { float:left; width:400px;}
li { display:inline; list-style:none;}
li a{ padding: 0 .5em;}

お礼

回答ありがとうございます。
自己解決しましたm(__)m