• 締切済み

ＧＯＯブログのタイトル・文字位置について

ＧＯＯでブログをやってます。 無料でカスタムできるテンプレートを使用してます。 タイトルの位置がどういうわけか、自然とタイトル画像の ど真ん中に来てしまいます。 これを左斜め上に、表示させたいのですが これは、どうしたらいいのでしょうか？ 今こんな　↓　感じであります。 /* ブログのタイトル */ .bTitle { color: #FFFFFF; font-size: x-large; font-family: VERDANA,ARIAL,SANS-SERIF,Helvetica,'ＭＳ Ｐゴシック',Osaka; font-weight: bold; text-shadow: #fff 2px 2px 3px; text-align: left; } ↑ leftになってるのに、ど真ん中にタイトル文字が表示されてしまいます。 もしよければ少しアドバイスをいただきたいです。 よろしくお願いします。

回答 全件
たぶんそこは関係ない。 h1 か #header でセンタリングして…

みんなの回答

  • 0_asuka
  • ベストアンサー率40% (95/236)
回答No.1

たぶんそこは関係ない。 h1 か #header でセンタリングしてるのが原因ではないかと思う。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. インターネット・Webサービス
  3. SNS・掲示板・ブログ
  4. ブログ

関連するQ&A

  • ｃｓｓ　ブログタイトル位置の動かし方

    gooブログのカスタムテンプレート「カスタムブルー」を使っています。 cssでブログTOP画像をいじっているのですが、 背景画像を挿入した際に、元々組み込まれている自身のブログタイトル、 およびブログの説明文が挿入した画像の隠れて欲しくない部分と 重なってしまいます。 左右への移動は　「paddinng-left」にて出来たのですが 上下への移動が出来ず（paddinng-top or bottomでは動かず)困っています。 （ブログタイトル＆説明文をもう少し上の位置にずらしたいのですが。。） 位置の設定の仕方が間違ってる、もしくは何か別の方法があるのでしょうか？ ---------------------------------------------------------------- /* ブログのタイトル部上 */ .headerLight { background-image: url(挿入画像のurl); background-repeat: no-repeat; background-position: center; background-color: #D8BFD8; height: 300px; } /* ブログタイトル部等の区切り線 */ .rule { background-color: #7B68EE; border-color: #ffffff; border-style: dotted; border-width: 3px; } /* ブログのタイトル部下 */ .headerDark { background-image: url(); background-repeat: ; background-position: ; background-color: #D8BFD8; } /* ブログのタイトル */ .bTitle { color: FFF0F5; font-size: 22px; font-weight: bold; font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka; padding-left: 70px; 　　　 } /* ブログタイトルのリンク（<a href="#" class="etTitleLink">で使用） */ .bTitleLink { text-decoration: none; } /* ブログの概要 */ .bDesc { color: #ffffff; font-size: 12px; font-weight: bold; padding-left: 100px; } --------------------------------------------------------------- ※ＣＳＳ初心者です。 　よろしくお願いいたします。

  • フォント変更（goo）

    タイトル文字のフォントなどを変更したいのですが、やり方が分かりません。 今は /* ブログのタイトルの文字 */ .bTitle { color: #b35959; font-size: 28px; font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka; } となっているのですが、どのように変更したらいいのでしょうか。 ちなみに、使いたいフォントは「マニアッカーズデザイン」（http://mks.jp.org/）のYakitori-AL,HR&KTです。 このフォントは、エンターから入り、「DESIGN FONT」のところの左の列にあります。 よろしくお願いします。

  • ブログの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; }

  • 文字コード指定

    プログラミング素人です。よろしくお願い致します。 文字をタイプライターのように流すスクリプトで、日本語が文字化けをしてしまいます。 ================= FONT-FAMILY:"+"MS Sans Serif,arial,helvetica"+"; FONT-FAMILY:"+"verdana,arial,helvetica"+"; ================= の部分を指定しなおせばなんとかなると思うのですが、どう書きなおせばいいのか教えてください。 念のため、コードを貼り付けます。 ================= uagent = window.navigator.userAgent.toLowerCase();IEB=(uagent.indexOf('msie') != -1)?true:false;var scompat = document.compatMode;var inoout=false;var tmpv;tmpv=770-8-8-2*parseInt(1);var cvar=0,say=0,tpos=0,enson=0,hidsay=0,hidson=0;var psy = new Array();var lllllllllll = new Array();var llllll=null;var llllll2=null;var lllllll=0;var llllllll=0;divtextb ="<div id=\"d";divtev1=" onmouseover=\"ll(";divtev2=")\" onmouseout =\"lll(";divtev3=")\" ";divtev4="";divtexts = " style=\"position:absolute;visibility:hidden;width:"+tmpv+"px; COLOR:"+"#000000"+"; left:0px; top:0px; FONT-FAMILY:"+"MS Sans Serif,arial,helvetica"+"; FONT-SIZE:"+22+"pt; FONT-STYLE:"+"normal"+"; FONT-WEIGHT:"+"normal"+"; margin:0px; LINE-HEIGHT:"+44+"pt; text-align:"+"left"+";overflow-x:hidden;padding:0px; cursor:default;\">";ie6span= " style=\"position:relative; COLOR:"+"#333399"+"; width:"+tmpv+"px; FONT-FAMILY:"+"verdana,arial,helvetica"+"; FONT-SIZE:"+9+"pt; FONT-STYLE:"+"normal"+"; FONT-WEIGHT:"+"bold"+"; TEXT-DECORATION:"+"none"+"; LINE-HEIGHT:"+14+"pt; text-align:"+"left"+";padding:0px;\"";uzun="<div id=\"enuzun\" style=\"position:absolute;left:0px;top:0px;\">"; 以下、省略

  • リンク文字を好きな位置に表示したい

    お忙しいところすいません。 ホームページ（トップページ）上において、リンク文字を好きな位置に表示したいのですがどのようにしたらうまく表示できますか？。 現在、以下のように記述していますが、これだと改行して表示するだけなので、ランダム配置させたいと思っています。 これは可能でしょうか？。 また、そのようなサンプルサイトがあれば教えていただきますでしょうか？。 よろしくお願いいたします。 ＜html記述＞ <div id="menu"> <a href="test1.html" title="トップ" class="moji1">トップ</a> <a href="test2.html" title="テスト" class="moji2">テスト</a> </div> ＜css記述＞ .moji1{ margin : 100px 10px 50px 60px; font-family : Arial,'ＭＳ Ｐゴシック',sans-serif; font-weight : bold; font-size : 48px; } .moji2{ margin : 50px 10px 80px 260px; font-family : Arial,'ＭＳ Ｐゴシック,sans-serif; font-weight : bold; font-size : 48px; }

    • ベストアンサー
    • HTML
  • ブログのメニューバーをヘッダー画像の下に

    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; }　　 です。お願いします。

  • ページ毎に位置が変わってしまう。HTML

    サイト見ていただければ一目瞭然なのですが、メニューの行の下の余白部分がindex.htmlとそれ以外で違ってしまいます。 HTML構文はコピペしているので同じはずなのですが、素人同然の私としては限界です。 どなたかご教示お願い致します。 URLは http://frecklejp.com/ です。それではお願いします。 また、外部CSSファイル一応作っています。それは以下になります。 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー @charset "utf-8"; /* CSS Document */ /*====================================== すべて =======================================*/ body,td,th,Table_01 { font-family: Verdana, Tahoma, Arial, sans-serif, Meiryo UI; color: #666666; font-size:medium; } body { background-color: #FFFFFF; margin-left: 50px; margin-top: 100px; margin-right: 0px; margin-bottom: 0px; } /*====================================== リンク =======================================*/ a:link { color: #a9a9a9; text-decoration: none; } a:visited { 　　　　color: #a9a9a9; 　　　　text-decoration: none; } a:hover { text-decoration: underline; color: navy; 　text-decoration: none; } a:active { text-decoration: none; color: navy; text-decoration: none; } /*====================================== ベース =======================================*/ メイン =======================================*/ t { line-height: 15px; margin-left: 30px } ui { list-style-type: square; } span-class { font-size: x-small; text-align: right } .div-class { border-width: 0px 0px 0px 10px; border-left-width: 5px; border-left-style: solid; border-left-color: firebrick; padding: 0px 0px 0px 6px; /* 余白の幅 */ } prof { font-family: Verdana, Tahoma, Arial, sans-serif, Meiryo UI; color: #666666; font-size:medium; }

  • ブログのタイトル文字色について。

    fc2でブログを始めました。 色々検討して、公式テンプレートの「life」というものを選択しました。 ただ、タイトルの背景画像だけ変更しようと思い、色々苦労した結果、変更できました。 しかし、タイトルの文字色が灰色のため、今のままではタイトルがひどく見づらいのです。 そこでタイトルの文字色を変更しようとしましたが、どうにもそれに該当する部分が分かりません。 以下にスタイルシートを貼りますので、どなたかご教授下さい。 body { font-family: Verdana ,sans-serif,Osaka; background: #eee; background-image: url(http://templates.blog.fc2.com/template/life/bacck6.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; font-size: 83%; line-height: 1.6; margin:0; color:#232323; } a:link { color:#bbb; text-decoration: none; } a:active { color: #999; text-decoration: none } a:visited { color: #777; text-decoration: none } a:hover { color: #d00; text-decoration: underline; } /* h1 を大きくとって、背景画像を見せてます。 */ /* 出来る人は div 要素なんか使って、テンプレ弄った方がいろいろいいかも */ h1 { background: #070; /* 背景を差し込む場合は高さ 150px ぐらい推奨 */ background-image: url(http://blog-imgs-59.fc2.com/n/a/m/namakedaruma/201304221809488f4.jpg); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; margin: 0; font-size: 150%; /* 文字の位置を変える場合、上下合わせて 6em 取るといいかも */ padding: 3em 3em; /* 位置を真ん中にしない場合は以下で文字位置設定 */ /* padding: 3em 0.7em 3em 0.7em; */ border-left: 1px solid #000; border-right: 1px solid #000; } h1 a:link { color: #fff; text-decoration: none; } /* h2 要素は現時点で、横向きカレンダーで被せてるんで擬似背景設定になってます */ h2 { background: #000; background-image: url(http://templates.blog.fc2.com/template/life/back2.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; margin: 0; padding: 0.5em; text-align: center; font-size: 100%; font-style: normal; border-left: 1px solid #000; border-right: 1px solid #000; color: #fff; border-top: 2px solid #000; border-bottom: 2px solid #000; } /* h2 要素に被る横カレンダー設定 */ .yokocal { position: absolute; left: 10%; top: 16em; border: 1px solid #000; background: #777; padding: 0.3em; text-align: center; margin: 0; font-size:75%; } /* 背景色透過で、h1 要素最下部に表示する場合や、横カレンダーを表示させない場合は、 以下の設定の方がしっくりきます。*/ /* 背景画像によって、文字色の変更 */ /* この場合は h2 要素が見えるようになります */ /* h2 要素の上下のパディング 0.5em が大きくて気になる場合は減らす */ /* 参考までに h2 要素の上下パディングを 0 にした場合、 以下で記述の right 属性の top のプロパティを 14.5em から 13.4em へ変更 */ /* .yokocal { position: absolute; left: 10%; top: 13em; padding: 0.3em; text-align: center; margin: 0; font-size:75%; } */ /* 横カレンダーの日付はリストを inline で横に並べてるので、不具合ある人もいるかも。*/ .yokocal li { color: #000; display: inline; margin: 0 0.1em; } .yokocal a{ font-weight: bold; } .yokocal a:link { color: #fff; text-decoration: underline; } .yokocal a:visited { color: #999; text-decoration: underline; } .yokocal a:hover { color: #f00; text-decoration: none; } /* レイアウト設定 */ /* レイアウト構成は left の中に right を左側に入れ込んでるという感じ。 そのために、left 属性では左に大きくパディングを取ってます。 ので、left でも実際は、右側に表示されることになります。*/ /* 記事表示部分 */ .left { margin: 0; margin-left:1px; padding: 0 0 0 18.7em; border: 1px solid #000; background: #fff; } /* メニュー部分 */ .right { background: #ffe; background-image: url(http://templates.blog.fc2.com/template/life/back3.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; width: 15.5em; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; position: absolute; padding: 1.7em 0.7em; top: 14.5em; left: 0; color: #232323; /* left 属性のボーダーを使うためその分の余白 */ margin-left: 1px; } .right p{ margin: 0.3em; font-size: 80%; } .right a:link { color:#333; text-decoration: none; } .right a:active { color: #999; text-decoration: none } .right a:visited { color: #666; text-decoration: none } .right a:hover { color: #d00; text-decoration: underline; } /* メニューの見出し*/ .right h3 { font-size: 80%; font-family: Verdana ,sans-serif,Osaka; font-weight: normal; color: #000; letter-spacing: 0.1em; margin: 1.7em 0 0 0; padding: 0.2em 0.2em 0.2em 0.7em; background: #ffd; bo

  • 全体的に左に配置されている

    自分のFC2ブログを解像度の高いワイド画面のパソコンで表示させてみたところ、全体が左に配置され、右半分が真っ白となっていました。 どうすれば真ん中に表示されるでしょうか？ スタイルシートの一部はこう↓なっています。 body { width: 100%; color: #333; font-size: 100%; font-family: sans-serif; } h1#logoType { font-family: Helvetica, Arial, sans-serif; font-size: 41px; letter-spacing: 1px; line-height: 1.3; position: absolute; left: 140px; top: 50px; } .intro{ font-size: 16px; letter-spacing: 2px; line-height: 1.3; position: absolute; left: 135px; top: 105px; color:#81aacf;} #primary {float: left; width: 600px; padding: 190px 0 0 120px; }

  • ＭＴ長所新車で

    超初心者です。ムーバブルタイプで、エントリーに画像をアップすることはできるのですが、トップのバナーにはアップすることができません。スタイルシートで何回も挑戦していますが、どこが間違っているのか、画像が反映されないのです。間違いを教えてください。 具体的に書きます。 #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } a#banner-img { } 　　となっているところを #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-image:<img alt="ue01.gif" src="http://www 略 width="×××　heigho="○○○/>; background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } あるいは【例０２】 #banner { font-family: Verdana, Arial, sans-serif; color: #FFFFFF; background-image:url<img alt="ue01.gif" src="http://www 略 width="××× height=" ○○○/>;　 background-color: #6B8E23; text-align: left; padding: 15px ; border-bottom: 1px solid #FFFFFF; height: 39px; } としています。 どこがおかしいでしょうか。 またどのようにすれがいいでしょうか どなたか教えてください。

桜花賞予想！ナミュールとサークルオブライフに注目！
このQ&Aのポイント
  • 明日の桜花賞は注目のレースです。ナミュールとサークルオブライフが力を発揮する可能性が高いです。
  • その他にもラブリィユアアイズやピンハイ、ナムラクレア、ベルクレスタも上位に入る可能性があります。
  • 一方、ウォーターナビレラやクロスマジェスティ、アルーリングウェイには注意が必要です。
回答を見る

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する