- 締切済み
ブログ HTML
グーグルでブログをしています。 公式のテンプレートを使用しているのですが、 記事の内容を自動的に真ん中にしたいのですがどうしたらいいでしょうか？ body { background:$bgcolor; margin:0; color:$textcolor; font:x-small "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; } この部分になにかいれるのでしょうか？ 全くんの初心者です。 宜しくお願い致します。
- success703
- お礼率55% (31/56)
- ブログ
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- 756co
- ベストアンサー率79% (162/203)
記事投稿の際に「中央揃え」のボタンを使うというのではダメなのでしょうか？ bodyの部分だけでは text-align: center; と中央寄せが指定されているので 記事の内容も さらに中央寄せしたいというのであれば 記事の部分のスタイルシートを書き直す必要があります。 お使いのテンプレートの名前を明記すればアドバイスをもらえるのでは？
関連するQ&A
- ブログの投稿日時表示
初めてのブログで困っています。 投稿した記事に日にちは表示されるのですが、時間が表示されません。 投稿記事及びコメントについて日時を表示したいのですが、どのようにカスタマイズすればいいのでしょうか。 教えて頂けると助かります。 関連しそうな設定は下記のとおりです。 宜しくお願いします。 /* 投稿記事単位 */ .postdate { width: 495px; margin: 0px 0px 70px 0px; padding: 0px; } /* 投稿記事の日付テキスト見栄え設定 */ .postdate h2 { width: 495px; color: #2D1805; font-family: Osaka, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; text-align: center; height: 23px; line-height: 23px; margin: 0px; padding: 0px 0px 0px 0px; background-image: url(/common/img/user/96-a/main_date.gif); background-repeat: no-repeat; background-position: top center; } .postdate hr { margin: 0px; }
- ベストアンサー
- ブログ
- ブログのレイアウトについて
シンプルなブログを借り、日付やコメント欄を消して 1枚サイトのように見えるものを作っています。 画像を見ると質問内容が一目で分かるようになっているのでご照覧の上、 どこに何を書き加えれば希望レイアウトになるのか教えてください。 cssは初心者なので可能な限り丁寧にお願いします。 ※600px画像は縮小しない 現在css編集を開くと以下のようになっています。 ＦＣ2ブログの共有テンプレートのひとつです。 <STYLE TYPE="text/css"> <!-- body{ color: #4F0000; font-family: 'Verdana','ＭＳ Ｐゴシック'; font-size: 11px; line-height: 140%; margin:20px; } a{ color: #4F0000; text-decoration: underline; } A:hover{ color: #4F0000; text-decoration: none; } td{ color: #4F0000; font-family: 'Verdana','ＭＳ Ｐゴシック'; font-size: 10px; line-height: 140%; letter-spacing: 0; } .box{ color: #4F0000; font-family: 'Verdana','ＭＳ Ｐゴシック'; font-size: 11px; letter-spacing: 0; line-height: 120%; } .msg img{ border:0px; margin:0px 0px 0px 0px; display:inline; float:none; } .title{ font-family: 'Verdana','ＭＳ Ｐゴシック'; letter-spacing: 10px; font-size: 10px; line-height: 180%; } .small{ font-size: 8px; font-family: 'Verdana','ＭＳ Ｐゴシック'; } .r{ font-size: 10px; } --> body { background-image : url("背景画像.jpg"); background-repeat : repeat; background-position : 50% 50%; background-attachment : fixed; } img { vertical-align: baseline; } </STYLE> どう調べても希望通りにならないので何卒お願い致します！
- 締切済み
- CSS
- ＧＯＯブログのタイトル・文字位置について
ＧＯＯでブログをやってます。 無料でカスタムできるテンプレートを使用してます。 タイトルの位置がどういうわけか、自然とタイトル画像の ど真ん中に来てしまいます。 これを左斜め上に、表示させたいのですが これは、どうしたらいいのでしょうか？ 今こんな ↓ 感じであります。 /* ブログのタイトル */ .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になってるのに、ど真ん中にタイトル文字が表示されてしまいます。 もしよければ少しアドバイスをいただきたいです。 よろしくお願いします。
- 締切済み
- ブログ
- CSSが反映されない！ソース公開
なぜかCSSが表示されずに困っています。 解決方法をご指導願います。 CSS↓（ファイル名screen.css） * { margin: 0; padding: 0; list-style: none; text-decoration: none; } body { margin: 25px 0 25px 0; font: normal 11px Trebuchet MS, Sans-serif; background: #000; color: #999; text-align: center; } #container { width: 320px; margin-left: auto; margin-right: auto; border: 1px solid #666; padding: 250px 25px 25px 25px; background: url("../images/top.jpg") no-repeat; text-align: left; } h1 { font: normal 20px Georgia, Sans-serif; margin-left: 45px; margin-bottom: 20px; } h1 span.highlight { color: #efefef; } h1 span.small { font-size: 11px; color: #333; } h2 { margin-top: 15px; margin-left: -25px; padding-left: 20px; border-left: 5px solid #666; font: bold 11px Trebuchet MS, Sans-serif; } INDEX.HTML↓（前半部分のみです） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="styles/screen.css" media="screen"> </head> <body> はじめてのHP作成です。凡ミス等ご指導よろしくお願いします。
- ベストアンサー
- HTML
- ブログの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; }
- ベストアンサー
- ブログ
- テーブルタグを削りたい
よろしくお願いいたします。 私の作っているＨＰは表が多いのですが、ＨＰビルダーで 作るとタグが多くなり、とても重いページになってしまう ので、タグを削れたらと思っています。 たとえば <TR> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">1</FONT></TD> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">2</FONT></TD> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">3</FONT></TD> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">4</FONT></TD> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">5</FONT></TD> <TD bgcolor="#ffffff"><FONT size="-1" face="Verdana">5</FONT></TD> </TR> こんなカンジに、セル１マスごとにフォントや色が指定 されてしまうのですが、これを１回の記述で済ませる こととかはできますでしょうか？表の中で字を太くしたり 色を変えたりする箇所もあるので、その場合の方法も お教えください。スタイルシートは詳しくないのですが、 参考になるページなどあったら勉強したいと思いますので お願いいたします。
- ベストアンサー
- HTML
- ページ毎に位置が変わってしまう。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; }
- ベストアンサー
- デザイナー・クリエイティブ職
- ページ上部の余白をなくしたい（ＣＳＳ）
初歩的な質問で申し訳ありません。 以下のような記述なのですが、 <div id="container">の上部にスキマが出来てしまいます。 背景に仮色をつけたりして確認しましたが、 どうしても余白をなくすことができません。 marginの指定の仕方がおかしいのでしょうか？ ご指摘いただけると助かります。 /* HTML（単純に書くとこんな感じです）*/ <body> <div id="container"> <div id="header"> <div> </div> </body> /* CSS */ body { margin : 0; padding : 0; background-color : #eeeeee; font-size : 12px; line-height : 150%; color : #333333; font-family : arial, helvetica, sans-serif, Verdana, Geneva, ＭＳゴシック; text-align : center; } #container { margin : 0 auto; padding : 0; width : 751px; text-align : left; background-color : #ffffff; } #header { margin : 0 auto; padding : 0; width:745px; height:120px; background: transparent url(***.jpg) ; background-repeat: no-repeat; }
- ベストアンサー
- HTML
- fc2ブログのスタイルシートについて
h1～h6タグの文字の大きさ＆改行（しない）を変更したいのですが、 fc2ブログのスタイルシートのどこに書き込めばいいのか分からない状態です。 色々調べてみたのですが、どうしても分からないので、分かる方がいましたら、教えて下さい。 よろしくお願いします。 ソースは、こちらになります。 （文字数が足りないので数ヵ所省きました）↓ body{ font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic","Arial","Osaka"; margin:0px; margin-left:auto; margin-rught:auto; padding:0px; background-color: #FFFFFF; color:#666666; text-align:center; letter-spacing:1px; word-break: break-all; } #container{ width:840px; margin-right:auto; margin-left:auto; padding:0px 0px; background-color: #FFFFFF; border-left:1px solid #DECE21; border-right:1px solid #DECE21; } /* ### 共通のタグ ### */ blockquote{ font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka"; margin:15px 0px; padding:10px; background-color:; border:1px dashed #996600; font-size:12px; line-height:150%; width:90%; voice-family:"\"}\""; voice-family:inherit; width:90%; } html>body blockquote{ width:90%; } blockquote p{ margin:0px 0px; padding:0px; line-height:150%; } h1.blogtitle{ position:absolute; width:820px; font-family: "Century Gothic","MS UI Gothic","ＭＳ Ｐゴシック", "Arial","Osaka"; padding:0px; margin:0px; top:3px; left:20px; color:#333333; font-size:24px; font-weight:normal; z-index:1; } h1.blogtitle_back{ position:absolute; width:818px; font-family: "Century Gothic","MS UI Gothic","ＭＳ Ｐゴシック", "Arial","Osaka"; padding:0px; margin:0px 0px 0px 1px; top:4px; left:21px; color : #CCCCCC; font-size:24px; font-weight:normal; z-index:0; } /* ### メイン部（左側） ### */ #main{ width:590px; float:left; margin:0px; padding:0px; } #contents{ margin:0px 20px 0px 20px; padding:0px; text-align:left; width:590px; voice-family:"\"}\""; voice-family:inherit; width:550px; } html>body #contents{ width:550px; } /* ### エントリー（記事） ### */ .e_title{ font-family: "MS UI Gothic", "Verdana","ＭＳ Ｐゴシック", "Arial","Osaka"; height:20px; text-indent:60px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; color:#967B3F; font-size:14px; font-weight:bold; letter-spacing:1px; } .e_date{ font-family: "Verdana","ＭＳ Ｐゴシック", "MS UI Gothic", "Arial","Osaka"; margin:0px 0px 30px 60px; text-align:left; color:#999999; font-size:10px; line-height:150%; letter-spacing:1px; } .e_body{ font-family: "MS UI Gothic","Verdana","ＭＳ Ｐゴシック", "Arial","Osaka"; margin:0px 0px 15px 0px; margin-bottom:25px; padding:0px ; color:#444444; font-size:12px; line-height:155%; letter-spacing:1px; } .e_body img, .e_body a img{ margin:2px; border:0px; } .e_body_w{ margin:0px; padding:5px 15px 5px 15px; background-attachment: scroll; background-image: url(http://blog-imgs-41.fc2.com/a/w/i/awitchsally/aws_np03_point.gif); background-repeat: no-repeat; background-position: 0% 0%; border:1px solid #E9F3E9; } .e_more{ margin:30px 0px 15px 0px; padding:0px; text-align:left; color:#333333; font-size:10px; font-weight:bold; letter-spacing:1px; } .e_state{ font-family: "Verdana","ＭＳ Ｐゴシック","MS UI Gothic", "Arial","Osaka"; margin:5px 0px; text-align:left; color#967B3F; font-size:10px; letter-spacing:1px; line-height:150%; font-weight:bold; }
- ベストアンサー
- HTML
- スタイルシートのカスタマイズ方法 を教えて！！
下記スタイルシートの花の絵の部分を自分のＣドライブ内に保存している画像に変更したいのですが、どのようにすればいいのでしょうか。 @charset "EUC-JP"; /* ############################### ▼▼基本 ################################# */ body { color: #6e625c; background-color: #fff; background-image: url("https://cart1.fc2.com/template/bouquet/image/bg.gif"); text-align: center; margin: 0; padding: 0; bgcolor: #ffffff } #BaseBlock { color: #6e625c; font-size: 10px; font-family: Osaka, "Verdana", "ＭＳ Ｐゴシック"; text-align: left; margin: 0 auto; padding: 0; width: 863px } a:link , a:active , a:visited { color: #c36; text-decoration: none } a:hover { color: #29a8a8; text-decoration: underline } br { letter-spacing: normal } /* ############################### ▼▼ 先頭 ################################# */ #HeadBlock { font-size: 10px; font-family: Osaka,Verdana, "ＭＳ Ｐゴシック"; background-image: url("https://cart1.fc2.com/template/bouquet/image/bg-head.gif"); background-repeat: repeat-x; background-position: 0 0; text-align: center; margin: 0; padding: 0; width: 100%; height: 245px } .HeadBlockA { background-image: url("https://cart1.fc2.com/template/bouquet/image/top-1.jpg"); text-align: right; margin: 0 auto; padding: 0; width: 863px; height: 46px } .HeadBlockAtext { padding-top: 20px } .HeadBlockB { background-image: url("https://cart1.fc2.com/template/bouquet/image/top-2.jpg"); text-align: right; margin: 0 auto; padding: 0; width: 863px; height: 138px } .HeadBlockC { background-image: url("https://cart1.fc2.com/template/bouquet/image/top-3.jpg"); text-align: right; margin: 0 auto; padding: 0; width: 863px; height: 42px } .ShopName { font-size: 20px; font-family: Verdana, Osaka,"MS UI Gothic"; font-weight: bold; margin: 0; padding: 10px 0 0 0 } .ShopName a:link , .ShopName a:active , .ShopName a:visited { color: #000; text-decoration: none } .ShopName a:hover { color: #dadada; text-decoration: none } 「▼▼基本」の部分のURL（background-image: url("https://….jpg");）を変更するのでしょうか。 その際、「▼▼ 先頭」の部分のURL（background-image: url("https://….jpg");）は触らないでそのままでいいのでしょうか。 ずっと「▼▼ 先頭」の部分のURLを変更していましたが、全く反映されません。 Ｃドライブに入っている画像は「○○.jpg」と書けばいいのでしょうか。
- 締切済み
- Windows XP
お礼
ありがとうございます。 助かりました！！