FC2ブログ

ナビゲーションバー CSS

ここでは、ナビゲーションバー CSS に関する情報を紹介しています。

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ナビゲーションバー
ナビゲーションバーをつくってみました。
中身は
#contentBody{
width:750px;
background-image:
url();
background-repeat:repeat-y;
background-position:left top;
float:left;
}
#localNavi{
width:180px;
padding-right:20px;
float:left;

}
#navBar{
margin-left:0px;
padding-left:0px;
list-style-type:none;
border-top:1px solid #000000;
width:180px;
}
#navBar a{
display:block;
padding:10px;
background-color:#0033FF;
color:#ffffff;
text-decoration:none;
height:1%;
text-align:center;

}
#navBar a:hover{border-right:4px solid #FF66FF;}
#navBar li{
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
}
#contents{
width:550px;
float:right;
}




aaaaaaああああああああああああああああああああああああ
ああああああああああああああああ


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。


なっています とコピーペーストしたところで
うまくソースが表示されないことに気がつきました。
htmlタグをhtml上であらわすやり方を忘れてしまいました。
構造はソースを見ればわかると思います^^。

CSSは理解してくるとテーブルデザインよりやりやすくてとても
いいです。
スポンサーサイト
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://webstreet.blog25.fc2.com/tb.php/85-31b46581
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。