解決済
タイトルの枠について
アレコレ調べながらカスタマライズしてるんですが、どうしても分からないので質問します。↑のページのタイトル画像の枠がどうしても変えられません。
CSSのbannerの場所に画像URLを貼って乗せたんですが、その場所には枠指定や色指定のタグが無いのです。
どこか他の場所でbanner部分の指定に関係してる場所があるんでしょうか？
分かる方いらっしゃいましたら回答お待ちしています。
回答(1)
1.
#banner{
background:url(http://image.blog.livedoor.jp/xx_sid_nancy_xx/imgs/c/3/c3efc77c.jpg)
margin:0 auto;
height:;
text-align:center;
clear:both;
border:
}
これ記述がおかしいからこういう具合にしてくれますか？↓
#banner{
background:url(http://image.blog.livedoor.jp/xx_sid_nancy_xx/imgs/c/3/c3efc77c.jpg)
margin:0 auto;
width:828px;
height:105px;
text-align:center;
clear:both;
border:0;
}
そして念のため、これを新たに上の記述の下あたりに貼り付けていただけますか？↓
#banner a{
text-decoration:none;
}
これで一度様子を見ていただけますか？
※ 回答欄に書いた画像のアドレスは短縮されて表示される事があります。このままコピーすると画像へのアドレスが不完全な状態で貼り付けられる事になりますので注意して下さい。
長々と・・・イヤホントに長い、ありがとうございました。
コメント(22)
あれ？ アドレスが短縮されなくなったんだ？？
んじゃ、このままコピーして貼りつけても大丈夫です。
しばらく来てない間に仕様が変わったのか ・・・。
あれ？ なんか一人でしゃべっているけど、
もしかしたら質問の意図を読み違えている？
画像に枠を付けたいのですか？
それも任意のカラーの枠を？
もし、そうならコメント欄で言ってくださいね。
上の回答は、その枠を外す方法だから。
回答違う内容に差し替えますし (^_^;)
あら～ ベター押しちゃったんですね Σ(・∀・|||)
これで回答が差し替えられなくなっちゃいました ^^;
しかたが無いんで、コメント欄に答えを書いていきますね。
枠は常に一定の色が変わらない枠がいいんですよね？
カラーコード、ここに書いてみて下さい。
発言欄間違えてましたね。すいません＾＾；
solid 1px #FF0000
↑でお願いします。
んじゃ、これに↓書き換えて下さい。
#banner{
background:url(http://image.blog.livedoor.jp/xx_sid_nancy_xx/imgs/c/3/c3efc77c.jpg)
margin:0 auto;
width:828px;
height:105px;
text-align:center;
clear:both;
border:solid 1px #FF0000;
}
そして、これを↓新たに貼り付けて下さい。
#banner a{
text-decoration:none;
}
width と height を設定しているからこれで上手くいくと思うんだけど、ちょっと試してみていただけますか？
ありがとうございます。うまく行きました。
が、何やら紫の枠が残ってしまいます。。。
コレは消せるんでしょうか？
今僕もそちらのテンプレートをローカルに落として、検証しているところ。リンクの枠が残っていますね。もうちょっと待って頂けます。
当然消せますから (^_^;)
トップページのHTMLだけに
<h1 class="blogtitle"><a href="http://blog.livedoor.jp/xx_sid_nancy_xx/"><img src="http://image.blog.livedoor.jp/xx_sid_nancy_xx/imgs/b/a/ba394c6e.jpg"align="center"/></a></h1>こう記載されているのでしょうか？
[トップページ]
[個別記事ページ]
[カテゴリアーカイブ]
[月別アーカイブ]
４つの全てに
<h1 class="blogtitle"><a href="http://blog.livedoor.jp/xx_sid_nancy_xx/"><img src="http://image.blog.livedoor.jp/xx_sid_nancy_xx/imgs/b/a/ba394c6e.jpg" style="border:1px #FF0000;" align="center"/></a></h1>とした方が楽かもしれません＾＾；
#banner a{
text-decoration:none;
}
ごめん、上の新たに CSS に記述する指示をこうして下さい。↓
#banner a{text-decoration:none;}
#banner a:link{text-decoration:none;}
#banner a:visited{text-decoration:none;}
#banner a:active{text-decoration:none;}
#banner a:hover{text-decoration:none;}
これで大丈夫。・・・かな？
>>#10
御無沙汰しております＾＾
私も仕事に復帰致しますので常駐できなくなります
この場をお借りして申し訳ないのですが
AQさんにもお礼を申し上げたかったので…
色々勉強させていただきまして
本当にありがとうございましたm(_ _)m
感謝しております＾＾
ん？
descriptionのスペースが邪魔してる？
違う違う。何かおかしいと思ったんですよ。
HTML と CSS 両方に 同じ画像が併せて貼り付けているから結果がでないんだわ (^_^;)
>>AQさん
>>kiss115さん
丁寧な回答ありがとうございます。
お2人の方法両方ともやったら赤の枠が2本になりましたorz
どっちかにしろって事ですねｗ
欲張ったのがダメだったみたいです＾＾；
それ以外にこのブログちょっと他に問題があるんですよ。
Firefox で見たら記事投稿部分などには赤い枠線は出ていないんだけど、IE で見ると赤い枠線でサイドカラムも記事投稿部分もすべて囲まれています。
どっちが狙っている方向ですか？
とりあえず、質問のバナーをどうにかします。
しばらくさわらないでね (^_^;)
すいません。すでに触っちゃいました＾＾；
それぞれの場所が赤枠で囲まれてるのは希望通りなんでOKです。
んで、なんやかんやと言って、最終的には目的どおりになったって事でよいですか ｗｗ CSS に新たに付け足した記述はどちらにしても必要です。併せてやってみて結果良かったと思いますよ (^^)
AQさんともあろう方の回答にお邪魔して
ゴッチャにしちゃいましたね＾＾；
ごめんなさい＞＜
>>#11 kiss115 さん
もう来なくなるってことないんでしょ？
AQ も３が日だけの復帰です (^_^;)
また明日から、覗きに来るのは難しくなるので
しばらくお別れです。
じゃっ、今度会った時には宜しくです ヽ(^｡^)ノ
>>AQさん
>>kiss115さん
こんな分かりづらい質問に長々付き合っていただいてありがとうございました。
この後も自分では理解出来てないパーツをアレコレ調べつつ組み込んでいく予定なんで、またココに顔を出すかと思いますが気が向いたら答えてやってください。。
お二人共本当にありがとうございます。
＞ xx_sid_nancy_xx さん
あれから用事で出かけておりました。
質問を解決済みにしてくれて、ありがとうございます。
またここでお名前を見かけた時は、必ず答えるように
します。（ なかなか来れないんだけど ^^; ）
その時は、また一緒に考えましょう ヽ(^｡^)ノ
