No.1ベストアンサー
- 回答日時:
説明がへたくそなので参考になりそうなページをご紹介します。
ただスタイルシートで段組するとブラウザによっては全く無視され思いもしなかったデザインになることを頭のすみにおいておかれたほうがよろしいかと。参考URL:http://allabout.co.jp/computer/hpcreate/closeup/ …
ご回答有難うございます。
http://allabout.co.jp/computer/hpcreate/closeup/ …
スタイルシートでも上記ページのようにデザインできるんですね。まさに求めていた情報にピッタリです。
No.4
- 回答日時:
ちょっと、どのようなことをされたいのか不明確なので補足を求めたいところですが、もしページ全体のレイアウトを段組のようなかたちにしたいということであれば、大抵の場合はCSSのfloatを使います。
floatはIEやMozillaで表示のされ方に違いがあり(バグがあり)、使う時にはちょっと注意が必要です。
もし思い通りにいかなかった場合は、検索するか再度具体的に質問されることをおすすめします。
一番分かりやすいのはソースサンプルだと思いますので参考URLに挙げておきます。
このサンプルソースは下記ブログのエントリにあるものです。
http://studio.katati.com/log/eid19.html
参考URL:http://studio.katati.com/file/test3c.html
ご回答有難うございます。
スタイルシートのことをよくわかっていないため、どのように質問していいのかもよくわからずお恥ずかしい限りです。ソースサンプルは大変わかりやすいですね!参考にさせていただきます。
No.3
- 回答日時:
スタイルシートが無効の場合というか、
デザインではなくそれぞれのデータの意味,関連性が判りませんと
適切な方法を提示する事が出来ません。
単なる縦3列横2列なら、全てに float:left;
左側の3つそれぞれに clear:both;
あとは、適度に width:xxx;
以上でとりあえずは実現できます。
しかし、ブラウザのバグやスタイルシートを無効にされた場合を配慮すると、
その他のいろいろな方法も検討しないと・・・。
(絶対位置指定から相対位置指定や、
他の要素で囲ってあげる必要があったりといろいろ・・・。)
別に縦に一列表示されてもかまわないとか
崩れても見えれば良しというのであれば、
先の提示の案である程度対応出来ます。
(似たような案件でP要素での実績あり。)
詳細な回答を望まれるなら、
改めてデータ内容も提示される事をお勧めします。
ご回答有難うございます。
ブラウザにより表示されなかったりデザインが崩れる等の理由から今まではスタイルシートを使ったことがありませんでした。しかしウェブデザインのプロの方の多くはスタイルシートを使う?ということらしいので、Dreamweaverを購入し勉強のためにも新たに作成するサイトは全てスタイルシートでデザインしてみるつもりです。あらゆるタイプのブラウザでの表示テスト、スタイルシートが無効にされた場合のデザイン方法は今後勉強しなければなりませんね。おかげさまで知りたかった内容のご回答を得られました。
No.2
- 回答日時:
補足をお願いします。
><div class=""></div>を使いテーブルデザインを行っていますが、
という部分がわからないのですが、CSSで表をデザインしたいということですか?それともCSSだけで三段組にしたいということですか?
ご回答有難うございます。
私自身スタイルシートを使い始めたばかりのもので分からないことが多く、質問内容が上手に伝わらなかった可能性があり、申し訳ございません。
> CSSで表をデザインしたいということですか?
> それともCSSだけで三段組にしたいということですか?
CSSだけでデザインしたいということになると思いますが、具体的に上記二つはどのような違いがあるのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS CSSでiframe要素の編集 2 2022/10/09 20:53
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
サイトにjQueryが使用されてい...
-
CSSのクラス名・ID名の指定でワ...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
ライブドアブログの背景色を変...
-
Bootstrap 訪問済みテキストリ...
-
<p>と<p>と<p>の三つの使い方な...
-
idの中のid指定
-
clear bothで回り込みがうまく...
-
スタイルシートで、id属性の中...
-
Bootstrap3でcontainerがずれる...
-
最近、HTMLのヘッダーをIDで定...
-
brにクラスをつけてcssでdispla...
-
buttonで個別にhoverの時の色を...
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
【ヒトの神秘】美男美女から何...
-
VBAでの素数の求め方
-
HTML属性での「""」 「''」違い
-
ulタグやliタグの中でbrタグ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSのクラス名・ID名の指定でワ...
-
CSSに同じclass名がいっぱい‥。...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
brにクラスをつけてcssでdispla...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
フロートのクリアについて
-
ページの左右の余白(枠外)に...
-
サイトにjQueryが使用されてい...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートでデザイン
-
外部css定義したclassをht...
-
Bootstrap3でcontainerがずれる...
-
CSSで、DIV#hogeという記述は何...
-
スタイルシートで、id属性の中...
-
一部のリンクの下線を消す
おすすめ情報