心理カウンセラーの心理学小話と日常の備忘録

言花屋ブログ 心理カウンセリング小話

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

右のサイドバーがどっかいった。

ヘッダーにナビをつけて遊んでいたのですが、

そしたら、右のサイドメニューがどっかいった…

ヘッダー以外はいじってないのに何で崩れたんだろう。なぞ。


結局それに一日費やしてしまい、他のこと何もしていない…嗚呼。

ちなみに画面を最大化すると右端にいたりします。

…うーん…。

他のCSS見て明日直そう。





…と思ったらできた。

なんか、あっさりできたじゃん。

参考までにソース。

お手持ちのブログのスタイルシート

【CSS】

/********************************************* ▼ ヘッダー ▼ */
#header_outline {
border:1px solid #000000; /* 外枠の色 */
border-bottom:#c0c0c0 2px solid; /* 飾り線(下) */
margin-bottom:20px; /* ヘッダ下間隔 */
}
#header_body {
background-color:#000000; /* 背景色 */
border:1px solid #000000; /* 内枠の色 */
}
/*ナビゲーションバー*/
.nav{
font-size:12px;
font-family:MS Pゴシック;
width:1000px;
height:50px;
border-top:none;
}

.nav ul {
margin: 0;
padding: 0;
}
.nav li {
list-style-tipe:none;
float:left;
margin:0;
padding:0;
}

.nav li a {
display:block;
width:198px;
background-image:url(メニューに設定したい画像のパス);
background-repeat:no-repeat;
line-height:50px;
color:#FFFFFF;
text-align:center;
text-decoration:none;
}

.nav li a:hover {
display:block;
width:198px;
background-image:url(マウスオーバーした時に設定したい画像のパス);
background-repeat:no-repeat;
line-height:50px;
color:#FFFFFF;
}
/********************************************* ▲ ヘッダー ▲ */

これで多分同じのができます。

HTMLはリストタグでくくってリンクはるだけ。

なんか、余計なタグがいっぱい入ってる気がするんだけど、今日はもういいや(なげやり)
関連記事
[ 2010/11/07 23:53 ] 日記。 | TB(0) | CM(0)
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL
http://jukey.blog63.fc2.com/tb.php/482-1d3b6120

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