- ベストアンサー
DreamweaverCS3のレイアウト
DWCS3に、サイズ幅850ピクセル・高さ400ピクセルのFlash画像を挿入しました。作業領域は869x507となっております。<body>や</body>の前後に、alignなどを入れ、ブラウザのプレビュー時には画像が画面の中央にくるようにしました。 ここまではいいのですが、プレビュー時Flash画像の下に、画像と同じ高さくらいの余白ができてしまいます。画像の上に余白はほとんどありません。 ＰＣ画面の真中央に配置するにはどうしたらよいのでしょうか。 （ＰＣモニタ上で、Flash画像はモニタ中央・画像の左右余白は同一サイズ・画像の上下余白も同一サイズにしたいのです。） どなたか教えていただけませんでしょうか。お願いいたします。
- donchan2005
- お礼率76% (59/77)
- ホームページ作成ソフト
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- サイトによって画面が小さい
先日モニターを買い換えたところ、インターネットに接続すると、エクスプローラーは画面最大化にしているのに、サイトによってなのですがフル画面で見られなくなってしまいました。 右1/3が白くなっていたり、サイト画面が中央にあって左右が余白状態だったり・・・ サイト管理者に問い合わせたところ、画面の画像度を変えたらどうかと言われたのですが、17インチモニターで最大の1280*1024ピクセルにしてあり、それ以上にはなりません。 どうしたら、フル画面いっぱいでどのサイトも見られるようになるのでしょうか？ とても見づらくて困っています。どうぞ良きアドバイスをお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 大きな画像をつかったHPをどのブラウザでも中央に
ヘッダー画像を１９００ピクセル ボディーに９５０ピクセルの画像 を並べたホームページを作りました。 大きなブラウザ（画面）で見るときれいに 中央に見えるですが 小さなブラウザで見ると 画像がおおきいので右側が見えず 右にスクロールさせたないとなりません。 どうすれば、どのブラウザでも 全体が中央にして 見ることができるでしょうか？ どなたかお教えくださいましたら 大変助かります。すいません。
- ベストアンサー
- ホームページ作成ソフト
- CSSでのレイアウトについて
CSSやHTMLのテンプレートをカスタマイズ中です。 分からないことだらけですが構成としては BODYと#maincontで分かれていまして、 画面中央に四角いコンテンツ。 サイドに背景画像が表示されるようにしたいです。 BODY部分に背景画像のbackground指示を入れると 画面一面中央コンテンツ上にも背景画像が表示されてしまいます。 画像がかぶっている中央コンテンツの文章や 外枠は画像の上から表示されて読めます。 一枚構成になっているような状態だと思うのです。 枠外背景にのみ画像を表示する方法を教えてください。 画像なしの状態では閲覧に問題はないです。 下記CSSを一部抜粋します。 どなたかご親切な方。 分かりやすくお願いします。 BODY{ font-size:～～; font-family:～～～; color:#～～～; border-top:5px #000000; solid; background-image: url(～～～); background-repeat: repeat; } #maincont{ width:600px; margin:auto; padding:30px border-left:3px #～～～ dotted; border-right:3px #～～～ dotted; }
- ベストアンサー
- その他（インターネット・Webサービス）
- 全体のレイアウト：中央揃えについて
画面の全体のレイアウトを中央にそろえたいと思い、「div.Zen { margin-left: auto; margin-right: auto }」を指定してもIEでは中央揃えになっていませんでした。 ところが、「body { text-align: center }」を指定したところ、中央揃えになりました。 ブラウザで比較してみると、 ■IE7 body { text-align: center }で、中央揃え div.Zen { margin-left: auto; margin-right: auto }では中央にならない ■Opera9.25 body { text-align: center }では、中央にならない div.Zen { margin-left: auto; margin-right: auto }で、中央揃え ■NetScape7.1 body { text-align: center }では、中央にならない div.Zen { margin-left: auto; margin-right: auto }で、中央揃え ■Firefox2 body { text-align: center }では、中央にならない div.Zen { margin-left: auto; margin-right: auto }で、中央揃え と、ブラウザによって中央になる指定が違うのですが何故このようなことが起こるのでしょうか？ 回答よろしくお願いします。 <?xml version="1.0" encoding="Shift-JIS" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <style type="text/css"> <!-- div.Zen { width: 900px; margin-left: auto; margin-right: auto } body { text-align: center } #Ky { float: left } div.Ku1_0 { width: 900px; height: 150px; background-color: aqua } --> </style> <title></title> </head> <body> <div class="Zen"> <div class="Ku1_0" id="Ky"></div> </div> </body> </html>
- ベストアンサー
- HTML
- Win７付属ペイントでの印刷サイズについて（再投稿
前回の質問で、よく理解されなかったようなので、 補足、画像を追加して 再投稿致します。 GIMPで ラベルの画像などを描いています。 画像を印刷しようとすると 実際に印刷されるサイズを小さく設定していても、 用紙の真ん中に印刷されてしまい、用紙がもったいないので、 ペイントで 読み込んで、中央揃えを解除、余白も調整して 用紙の端の方に印刷しておりました。（画像の右側のように） ＯＳを ＸＰから Windows７に切り替えたのですが、 例として、3988ｘ1642ピクセル、印刷サイズ84.41 ｘ 34.76mm で設定した画像を、 WindowsXPに付属のペイント(Ver.5.1)で読み込むと、 画像右側の様に、 設定した印刷サイズで 印刷されるのですが、 Windows７に付属のペイント（Ver6.1）で読み込むと、 画像左側の様に、設定した印刷サイズを無視して印刷されます。 ページ設定はどちらも、 「用紙」：Ａ４ 210x297mm 「印刷の向き」：縦 「余白」：上下左右 全て０ 「中央揃え」：水平、垂直ともに チェックは外す 「拡大縮小」：調整 → 100％ と 全く同じにしています。 ２台のＰＣで それぞれ印刷したのではなく、 同じWin７のＰＣで XP版のペイントと 付属のペイントとで 実行しています。 もちろん「調整」で％を小さくすれば、印刷されるサイズも小さくなりますが、 何％にすれば 設定したサイズになるのか、計算しなければなりません。 とりあえず、XP版のペイントを使って印刷を行えば、現状 困らないのですが、 １．新しいペイントでは 古いペイントの時の様に、印刷サイズは反映されないのでしょうか？ ２．新しいペイントの「100%」とは 何を基準にした100%なのでしょうか？ 以前の質問では 「モニタ上のピクセル寸法サイズ」と回答を頂きましたが、意味が判りません。 印刷プレビューを見ると、210mmの幅に 約770ピクセル分が印刷されていますが、 これの 何が100%なのでしょう？ もしかして、新しいペイントに 不具合が在るのでは無いでしょうか。
- 締切済み
- 画像・動画・音楽編集
- DreamweaverCS4で、SWFを挿入したのですが、Mac＋Fi
DreamweaverCS4で、SWFを挿入したのですが、Mac＋Firefoxで見たときだけ、 FLASH画像の左側に1pxのスキマが出来てしまいます。 このスキマは、ウィンドウサイズを変えると、現れたり消えたりします。 FLASH画像の入っているDIVのサイズはヨコ300px、FLASH画像そのものもヨコ300pxですが、 Firefoxでスクリーンショットを撮ってみると、ヨコ299pxになっています。 同DIV内はtext-align:leftになっています。 Windowsでは、IE、Firefox、Google chromeで問題なく、MacでもSafari、Google chromeでは 問題なく、Flash画像は左端にくっついていますし、表示上も300pxです。 何か、原因となるものご存知の方いらっしゃいましたら教えていただけたらうれしいです。 当方のFirefoxのバージョンは3.6.8です。
- ベストアンサー
- ホームページ作成ソフト
- イラストレーター10 jpegでのファイル保存サイズについて
イラストレーター10で作成した絵を、jpeg形式で96ピクセル×96ピクセルサイズに保存する必要があります。 イラストレーターで同サイズで絵を描き、Web用に保存とするとサイズが120×110となってしまいます。（画像イメージでは余白のようなものができます） Web用に保存の画面でサイズを変えると余白があるまま小さくなってしまいます。 同じことを６００ピクセル×６００ピクセルでやった場合はなんの問題もなく同じサイズで保存できました。 どうすれば、希望のサイズでjpeg形式で保存できるのでしょうか？
- ベストアンサー
- グラフィックソフト
- プレビューすると画像の一部が見えない
ＦＬＡＳＨ初心者です。 フォトショで作った画像を ボタンにしてプレビューしたところ 下の部分が消えて 作業中の（元絵）画像と 同じように表示されません その画像というのが（わかりづらくてすみません； |―――| |------| | 文字 | |------| |―――| ↑のように四角いボタンの中に---のような 白いボーダーが横に二本入っています これがプレビューをすると 下のボーダーが見えなくなってしまうのです。 ステージの中にはちゃんと１ピクセル余白を 作って入れてあってはみでてることはないです。 拡大してみるとちゃんとボーダーが見えるのですが １００％で見るとやっぱり下だけが見えません。 この画像をボタン化したときに画像の大きさが ちょっと小さくなったのですが そういうことってあるんでしょうか 一部が見えなくなったのは何回か プレビューしてアクションスクリプトを 組み込んでからなってしまって・・・； アドバイスよろしくお願いします。
- ベストアンサー
- Flash
- Dreamweaver8でページに付けた影の画像がプレビューで表示されない
他の方の質問＆回答を見て、ページに影を付ける方法を知りました (1)Fireworksで幅20ピクセル、縦30ピクセルの影の画像を作りました。 (2)terriroryタグ（幅：770、背景色：白）で囲んだコンテンツの背景画像として、水平位置750ピクセル、垂直位置0、リピートは縦方向に設定してこの画像を挿入しました。 (3)作成画面では、きれいに770ピクセルにおさまり、縦に影らしく表示されました。ステータスバーのterritoryタグを クリックすると影の画像もterritory内に囲まれていることが確認できます。 (4)でもプレビューで見ると影はついていません。 「全てを保存する」してみても変わりません。 他を変更してプレビューしてみるときちんと変更されたものが表示されます。 どこかの設定がおかしいのでしょうか...。 Bodyは背景色を薄い青にしています。幅は自動です。 マージン、余白は0にしています。関係ないですかね。 どなたか教えてください～！おねがいします。
- 締切済み
- ホームページ作成ソフト
- DreamweaverCS3で800pxの横幅にしてホームページを作る
DreamweaverCS3で800pxの横幅にしてホームページを作るにはどうすればいいのでしょうか？ 自分で一通り探ってみたのですが、ドリームウィーバーだと設定は編集⇒環境設定⇒ステータスバー というのがあって、そこで800×600とか設定できるのですが、 そのあとに内側の画面右上の四角いボタンを一度押して少し小さくしてから 画面右下のウインドウサイズを800×600にすると、編集画面が小さくなるのですが、 その小さくなって表示された画面サイズの中で編集しろということでしょうか？ それで画面の中央にもってくるためにそれぞれの文章・画像・イラストなどを中央揃えでもしてればいいのでしょうか・・・？それであってますか？
- ベストアンサー
- ホームページ作成ソフト
お礼
アドバイスありがとうございます。教則本片手に四苦八苦しておりますが、おおよそCSSも関係していると思います。再度、研究してみたいと思います。ありがとうございます。