- ベストアンサー
画像の貼り付けができません
ＤＩＯＮのラブログで、スタイルシートのタイトル部分（一番上）に下記の画像を貼り付けたいのですが カスタムＣＳＳ一覧で何処に貼り付けても画像がＵＰ出来ません。 どの記述部分にコピーすればよいのでしょうか？ 何方かご教授をお願い致します。 .title{ padding-bottom:5px; border-bottom:2px dotted #000; font-size:12px; height:60px; background:url(http://www.k5.dion.ne.jp/~emuzu/LOVELOG_IMG/sam8.gif)no-repeat; }
- msfactory
- お礼率62% (20/32)
- ブログ
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
下記の記述をアップロードした画像のＵＲＬを（ ）に入れて ＣＳＳ一覧の一番下に貼り付けてみてください。 #banner { background-image: url(画像のＵＲＬ); height: 60px; } #banner, #banner a { color: darkgreen; } ↑バナーの文字色
その他の回答 (1)
- akuhijrwq
- ベストアンサー率35% (381/1064)
画像はアップできているじゃないですか。 >スタイルシートのタイトル部分（一番上） という意味がわからないのですが ブログの一番上のブログタイトルの背景画像っと言うことですか？ それなら通常は「banner」というcssで設定されているので 追加してください。 （まぁ、テンプレによって違うかもしれないけど） それとも、ブログ記事のタイトル？
関連するQ&A
- 解像度によって画像の大きさを変える
bloggerでblogをつくっているのですが、htmlが分からなくて困ってます。 画面の解像度によって、ヘッダ表示の画像の大きさを変えたいのですが、どうしたら良いでしょうか？ 今は小さい画面で見ると、横スクロールバーが出てしまうので、出ないようにパソコンの画面の大きさにあわせて表示させたいのです。 今のhtmlはこのようになっています。 #header { padding-top:0px; padding-$endSide:0px; padding-bottom:0px; padding-$startSide:0px; margin-top:0px; margin-$endSide:0px; margin-bottom:0px; margin-$startSide:0px; border-bottom:dotted 1px $bordercolor; background:$descbgcolor; background-image:url(ここは実際のurlです); background-repeat:repeat-x; } 何のhtmlを追加すれば良いのか、ご存じの方がいましたら是非教えて下さい。 よろしく願します。
- ベストアンサー
- ブログ
- 画像が繰り返し表示される
画像を貼り付けると画像が繰り返し表示されます。 下記の記述でどこの部分に、no-repeat; を入れればよいのいでしょうか？ 何方か、ご教授をお願い致します。 #banner { background-image: url(http://www.k5.dion.ne.jp/~emuzu/sam8.gif) height: 60px; } #banner, #banner a { color: darkgreen; }
- ベストアンサー
- ブログ
- CSSで３分割した背景画像を配置したいけど隙間が出来てしまう？
初めて質問させていただきます。 当方はCSS初心者です。 画像（グラデーションのある角丸四角枠）を３分割し、それを背景画像として配置したいのですが、WinIE6などで表示するとどうしても画像に隙間ができてしまうのです。 IE7、FireFoxでは無事に希望通りに表示されています。 【HTML】 <div id="wrapper"> <div class="top"></div> <div class="middle"></div> <div class="bottom"></div> </div> 【CSS】 #wrapper{ width:680px; height:auto; border:0 auto; padding:0; } .top{ width:650px; height:10px; background-image:url(img/01.gif); background-position:top center; background-repeat:no-repeat; margin:0 auto; padding:0; } .middle{ width:650px; background-image:url(img/02.gif); background-repeat:repeat-y; margin:0 auto; padding:0; } .bottom{ width:650px; height:13px; background-image:url(img/03.gif); background-repeat:no-repeat; background-position:bottom center; margin:0 auto; padding:0px; } といった感じで、ざくっとwrapperの中に背景画像をセンターで敷きたいのです。 .topと.middleの間には隙間は出来ないのですが、.middleと.bottomの間に数pxの隙間が出来てしまうのです。 制作環境はDreamweaver8、MAC/OSXですが、動作確認はWin/XPでも行っています。 何卒ご教示下さい。
- 締切済み
- HTML
- IE6で画像の下に余白が入ってしまいます。
CSSを使ってレイアウトをしているのですが、 <ul> <li>画像</li> <li>画像</li> <li>画像</li> </ul> でなぜか画像ごとに、下の部分に少しだけ余白ができてしまいます。 CSSでmarginやpaddingを0にしたり、 http://www.happy-crossing.com/tagmemo/log/eid11.html にあるようにvertical-align:bottomにしたり・・・ それでもなぜか下の余白が表示されています。 こちらの方は治ったみたいなのですが・・・ 他のブラウザはいろいろ見ましたが、余白などなく表示されていました。 Dreamweaver上でも少し余白が見えています・・・ お心当たりのある方がいらっしゃいましたら、どうかよろしくお願致します。 CSSは以下のように記述しています。 ul { float: left; margin: 0px; padding: 0px; list-style: none; margin-top: 45px; } li { width: 150px; background-repeat: no-repeat; padding-left: 13px; padding-bottom: 0px; height: 140px; float: left; vertical-align: bottom; margin-bottom: 0px; }
- ベストアンサー
- HTML
- paddingを指定すると、marginが広がります。
はじめまして。 現在CSSでHPを作成しているのですが、タイトルにあるように、paddingを指定すると、marginが広がってしまいます。 topのpaddingを指定するとtop-marginが・・・ bottomを指定すると・・・ のような感じです。 原因と解決方法を教えていただけないでしょうか？ #news { width: 180px; height: 110px; background-image: url(img/news.gif); margin-top: 15px; padding-top: 30px; background-repeat: no-repeat; padding-bottom: 20px; padding-left: 20px; } レフトに配置しています。
- ベストアンサー
- HTML
- CSS画像について
教えて下さい。アメブロのカスタム雛形を加工してるのですが、 どうしても上手くいかない部分があります。 お分かりの方がいらっしゃいましたら教えて下さい。 .headerBnrArea { border-bottom:1px #d5d5d5 solid; padding-bottom:8px !important; } #logo { margin:0 auto; text-indent:-9999px; width:980px; height:112px; background:url(A ttp://www.・・・・・・.jpg); } .skinFrame2 { background:url(B ttp://www.・・・・・.jpg) repeat-x left top; } このＡに当たる画像はjpeg画像の980pix×112piXです。（既存で始めからありました） これと同じ画像を作成して、サーバにアップしました。 プロパティーで情報を見た後、同じ大きさで作成して、サーバーにアップしました。 「Ａ」の部分を書き換えるとかなり縮小され、いっぱい出てきます。 何故でしょう？ ちなみにブラウザ上では、「Ａ」の画像も私がアップした画像も、右クリックで 「画像に名前をつけて保存」ではなく「背景に名前を つけて・・・」になってます。 教えて下さい。宜しくお願いいたします。
- 締切済み
- その他（趣味・娯楽・エンターテイメント）
- 【CSS】bodyとbottomの画像がかぶる
自社ブログの記事部分のテーブルデザインを変更しようと思ったのですが bodyの画像がbottomの画像にはみ出て http://image.blog.livedoor.jp/ura_sselect/imgs/5/7/575b75cb.png ↑のように表示されて困っています。 CSSを勉強し始めたばかりでいらないところまでいじってしまっていると 思いますが現在のCSSの状態は以下の通りです。 関係ないかもしれませんが、ボトムの画像高さは65pxです。 よろしくお願いします。 .datetop{ background:url(トップ画像) no-repeat; height:54px; margin-bottom:-12px; } .fullbody{ background:url(ボディ画像) repeat-y; margin-bottom:0px; } .datebody{} h2.date{ margin:0px 23px 0; font-size:12px; font-weight:normal; color:#d8b8c4; } .blogbodytop{} .blogbody{ margin:5px 23px 30px; text-align:left; } .titlebody{ paddding:5px 0; } h3.title{ line-height:137%; font-size:16px; font-weight:bold; color:#f52a7a; } .main ,.mainmore{ margin:10px 0 20px; line-height:147%; font-size:13px; height:1%; } blockquote ,pre{ border-top:1px dotted #575757; border-bottom:1px dotted #575757; padding:17px 10px; margin:17px 0; text-align:left; color:#ccc; } .pict{ margin:0 5px 5px 0; } /* related articles */ div.related-articles{ margin: 25px 10px 0; } div.related-articles h3{ margin: 0 0 10px; padding: 0; font-size: 14px; color: #f52a7a; } div.related-articles ul{ list-style: none; margin: 0; padding: 0; line-height: 1.2; } div.related-articles ul li{ background: url(http://parts.blog.livedoor.jp/img/cmn/dotw.gif) no-repeat 0 50%; padding: 0 0 5px 9px; margin-left: 5px; font-size: 12px; } .portal-links{ font-size:12px; text-align:right; margin:5px 8px 12px; color:#d8b8c4; } .portal-links a{} .posted{ margin:5px 8px; text-align:right; line-height:150%; font-size:12px; color:#d8b8c4; } .clipbutton{ border:none; } a.continues ,.posted a ,.menu a ,.nextpage ,.commentttl a ,.trackbackttl a{} #ad{ margin:25px 0 0; text-align:center; zoom: 1; } .blogbodybottom{ background:url(ボトム画像) no-repeat; padding:65px 0 -20px; } .dateend{} .nextpage{ text-align:right; margin:5px 20px; font-size:12px; }
- ベストアンサー
- CSS
- Liで背景画像が表示されない （Safari、Operaにて）
こんにちは。 同じような質問が続いていますが、違うものでございます。 以下のようなcssを組んだのですが、なぜかSafari、Operaでは文頭の画像が表示されません。 （ちなみに画像は幅4px、高さ5px） なぜかお分かりになる方がいらしたら、教えていただければと思います。 #box { width: 160px; color: #333333; background-color:#ffffff; border-right:1px solid #333333; border-top:2px solid #CC0033; } #box ul { list-style:none; margin:0 0 2px 0; padding:0 0 0 1.2em; line-height:1.7; } #box ul li { margin:0px; padding:0 0 0 0.8em; font-size:75%; color: #CC0033; background-color: #FFFFFF; background: 0 url(../images/pt-sub.gif) no-repeat 0.5em; border-bottom:1px dotted #aaaaaa; list-style:none; }
- ベストアンサー
- HTML
- 画像の位置を上に
livedoorのブログ使ってカスタマイズで題名のところに背景を入れたのですが下になってしまいます。 metallicaのジャケットの上のロゴの方を出したいのですがよくわからなくて。 ブログタイトルのコードです。 div.blog-title-outer { width: 780px; height: 350px; background: url(好きな画像) no-repeat left bottom; margin: 0px 0px 0 0; text-align: center; } div.blog-title-outer-2 { padding: 15px 10px 5px 10px; } div.blog-title-outer-3 { } h1#blog-title { margin: 40px 350px 0px -100px; padding: 00px 00px; font-size: 160%; font-weight: bold; } div.blog-description-outer { } p#blog-description { margin: 0px 630px 0 0; padding: 0; line-height: 135%; font-size: 80%;
- ベストアンサー
- その他（生活・暮らし）
- seesaaブログで背景画像の位置を指定したい
seesaaブログで背景画像の位置を下中央に表示させたいのですが、background-position:bottom center;と指定しても、上中央に固定されていてウンともスンとも動きません。 試しにleftに指定してみたり、タグの順番をかえてみたりしましたがダメでした。 ちなみに、忍者ブログや簡単なHTMLのページでは思い通りに表示できています。 ご存知の方、是非ご教授ください。よろしくお願い致します。 body { margin:0px; padding:0px; background-image:url("画像URL") ; background-color : #210709; background-repeat:no-repeat; background-attachment:fixed; background-position:bottom center; line-height:180%; text-align:center; }
- 締切済み
- CSS
補足
記事タイトル部分ＣＳＳの編集です。