• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:seesaaブログを作成中です。)

seesaaブログのブログタイトルと画像の重なりについて

このQ&Aのポイント
  • ブログの一番上左に画像を入れるとブログ名と重なってしまいます。重ならない方法を教えてください。
  • 記事の上下に出てくる「- 1 2 3 4 5.. 次の1件>>」を消したいのですがわかりません。

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

テンプレートによって違う? と思うのだけど、HTMLに合わせてCSSを変更しましょう。 ■質問1■ 重ならなくする方法は複数あるけど、タイトル(h1)を右に少し移動すのなら、 デザイン → デザイン一覧からCSSを編集する。その中の h1 部分。 #banner h1{ } この { } 間に padding-left: 100px; などを追加(数値は変更可能) タイトル(h1)を下に少し移動すのなら、 padding-top: 60px; などを追加(数値は変更可能) ■質問2■ デザイン → コンテンツ → 記事(別窓が開く) → コンテンツHTML編集 <div class="navi"> ~~~~~~~~~ </div> の部分を削除。複数行ある(指定項目が多く複雑なので慎重に) ※ ~~~~~~~~~の部分は、 <a href="<% blog.page_url(pager.next_page) %>">次の<% blog.index_page_cnt %>件 &gt;&gt;</a> などが複数行ある。

gourmet23
質問者

