- ベストアンサー
MovableTypeのバナー高さを変更するには？
こんにちは。 MovableType3.2のバナー部分の高さを変更したいと思いまして、スタイルシートをみてみたのですが幅に関する記述しかなく、またwidthの次の行にheightで高さのピクセルを入れてみたりしたのですが高さが変わりませんでした。 バナー部分を画像に置き換えて高さを変更することはできるようなのですが、画像でなく標準の色が付いているだけのバナー部分をそのまま高さだけ変更したいのですが、こういうことは可能でしょうか？ *試した部分はスタイルシートの516行目くらいの －－－－－－－－－－－－－－－－－－－－－－－－－－ #banner { width: 710px; /* necessary for ie win */ －－－－－－－－－－－－－－－－－－－－－－－－－－ です。
- hayase
- お礼率19% (76/383)
- ブログ
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
>バナー部分 というのはブログのタイトルの部分でしょうか？ 「padding」で上下を設定するというのはどうでしょう？ あと、 >#banner >{ >width: 710px; /* necessary for ie win */ ですが、最後の「 } 」はあえて記載しなかったのでしょうか？ 元々そのようになっていたのなら付け加えましょう。
その他の回答 (1)
- -chiffon-
- ベストアンサー率39% (303/768)
#banner { width: 710px; /* necessary for ie win */ height: 200px; } とheightを追加してみたらいかがでしょう？ （高さはお好みで。「200px」はただの例です。）
関連するQ&A
- ムーバブルタイプのテンプレート変更で困っています
いつもお世話になります。 ムーバブルタイプ3.53でテンプレートをカスタマイズして使おうと思っています。 本などを見て背景色の変更などはできたのですが、 バナー部分に画像（720*206Ppx)を貼り付けようとしてできず困っています。 本に書いてあるようにスタイルシートを書き換えると、一部（上方）だけ表示し、あとの下方部分は真っ白の状態です。 スタイルシートの記述は以下です。 #banner { width: 720px; /* necessary for ie win */ height: 206px; background:a3b8cc; background-image: url(head.gif) ; background-position: left top; background-repieat: no repeat; } #banner-inner { padding: 15px 13px; border-width: 0px 0px 0 0px; border-style: solid; border-color: #999999; } 何を治したらいいのでしょうか。教えてください。 よろしくお願いします。
- 締切済み
- CSS
- バナーをクリックしてサイトにつなげるようにしたいのですが
ブログ人を使っています。 バナーは貼ることができました。 ですが、バナー自体をクリックしてもサイトには繋がりません。 活字で表示した部分をクリックしたらサイトには繋がるのですが・・・。 ちなみにそのバナーのメモは <p><a onclick="window.open this.href, '_blank', 'width=88,height=31,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://＊＊＊.blog.ocn.ne.jp/.shared/image.html?/photos/uncategorized/banner2_2.gif"><img title="Banner2_2" height="35" alt="Banner2_2" src="http://＊＊＊.blog.ocn.ne.jp/＊＊＊/images/banner2_2.gif" width="100" border="0" style="FLOAT: left; MARGIN: 0px 5px 5px 0px" /></a> </p> と出ています。＊＊＊の部分は 自分のブログのアドレスです。 この中のどこかを修正したら良いのですか？ 教えてください。
- ベストアンサー
- ブログ
- バナーの貼り方が、わかりません…
ＨＰは、魔法のｉらんどと言うサイトを使ってます。 <!-- smaf global banner --> <a href="http://smaf-yamaha.com/"> <img src="img/smaf_banner_full.gif" width="468" height="60" border="0"></a> <!-- smaf global banner end --> これを貼ってますが、画像が表示されません。 バナーの枠は、でますが×になってます… 何か他に必要なのでしょうか？
- ベストアンサー
- HTML
- サイドメニューの左側に縦線を入れたい/movabletype
こんにちは。movabletype3.31で、本文などが入る中央の部分と右側のサイドメニューの間に区切り線のような縦線を入れたいのですが、CSSで指定しても縦線が表示されないのです。 p.right { border-right: 1px double #0000ff; height: 600px; margin-right: 400px; } とやってみまして、青色の幅1ピクセル線が高さ600ピクセルで右端から400ピクセルのところに表示される、というつもりだったのですがどのようにすれば良いでしょうか？ どうかアドバイスお願いいたします。
- ベストアンサー
- ブログ
- この解答は合っていますか？
ウェブデザイン技能検定 > 試験対策 http://www.webdesign.gr.jp/wdsc/taisaku.php このサイトの「3級学科 練習問題.PDF」 の中で問23問の答えがPDFでは「２」になっているのですが、私には解答は「３」としか思えません。 理由がわかる方は教えていただけませんか。 宜しくお願いします。 以下、一部抜粋 ----------------------------- 問23問 XHTML1.0で幅180ピクセル、高さ90ピクセルの画像表示を行うときの正しい記述を以下より選択しなさい。 2.<img src="banner.jpg" width="180" height="90" alt="banner"/> 3.<img src="banner.jpg" width="180px" height="90px" alt="banner" /> （1と4は省略） （2の/の前は確かにスペースがありません。）
- ベストアンサー
- HTML
- jQueryでn秒後に要素を最後に移動
$("#top_banner").append('<div style="width:245px; position:absolute; top:0px; left:0px;" class="banner banner2"><img src="01.jpg" width="100%" alt="" /></div>'); $("#top_banner").append('<div style="width:245px; position:absolute; top:0px; left:245px;" class="banner"><img src="02.jpg" width="100%" alt="" /></div>'); $("#top_banner").append('<div style="width:245px; position:absolute; top:0px; left:490px;" class="banner"><img src="03.jpg" width="100%" alt="" /></div>'); $("#top_banner").append('<div style="width:245px; position:absolute; top:0px; left:0px;" class="banner banner1"><img src="04.jpg" width="100%" alt="" /></div>'); $("#top_banner").append('<div style="width:245px; position:absolute; top:0px; left:245px;" class="banner"><img src="05.jpg" width="100%" alt="" /></div>'); $("#top_banner").append('<div style="width:245px; position:absolute; top:0px; left:490px;" class="banner"><img src="06.jpg" width="100%" alt="" /></div>'); $(".banner").click(function(){ $(this).prependTo("#top_banner"); }); $(".banner1").delay(1000).prependTo("#top_banner"); $(".banner2").delay(2000).prependTo("#top_banner"); <div style="width:750px; background-color:#808080; height:90px; padding-top:6px;"> <div style="width:735px; margin:auto; position:relative;" id="top_banner"> </div> </div> 上記のように記述し、n秒後に自動でバナーが切り替わるプログラムを作成しようしましたが、 うまく動作しません。 クリックすると切り替わるので、その要領で「delay(1000).prependTo("#top_banner")」と記述しました。 1秒後に画像が切り替わるかなと思いましたが、動作しませんでした。 delayはprependToには効かないのでしょうか。 また、上記ソースをもう少し完結にまとめることは可能でしょうか。
- ベストアンサー
- JavaScript
- 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; }
- 締切済み
- ブログ
- その作ったバナーをクリックして新しいウィンドウで開かすにはどうしたらいいんですか？
自分のブログにリンクできるバナーを作ったんですが、 その作ったバナーをクリックして新しいウィンドウで開かすにはどうしたらいいんですか？ 新しいウィンドウで開かないので困ってます。。 <A href="リンク先のURL"><IMG src="画像のファイル名" width="画像の幅" height="画像の高さ"></A> で 作ったのですが これでは 新しいウィンドウでひらかないんですか？？
- ベストアンサー
- ブログ
- HTML（画像の幅や高さの設定について）
HTMLで画像の幅(width)や高さ(height)を設定する際、 次のようにピクセル「px」は省略してもよろしいのでしょうか？ 【例】<img src="images/logo.gif" width="200" height="300">
- ベストアンサー
- その他（インターネット・Webサービス）
