ライブドアブログのメニューバーの追加方法について デフォルト2008（桃,3カラ...
![アバター](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"><rect fill-opacity="0"/></svg>)
ID非公開さん
2018/4/1905:12:53
ライブドアブログのメニューバーの追加方法について
デフォルト2008（桃,3カラム）というデザインを使用してます。
メニューバーを追加したのですがヘッダー下に微妙に隙間が空いてるのをピッタリヘッダーにくっつけたいのですがどこを修正すれば直せるかご教授ください。
調べたところmargin-bottomという数値を0にすればなおるとあったのですがどんな数字にしても変化がありません。
/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */
div.blog-title-outer {
background: url(ヘッダーＵＲＬ) no-repeat;
margin-bottom: 0px;
}
h1#blog-title {
margin: 0;
padding: 100px 20px 0px 0px;
font-size: 300%;
font-weight: bold;
text-align: left;
}
p#blog-description {
margin: 0;
padding: 10px 30px 100px;
line-heigt: 135%;
text-align: left;
}
他の部分に原因があるのでしょうか？
ベストアンサーに選ばれた回答
2018/4/1907:53:42
>他の部分に原因があるのでしょうか？
そだね～
■下記margin変更
/** 03. Title - ブログタイトルエリア */
div.blog-title-outer {
background: #ffbdbd url(http://parts.blog.livedoor.jp/img/usr/default_2008/pink/line_r_top_... no-repeat right top;/* 背景画像：右上 */
text-align: left;
margin-bottom: 0px;
}
■下記追記（ベースのCSS変更させる為の記途。他に影響出るかもしれない）
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0px;/*1emを変更するため */
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
あとちょっとの調整が必要ですが…。ヘッダー画像が角丸ですし。
ご参考まで。
質問した人からのコメント
2018/4/19 13:22:59
なるほど、追記された指示が足りなかったようですね・・
ＣＳＳに追記部分を入れたらキチっとヘッダーの下に収まりました！！
何日も調べてもわからなかったので助かります！
ありがとうございました！！
このカテゴリの回答受付中の質問
この質問につけられたタグ
カテゴリQ&Aランキング
- 戻る
- 次へ
総合Q&Aランキング
お客様自身の責任と判断で、ご利用ください。