• 締切済み

サイト全体をセンタリングする方法がわかりません。

html言語の知識が乏しく 下記サイトページ全体をセンタリングする方法を どなたか、ご指導いただけないでしょうか？ http://www.omdkikai.com/home/ulta/ ソフトは、Dream weaver cs6を使っており APエレメントを使って作っております。 よろしくお願いします。

  • omd
  • お礼率0% (0/1)
  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

回答No.1

全体をdivなり囲って margin:0px auto; html <div class="wrapper"> ～～～～ </div> css .wrapper{margin:0px auto;} とやるのがデファクトスタンダードです

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • テキストと画像のセンタリングについて

    テキストと画像のセンタリングについて 今現在サイトを作っています。 メニューの素材をダウンロードしてきて導入しようと思ったのですが、導入するとテキストや画像がセンタリングしてしまいます。 メニューは下記サイトの素材を使用しました。 http://apycom.com/menus/1-black.html 下記が私のサイトです。 汎用性をあげる為にTOPページ以外のページ上部のメニュー部分はまとめてSSIでインクルードしています。TOPページのようにalign属性を指定すれば解決できるのですが、それ以外に解決方法はないでしょうか？CSSファイルなどで設定されているのかと思いソースを見てみましたが、さっぱり分かりません。 http://aviflag.orsp.net/link.shtml サイトの作成について半可通の知識しかない為に、テーブルでレイアウトしていたりとてもお見苦しいソースですがよろしくお願いします。 どのようにすればテキストや画像がセンタリングされないようになるでしょうか？ 分かる方がおりましたらご教授ください。何卒よろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブル内の違うセルをターゲットにリンクを表示したいのですが・・

    ｍａｃｒｏｍｅｄｉａ　Dream weaver MX2004を使っているのですが ｜　Ａ ｜ ｜Ｂ｜Ｃ｜ ↑　上記のような「Ａ、Ｂ、Ｃ」3つのセルからできたテーブルを作っています。 Ａのセルにメニューがあり、リンクの表示をＣにしたいのですが 可能でしょうか？ ページ全体をコピーしてＣだけを変更したページを開くように設定するものなのでしょうか？ Dream weaver MX2004は初心者なのですが トライしたいと思っています。 ご指導のほど宜しくお願い致します。

  • dream weaverでWEBのダウンロード機能

    こんにちは、フリーソフトでＷＥＢページのダウンロードするものはあるのですが、dream weaverに同様の機能は、ありませんか？ よろしくお願いします。

  • マウスを合わせた時に、文字色を変えるには？

    AppleのHPのヘッダーのように、マウスを合わせると色が変わるようにするには、どのようにすれば良いでしょうか？ 参考URL http://www.apple.com/jp/ 使用ソフトは、dream weaver CS4になります。 お手数ですが、初心者のため、 1,KKKKK 2,XXXXX 3,LLLLLL 4,完成 のような形でご教示いただくと嬉しいです。 宜しくお願いします。

  • フレーム枠、border=0にしてもWINでは枠が消えない

    画像リンクのフレーム枠ですが、border=0にすると消えるようなのでやってみたところ、MACでは消えるのですがWINでは消えていないようなんです。どうしたらいいのでしょうか？ 初心者なので判りやすく教えていただけると有り難いです。 制作ソフトはDream Weaver CS3を使って制作しています。 よろしくお願いいたします。

  • ページ全体を中央に表示したい

    ページ全体を中央に表示したいので http://www.1uphp.com/con2/layout/bodycenter.html の通りにコードを張り付けたのですが、全体が若干左に寄ります。 どこを修正すればいいのでしょうか？ body { margin:0px; /* ページ全体のmargin */ padding:0px; /* ページ全体のpadding */ text-align:center; /* 下記のautoに未対応用のセンタリング */ } #main { margin-left:auto; /* 左側マージンを自動的に空ける */ margin-right:auto; /* 右側マージンを自動的に空ける */ text-align:left; /* 中身を左側表示に戻す */ width:650px; /* 幅を決定する */ } この通り貼り付けました。

    • ベストアンサー
    • HTML
  • 【WEB制作:Dream Weaverで作ったHPをWEBで公開する方

    【WEB制作:Dream Weaverで作ったHPをWEBで公開する方法】 課題でDreamWeaverを使いホームページ(以下HP)を制作しました。 私の少ないDwの知識を振り絞ってせっかく作ったのですが、サーバーに上げる事無く(要するに「http://…」というアドレスを持つ事無く)この授業は終わってしまいます。。 もったいないし、出来れば公開したいのですが、どうしたら「http://…」というアドレスを持つ事が出来ますか？ 所謂“無料サーバー”というものを利用するんでしょうか？ 出来ればHP維持費は安く済ませられたら嬉しいです。 Dream Weaverで作ったHPをWEBで公開する方法を詳しく教えて頂けますでしょうか？ （参考URL等もありましたらお願い致します） 使用PC:Macintosh OS X ver.10.5.8 使用ソフト:Adobe Dream Weaver CS3

  • adobe dream weaver CS4（CS5）で文字の色指定や

    adobe dream weaver CS4（CS5）で文字の色指定や、行の中央揃え（右揃え等）、テーブルのボーダー色の設定ができません。 今まで、マクロメディアのdream weaver 8を使用していたのですが、 この度、CS4を導入することになりまして、作業を行っていたところ、上記のように文字の色指定や行の中央揃え等の設定ができなくなってます。 調べたところ、CS3からCSSで設定するのが基本仕様っぽく、CSSの知識はあるのですが手軽にぱぱっとできないので困ってます。 また携帯サイトはスタイルシートが使えないので、文字の指定とかに、いちいちfontタグを打って入力しないといけないのでしょうか？ バージョンがあがっているの不便になっているのかどうなのか…

  • adobe dream weaver CS4で文字の色指定や、行の中央

    adobe dream weaver CS4で文字の色指定や、行の中央揃え（右揃え等）、テーブルのボーダー色の設定ができません。 今まで、マクロメディアのdream weaver 8を使用していたのですが、 この度、CS4を導入することになりまして、作業を行っていたところ、上記のように文字の色指定や行の中央揃え等の設定ができなくなってます。 調べたところ、CS3からCSSで設定するのが基本仕様っぽく、CSSの知識はあるのですが手軽にぱぱっとできないので困ってます。 また携帯サイトはスタイルシートが使えないので、文字の指定とかに、いちいちfontタグを打って入力しないといけないのでしょうか？ バージョンがあがっているの不便になっているのかどうなのか…

    • ベストアンサー
    • HTML
  • cssでメインコンテンツをセンタリングする方法

    cssでメインコンテンツをセンタリングする方法に関する質問をお願いいたします。 下記のサイトなどをみると、 http://www.css-lecture.com/log/css-beginner/026.html *xhtml <body> <div id="wrapper"> <h1>サイト全体を中央に配置にする</h1> <p>サイト全体を中央に配置にする為のテキスト</p> <!--/ #wrapper--></div> </body> *css body { text-align: center; } div#wrapper { width: 800px; margin: 0 auto; text-align: left; border: 1px solid #FF0000; } （1）「body」においてもセンタリングを行っているいるのですが、 それはどうしてでしょうか。 「div#wrapper」だけのセンタリングでは不十分なのでしょうか？ ＞ body { text-align: center; } ＞ （2）また、「p」などのインライン要素は { text-align: center; } を使い、 「id」などのブロック要素は { margin: 0 auto; text-align: left; } を使いますすが、 body要素に対しても、 { text-align: center; } とすることが出来るのでしょうか？ (3)あと、「div#wrappe」で囲ったブロックの中の 「p」や「id」で囲ったコンテンツの中身のテキストは 「div#wrapper」の「 text-align: left; 」で 全て左寄せになりますか？ 参考書などを見ても解りづらかったので 教えていただきたくお願い致します。m(_ _)m その他参考URL: http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1010809440

    • ベストアンサー
    • CSS

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する