- 締切済み
cssの幅の調整方法について
神崎 渉瑠（@taloo）の回答
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2281)
>イメージとしては全面のグレーの幅を両サイド共に２センチほどにしたいのです。 両サイドを2センチくらいにしたいのであれば、 margin-left: 2センチくらい; margin-right: 2センチくらい; を指定すれば良いです。 ただし、参考サイトのページは「両サイドを何センチ（何ピクセル）で指定」しているのではなく、 「コンテンツの幅を何ピクセルで指定して、残り（両サイド）は全部グレーで表示」 という指定の仕方です。 ウインドウ幅を広げたり狭めたりしてみてください。 コンテンツの幅が固定のままで、両幅（グレーの部分）が広がったり狭まったりしますので、指定の仕方が違う事（グレーの部分が何ピクセル/何センチで固定されていない）を確認できると思います。 >また、全面のグレーの幅を調整することで、それぞれの幅の微調整が必要な場合についても、よろしくお願いします。 すみません、意味が分かりません。 数値を変えれば調整できます。
関連するQ&A
- cssはpタグの中にかけるのか。
http://www.htmq.com/css/overflow.shtml 上記サイトを見ていると、overflowプロパティをHTMLのｐタグの中に書き込んでいますが、こういう書き方って実際に可能なのでしょうか。
- 締切済み
- CSS
- cssで列の幅を調整するには？
たとえば、 <style type="text/css"> table { width: 100%; } </style> </head> <body> <table border=1 cellspacing=1 cellpadding=1> <tr><td>a</td><td>b</td><td>c</td></tr> <tr><td>1</td><td>2</td><td>3</td></tr> </table> このようなcssとコードがある場合、 3列目のｃと３の列の幅を10％にしたい場合、 どのようなコードを書けばいいですか？ td { width: 10%; } こうすると、すべての列が１０％になってしまいます。 指定した列のみのcssで幅を調整する方法を教えてください。 できれば直接テーブルのタグをいじるのではなく、スタイルシートの宣言部分で対応したいです。
- ベストアンサー
- HTML
- cssについて
以下のサイトのCSSをベースにCSSについて勉強しているのですが、以下の点を実現する方法を教えてください。 ■cssベース ttp://www.s-hoshino.com/web2/responsive_006/index.html ■参考にさせて頂いているサイト ttp://www.htmq.com/csskihon/index.shtml ■実現したいこと。 1.ディスプレイがスマホサイズ表示（760未満）での上メニュー（メニュー一覧 表示する▼）を、 PCサイズ（950以上）のときのサイドメニュー（Site Menu）と同列に入れたい。 試したこと：g_navi、menu、gl_menuの名称を変えたコピーを @media screen and (min-width: 950px){配下に追記したが、フォームが崩れメニューの開閉が作動しなかった。 2.ディスプレイPCサイズ時の「コンセプト」を「採用情報」の下に入れたい。 試したこと：htmlのコンセプトを採用情報下にコピーしたが、h3部分が大きくなり失敗。
- ベストアンサー
- HTML
- ｃｓｓについて質問です。
ホームページ作成の勉強をしている者です。 分からないことがあるので質問させてもらいます。 http://www.htmq.com/csskihon/401.shtmlこのサイトのｃｓｓのソースに float:left; /*リスト項目を横に並べる*/ display:inline; /*リスト項目をインライン表示にする*/ こう書かれていました。 display:inline;ですでにリストが横になるので、float：ｌｅｆｔ；で横に並べる必要があるのですか？ 調べてもいまいち納得いく答えが見つからないので分かる人教えてください。
- 締切済み
- CSS
- ナビゲーションボタンの幅を、ページの幅に合わせたいと考えています。
ナビゲーションボタンの幅を、ページの幅に合わせたいと考えています。 例えば、ページの幅を800pxとってあり、8個のナビゲーションボタンを設置する場合は、1つ辺り100px。10個の場合ですと、80pxと、均一の幅で、かつページの幅一杯まで占めるような表示をしたいと考えています。 http://solidstate.jp/Navigation/DropdownMenu/script_50.html そこで、上記サイトよりサンプルとして配布されているソースを試しているのですが、widthなりpaddingなりでcss側で調整している状況となっています。 そこで質問なのですが、上記のよなサンプルソースの場合、widthは指定しなくても、ボタンの数に合わせて汎用的にページ幅に沿うようなものは出来ないのでしょうか？ サンプルソースのように、多階層が可能なドロップダウンを備えたナビゲーションが欲しく、やっと探し得たのですが、CSSの知識が乏しく困っている状態です。 お忙しいなか恐縮ですが、アドバイスなど頂戴出来れば幸いです。宜しくお願い申し上げます。
- ベストアンサー
- HTML
- CSSのh1,h2,h3の色付けをしたい
申し訳ありません。もう一度質問させてください。CSSのh1,h2,h3の色付けをしたい。文章の途中で色付けもしたいのですが。 現在４０００文字を超えるのでURLで質問します。public_htmlフォルダにつぎのURLのCSSを保存してサイト作成をしています。h1,h2,h3の色付けをしたいのと、文章の途中でも色付けをしたいのですができますか？ http://www.htmq.com/csskihon/401.shtml よろしくお願いいたします。
- ベストアンサー
- CSS
- 忍者ホームページにcssが反映されない
「忍者ホームページ」でサイトを作ろうとしています。 初心者なので下記サイトをみてほぼそのままやってみました⬇️ http://www.htmq.com/csskihon/401.shtml FTPはサーバーダックを使用しています。 htmlは反映されたのですが、cssをアップロードしても反映されません。 フォルダも分けてます。 因に、試しにDreamWeaverにこのhtmlとcssをコピペして入れてみたらプレビューのところには このサイトと同じように反映されてました。 ということは、サーバーダックにアップロードする時に問題があるのでしょうか？ 何か考えられる点があればご回答よろしくお願い致します。
- 締切済み
- CSS
- CSSでのデザイン崩れ改善方法
表示ファイル http://www.loplopland.com/newfile.html CSSファイル http://www.loplopland.com/sample_l_180_490.css この外部CSSで直したいところは １．フッターの上の部分に余白ができてしまったので消したい。 ２．メイン表示部分が下までバックグラウンドイメージを表示したい。 以上の２点を改善したいんですが、うまくいきません。 どのように直したらいいかご教授下さい。 おねがいします。
- ベストアンサー
- HTML
- CSSに詳しい方、修正方法のアドバイスをお願い致します。
CSSに詳しい方、修正方法のアドバイスをお願い致します。 ホームページを作成しているのですが どうしても表示の崩れを直す事が出来ずに 困っております。 具体的にはメニューの部分が 自動でコンテンツの幅調整がされずに フッダー部分に重なってしまい CSSについて色々調べながら修正をしてみたのですが 重なってしまうのがどうしても直らずに 困っています。 もしCSSに詳しい方がいらっしゃいましたら アドバイスをお願いできないでしょうか。 ファイル一式をダウンロード出来るようにしましたので もし宜しければご確認とアドバイスをお願い致します。 ダウンロードはこちらからお願い致します。 http://www.sokudoku-hyouban.com/sample.zip
- ベストアンサー
- その他（インターネット・Webサービス）
- ウインドウ幅に合わせて幅の変わるボタン
ホームページ作成のcssについて質問です。 このページのような、 http://xn--up-gd4a8cufa0d4zb5h.com/ ウインドウ幅に合わせて幅の変わるボタンは、どうやって作ったらいいですか？ まだ勉強しはじめたばかりで、よくわかりません。 cssでボタンを作るのは、自分でも調べてみて、こんな感じだとわかりました。 .sample { width:200px; font-size:24px; font-weight:bold; text-decoration:none; display:block; text-align:center; padding:8px 0 10px; color:#333; border:1px solid #333; } でも、これだと画面の幅を変えても、ボタンの幅が変わりません。 cssに詳しい方、教えていただけると助かります。
- ベストアンサー
- CSS