- 締切済み
ブログのメニューバーをヘッダー画像の下に
seesaaブログでメニューバーをTOP画像の下に表示したいのですがわけがわからないんです。 どなたか教えて下さらないでしょうか？ ちなみに設置はなんとかできました。 http://error911.seesaa.net/ CSSは ul#menu { margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:36px; font-size:12px; font-weight:bold; text-transform:lowercase; background:transparent url("http://error911.up.seesaa.net/image/bg.jpg?20090326204938") repeat-x top left; font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif; border-bottom:1px solid #000000; border-top:1px solid #000000; } ul#menu li { display:block; float:left; margin:0; pading:0; } ul#menu li a { display:block; float:left; color:#999999; text-decoration:none; font-weight:bold; padding:12px 20px 0 20px; height:24px; } ul#menu li a:hover { color:#FFFFFF; background:transparent url("images/over.jpg") no-repeat top right; } です。お願いします。
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- mananyann
- ベストアンサー率46% (69/148)
ソース、拝見しました。 単純にタイトル画像よりも下にメニューバーのタグを持ってくのではダメですか？ もしくは、メニュータグをテーブルで作成して、 タイトル画像の下に設置。 <head>と<body>の間にメニューバーがあるので <body>の一番上に配置してみて下さい。 このソースやＣＳＳは全てご自分で作られたものですか？
お礼
いろいろ弄っていたらできました。 一番最初の回答うれしかったです。
補足
回答ありがとうございます！！ このソースとCSSは海外のサイトのサンプルを弄ったものです。 <body>の上に設置したのですがまだ動きません＞＜ <body> <ul id="menu"> <li><a href="http://error911.seesaa.net/" target="_self" title="Top">Top</a></li> <li><a href="http://error911.seesaa.net/category/6292296-1.html" target="_self" title="Tools">Tools</a></li> <li><a href="http://error911.seesaa.net/category/6291579-1.html" target="_self" title="Yotube">Yotube</a></li> <li><a href="http://error911.seesaa.net/category/6295563-1.html" target="_self" title="Music">Music</a></li> <li><a href="http://error911.seesaa.net/category/6291564-1.html" target="_self" title="Diary">Diary</a></li> </ul> CSSはそのままです。