はてなブックマーク - ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方

ウノウラボ Unoh Labs: 水平方向のナビゲーションの作り方

labs.unoh.net

タグ : CSS html webデザイン tips webdesign Web制作 design *webデザイン web ナビゲーション

コンピュータ・IT 288 users

yamaokaです。水平方向に並んだナビゲーションを作る場合、皆さんはどのようにマークアップされているでしょうか。とりあえず必要な項目を羅列してみましょう。それぞれの項目には矢印の画像を付加するものとします。 == HTML == <p id="navigation"> <img src="arrow.gif">編集 <img src="arrow.gif">削除 <img src="arrow.gif">追加 </p> horizontal_nav_1 posted by (C)フォト蔵一見よ... > このページを見る

最終更新時間: 2007年07月12日17時59分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

kadopi webデザイン
ナビゲーション 2011/09/19
webmarksjp html, tutorial, css, webDesign, *現在使用中, web制作, デザイン, tips
webデザイン 2008/07/14
petem *デザイン, *css
論理的なマークアップ構造に関して 2008/05/11
Hayato html, css
ナビゲーションの作り方 2007/08/25
yuki_2021 css, html, webデザイン, tips
Web標準的なナビゲーションの作り方Tips 2007/07/18
bigwest web design, css
水平方向のナビ 2007/07/16
bluerabbit *webdesign, #Tech, css, css, ナビゲーション
ul li を横に 2007/07/14
uzuki-first css, design, html, webデザイン, web制作
参考にします。なるほｄね 2007/07/13
yoshiii css, design, html, web
>>こっち　>>あっち　>>どっち　みたいなナビを論理的なマークアップで作る方法。 2007/07/13
Quadrifogrio CSS, Navigation, *チュートリアル
floatの場合はwidth指定が必要 2007/07/13
denken CSS, ナビゲーション, デザイン
floatさせるときはwidth必須(img要素などを除いて)な件についてぜひお伺いしたいが、たいていの実装はこの問題をスルーしてなんとか表示してくれるから困る。 2007/07/13
ysk_lucky-star css, design, html, tips
li 要素に幅の指定は？ float プロパティは（一部の要素以外で）幅の明示が必要　／　と言うわけで書いた 2007/07/13
wakatakahawks *CSS
使い古された手法だと思ってた。こんなにブクマされてるのが不思議…。display: inline;の時ソースの改行が半角スペースになるので<li>hogehoge</li><li>hogehoge</li>みたいにコメントを活用すると吉 2007/07/13
sisya web, css
リスト 2007/07/13
ag-commerce
水平方向に並んだナビゲーションを作る場合、皆さんはどのようにマークアップされているでしょうか。とりあえず必要な項目を羅列してみましょう。それぞれの項目には矢印の画像を付加するものとします。 2007/07/13
torii_koichi css
パンクズっぽいやつとかリストを使った配置参考 2007/07/13
bigchu css, sample
パンクズ部分のスタイルで指定。でもなぁこれってcssはずすとかっこ悪いんだよなぁ、どんなときでも美しいのがイイ！ 2007/07/13
OhYeah Web, css
うわぁ来週の勉強会で説明するつもりだったないようだぁ！！てかずっと洗練されてるので、参考にさせてもらいます。 2007/07/13
yorihito_tanaka
ulだ 2007/07/13