お礼

ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • スタイルシート ページ左右の余白幅 設定

    Seesaaブログを利用しています。 テンプレート「ガーベラ」のページ左右の余白幅を狭くしたいと思っています。 やりたい事は、例えばWord文書の左右余白は規定値で35mmになっているが20mmに変更したい という感じです。 初心者なので少し調べましたが スタイルシートのpadding、marginの設定を変更する必要がありそうな事しか分かりませんでした。 以下、スタイルシートの一部をコピーしたものです。 具体的に、どの部分を変更すればいいのか教えて下さい。 body { font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px; text-align:center; background-color:#FFF; color:#666666; } #container{ text-align:center; margin: 10px auto 0px auto; padding:0px; width:769px; } a{ text-decoration: underline; color:#87B400; } #banner{ font-family:arial, Helvetica; height:275px; margin:0px; padding:0px 0px 0px 160px; text-align:left; background-image:url(http://blog.seesaa.jp/img/bg/gerbera/header.jpg); background-repeat:no-repeat; }

  • スタイルシート教えて下さい

    ブログのトップページの一番上の部分を 自分の作った画像に変えました。 それはうまくいったのですが、 その部分にブログサイト名と説明文が入るのですが、 自分の画像を貼り付ける前までは一番左にあった文字が 今は真ん中に表示されてしまうんです。 ブログ名(リンクつき)とブログの説明文を左に表示させるには どうしたらいいのか教えて下さい。 その部分のスタイルシートです↓ #banner{ background-image:url(http://△△△△/○○○/□□□.jpg); background-repeat:no-repeat; background-position:left top; font-family:arial, Helvetica; padding:0px 0px 0px 197px; height:197px; text-align:left; margin-left:13px; }

  • 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
  • ブログのTOP画像表示方法(悩んでます)

    どこをどう変えればTOPに画像をつけるコトが出来るのでしょうか?? ホントに悩んでます。 検索してもよくわからなくて・・・ body { font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; background-image:url(http://269g.jp/img/bg/nail_style_1/bg.gif); background-repeat:repeat-y; margin:0px; padding:0px; text-align:center; } #container{ text-align:right; margin:0px auto 0px auto; width:906px; height:596px; background-image:url(http://269g.jp/img/bg/nail_style_1/top.jpg); background-repeat:no-repeat; background-position:center top; background-color:#ffffff; } h1 { text-align:left; margin:0px 0px 0px 0px; padding-top:225px; font-weight:bolder; font-family:sans-serif; font-size:19px; } h1 a{ color:#58B29A; text-decoration: none; font-family:sans-serif; font-weight:bolder; } h2 { padding: 0px; font-weight:bold; font-size:14px; text-align:left; font-family:arial, Helvetica; } h3 { padding: 5px 0px 10px 3px; font-size:14px; font-weight:bolder; font-family:arial, Helvetica; } H3 a{ text-decoration: none; }

  • MTブログのカスタマイズで背景を・・・

    今、MTでブログを作っています。 そこで 「ブログ全体の背景に画像を表示したい」 と思い、色々調べて ------ body { margin: 10px 0; padding: 0; font-family: Verdana, Arial, sans-serif; color: #333; background: #FFF url("ここに画像URL"); text-align: center;} ------- というのまでわかり、やってみたのですが・・・ 背景だけではなく、本文(エントリー?)部分にも画像が表示されます。 こんな症状になります ttp://www.charity-santa.com/ 目標はこんな感じのブログにしたいと思ってます↓ ttp://unkonisakuhana.seesaa.net/ うまく↑のサイトのようにするには、どうすればいいでしょうか? 教えていただければ幸いです。 よろしくお願いします。

  • gooブログのヘッダーに画像

    gooブログで日記を書いています。 今はCLカスタムというテンプレートを使っています。 ヘッダーの画像を新しいものに変更しようとしたのですが、 CSSデータに画像のURLを挿入しても変更できません。 プレビューでは変更が反映されているのに実際のページでは 反映されないのです。 どうすればいいのか、 お分かりの方がいらしたら、よろしくお願いします。 ちなみに、次のようになってます。 /*-- タイトルバナー外枠の設定 --*/ #title-banner { border-top:solid 7px #6ca8d6; border-bottom:solid 1px #c8c8c8; background:#6ca8d6; } /*-- タイトルバナー上部の設定 --*/ #title-banner-top { width:100%; height:0px; background:#1c75b8; margin:0; } /*-- タイトルバナー内部の設定 --*/ #title-banner-body { border-bottom:solid 2px #5ca1d6; width:100%; /*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/ background-image:url(http://blogimg.goo.ne.jp/user_image/25/c6/74ccde33e7e5afae5396f03eeb644f62.png); background-position: center top; background-repeat:no-repeat; /*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/ height:435px; } /*-- ブログタイトルの開始位置の設定 --*/ #title-banner-body #title-banner-set { padding-top:30px; padding-left:30px; } /*-- タイトルバナー下部の設定 --*/ #title-banner-bottom { width:100%; border-top:solid 2px #4591cb; height:2px; background:#378fd4; border-bottom:solid 2px #eaeaea; } /*-- ブログタイトル文字の基本設定 --*/ #title-banner-body #title-banner-set h1 { font-size:245%; color:#ffffff; line-height:1.2; text-align:left; width:50%; margin-bottom:5px; } /*-- ブログタイトル文字の設定(文字色、リンク時装飾) --*/ #title-banner-body #title-banner-set h1 a { color:#FFFF33; text-decoration:none; } /*-- ブログタイトル文字の設定(マウスオーバー/マウスクリック時の文字色、リンク装飾) --*/ #title-banner-body #title-banner-set h1 a:hover, #title-banner-body #title-banner-set h1 a:active { color:#000000; text-decoration:underline; } /*-- ブログ概要の設定 --*/ #title-banner-body #title-banner-set h2 { color:#FFFFFF; font-size:92%; line-height:2; width:50%; font-weight:normal; background ; padding:5px; }

  • 文字の移動

    So-netのブログですが、下記の記述でタイトル文字の移動はどの部分を変更するのでしょうか? どこの数値を変えても変更できません。ご教授の程宜しくお願い致します。 /*-----Header-----*/ #banner {background:url("/_images/blog/_2da/msstyle/IMG_1374.JPG") no-repeat; width:900px; margin:0 auto; padding:80px 0 35px 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; clear:both; } <br> #banner h1{ margin:0 10px 0 0; padding: 50px 50px 10px 0; font-size:40px; display:inline; border-right:1px solid #cccccc; } #banner h1 a{ color:#ffffff; } #banner h1 a{ font-family:'CHRISTINA'; color:#ffffff; line-height: 200%; } #lead{ margin:0; display:inline; font-size:small; }

  • CSS ブログ本文とサイドバーのバランス

    質問させてください! weeblyの2カラム標準テンプレートを使用しweb siteを運営しているのですが、 両端の空白をもう少し縮め、本文とサイドバーをその分広げたいと思い、CSSを 調整しようと調べながら各数値を変更してみたのですがうまくいきません。 どの数値を変更するべきなのか教えていただけたらと思います。 理想のサイトのリンク先も貼付けておきます。 http://www.fecalface.com/ body { background-color:#fff; font-family:"helvetica",arial,sans-serif; font-size:62.5%; color:#777; margin:0; padding:0; } acronym { cursor:help; border-bottom:1px dotted #ddd; } #container { font-size:1.2em; width:800px; margin:0 auto; } #header { color:#444; margin:0; padding:0px; background:#fff url(%%HEADERIMG%%) no-repeat bottom right; } #header h1 { font-family:"helvetica",arial,sans-serif; font-size:2em; color:#333; margin:30px 0 0 0; font-weight:normal; line-height:1.5; } #header h1 strong { color:#c00; } #header h2 { margin:1000px 0 0 0; font-size:1em; font-weight:normal; color:#999; } #navigation { text-align:right; margin:10px 10px 10px auto; } #navigation { margin:0 10px 0 0; padding:0; } #navigation li { margin:0; padding:0; list-style:none; display:inline; } #navigation li a { padding:5px 6px 2px 4px; margin:0 2px 0 0px; color:#000000; text-decoration:none; font-weight:helvetica; border-bottom:1px solid #ddd; } #navigation li a:hover { color:#C00; border-bottom:1px solid #c00; } #active a:link { color:#C00; border-bottom:1px solid #c00; } #active a:hover { color:#C00; border-bottom:1px solid #c00; } #active a:visited { color:#C00; border-bottom:1px solid #c00; } #content { margin:20px 0 20px 10px; padding:0; } #content p { padding:2px; text-align:justify; line-height:1.5; } #content h1 { display:block; margin:50px 0 0 10px; padding:0; font-family:"helvetica",arial,sans-serif; font-size:1.8em; color:#c00; border-color:#ddd; border-style:solid; border-width:0 0 1px 0; } #content h2 { display:block; margin:40px 40px 0 0px; padding:0 長くなってしまいましたがよろしくお願いします!

    • ベストアンサー
    • HTML
  • blog CSSのタイトル色の変更指定について!!

    このblog CSSのブログタイトルの色変更はどうすればいいですか? .blogtitle の所で色指定してもダメでした?他に方法があるのですか? livedoor Blog CSS FileName: ネコさん(20040819) Version: 2006.06.26 ----------------------------------------------------- */ #header{} #header td{ color:#FFF; font-size:12px; text-align:right; padding-right:10px; } #header a:link{color:#FFF;} #header a:visited{color:#FFF;} #header a:active{color:#FFF;} #header a:hover{color:#FFF;text-decoration:none;} body{ margin:0; padding:0; text-align:center; font-family: verdana ,arial ,sans-serif; background-color: #4d9d1c; /*background:#4d9d1c url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/bg.gif') repeat-y 50% 0;*/ } a{color:#666;text-decoration:underline;} a:link{color:#666;text-decoration:underline;} a:visited{text-decoration:underline;} a:active{} a:hover{color:#666;text-decoration:none;} #container{ width:833px; margin:0 auto; text-align:left; word-break:break-all; background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/header.gif') no-repeat; } #banner,#subbanner{ width:833px; height:185px; margin:0 auto 35px;; } #banner a{color:#fff;text-decoration:none;} #banner a:link{color:#fff;text-decoration:none;} #banner a:visited{text-decoration:none;} #banner a:active{} #banner a:hover{color:#fff;text-decoration:underline;} #subbanner a{color:#fff;text-decoration:underline;} #subbanner a:link{color:#fff;text-decoration:underline;} #subbanner a:visited{text-decoration:underline;} #subbanner a:active{} #subbanner a:hover{color:#fff;text-decoration:none;} h1,h2,h3{margin:0;padding:0;} .blogtitle{ font-size:20px; font-weight:bold; padding-top:85px; padding-right:70px; text-align:right; } .description{ color:#000; font-weight:bold; font-size:12px; padding-right:70px; text-align:right; } #categorytitlebody{} #categorytitle{ font-size:14px; font-weight:bold; text-align:center; padding:20px 10px 15px 10px; } #blogcontainer{width:755px;margin:0 auto auto 20px;background-color:#FFF;} #content{ width:564px; float:left; padding-left:10px; text-align:left; padding-bottom:50px; } #links{ width:170px; float:right; padding-bottom:50px; } .blog{} .date{ color:#4d9d1c; font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; } .title{ font-size:14px; font-weight:bold; text-align:left; background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/nikukyu.gif') no-repeat 0 50%; padding-left:26px; } .blogbody{ line-height:130%; text-align:left; background-color:#f3f1e2; padding:10px 0px 0px 10px; } .main,.mainmore,.portal-links{ line-height:150%; font-size:12px; padding:18px 10px 30px 26px; } blockquote{ padding:5px; margin:5px; border:2px dotted #4d9d1c; } .pict{margin:5px;} .posted{ color:#000; font-size:11px; text-align:left; margin:0; padding:10px 15px 10px 26px; } a.posted{color:#000;text-decoration:underline;} a.posted:link{color:#000;text-decoration:underline;} a.posted:visited{text-decoration:underline;} a.posted:active{} a.posted:hover{color:#000;text-decoration:none;} .menu{ font-size:11px; text-align:right; padding:2px 15px 20px 26px; } .blogbodybottom{ margin-bottom:20px; } .comblogbodybottom{ margin-bottom:20px; } #contentcommentbottom{} .formbodybottom{} #articletop{} #articlebody{} #articlebottom{} .trackbackurlbody{ text-align:left; padding-left:10px; } .trackbackurlttl{ background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/nikukyu.gif') no-repeat 0 50%; font-size:12px; font-weight:bold; padding-left:26px; } .trackbackurl{ padding-top:10px; padding-bottom:20px; text-align:left; } .trackbackurl table{width:350px;margin:0 auto;} input.trackbackbox{width:300px;} .trackbackurlbottom{} a.posttitle:link{color:#000;text-decoration:underline;font-si

    • 締切済み
    • CSS
  • CSSでライブドアブログのレイアウトがIEでだけ、崩れてしまう。

    CSSでライブドアブログの左サイドバーのレイアウトがIEで見ると、崩れてしまいます。 Fireboxなどでは、きれいに表示されますが、IEでは、左サイドバーの表示がはるか下方に表示されてしまいます。 下記のCSSに問題がないか教えていただけないでしょうか? 参考になりそうなサイトとして(1)(2)なども見たのですが、結局わからなかったです。 (1)CSSによる段組(マルチカラム)レイアウト講座 ​http://www.geocities.jp/multi_column/index.html​ (2)CSSバグリスト ​http://cssbug.at.infoseek.co.jp/ よろしくお願いします。 /********************************** =2.Common **********************************/ table#header{ width:100%; font-size:12px; color: #cffdcc; } table#header a{ color: #cffdcc; } table#header th{ width:1%; } table#header th img{ margin:2px 10px; width:132px; height:24px; } table#header td.catprbox{ width:1%; white-space:nowrap; } table#header td.catprbox span{ margin-right:15px; } table#header td.newstickerbox{ width:97%; text-align:right; padding-right:10px; } table#header td.startblogbox{ width:1%; padding-right:10px; white-space:nowrap; } table#header td.startblogbox img{ width:17px; height:16px; margin-right:3px; border:0px; vertical-align:middle; } #container{ width:800px; margin:0 auto; text-align:center; } #cgmmenu{ display:none; } #banner{ height:200px; border:solid #fff; border-width:6px; background:#240000 url(http://image.blog.livedoor.jp・・・・・) no-repeat; text-align:left; margin:0 auto; clear:both; } #banner a{ color:#fff; text-decoration:none; } #banner a:hover{ text-decoration:underline; } #banner h1.blogtitle{ padding:80px 30px 5px; font-size:20px; } #banner div.description{ width:500px; padding:0 30px; line-height:135%; font-size:12px; color:#fff; } #blogcontainer{ background:url(http://image.blog.livedoor・・・・) 0 0 repeat-y; border:solid #fff; border-width:0 6px 0; padding:0 0 30px; margin:0 auto; height:1%; } #wrapper{ float:left; width:605px; } #content{ float:right; width:420px; text-align:left; background-color:#F9F3EE; } #contentin{} #left{ float:left; width:180px; } #right{ float:right; width:178px; } #lefttop , #leftbody , #leftbottom , #righttop , #rightbody , #rightbottom {} #footer { background:url(http://image.blog.livedoo・・・・) 0 0 no-repeat; border:solid #fff; border-width:0 6px 6px; height:46px; } #outfooter{}