- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：So-netブログCSS★記事をテーブルのように…）
So-netブログのCSSで記事をテーブルのように扱う方法
このQ&Aのポイント
- So-netブログのCSSカスタマイズで、記事をテーブルのように扱いたい場合、どのような方法があるでしょうか？画像をバラでアップして、テーブルで上下が自由に伸びるように組み立てる方法などが考えられますが、具体的な手順や参考情報が欲しいです。
- So-netブログのCSSカスタマイズで、記事をテーブルのように扱う方法についてアドバイスをいただきたいです。具体的には、記事を分割して表示する方法や、画像をバラでアップしてテーブルのように表示する方法などが考えられますが、実際にどのような手順で実現できるのか教えていただけると助かります。
- So-netブログのCSSカスタマイズにおいて、記事をテーブルのように扱う方法を教えてください。例えば、記事を分割して表示したり、画像をバラでアップしてテーブルのように表示したりする方法が知りたいです。具体的な手順や参考情報などがあれば、教えていただけるとありがたいです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
URL先のブログの人すごいですね。すべてオリジナルのデザインのようです。 で、記事をテーブルのように扱うとはどのようなことでしょうか？ 上記URLの方のブログは記事内で画像をきれいに並べるために Tableタグを使ってるようですが記事を分割するようなことはしてません。 Tableタグの線の幅や余白の設定はCSSでしているようですね。 TAG index(http://www.tagindex.com/)というサイトがあります。参考になるのでは。 あと余談ですが私もso-netブログ使ってますがHTMLわかりました？ 図示してるサイトとかあればいいのですが知ってますか？
その他の回答 (1)
- kenbb650
- ベストアンサー率51% (25/49)
回答No.2
No.1です。 質問者さんに質問してすみません。情報ありがとうございます。 TableタグへのCSS設定ですが幅などの設定はしないで、 余白やボーダーの設定のみにしてください。 例えば、margin:0px auto; にすると、たしかセンターに表示できると思います。 幅を指定したい場合は、それぞれのタグに直接書いたほうがいいです。 TAG index>スタイルシートCSS>スタイルシートの基本>要素に直接指定する という方法があります。
質問者
お礼
テーブルの勉強がまだまだ足りなかったようで、なかなか難しいですね・・・； いじっているうちに、テーブルを組まなくとも一枚一枚の紙に記事が載るような表示にすることができるようになりました。 崩れなどの確かめはしていませんが、とりあえず当面これでいこうかと…。 参考サイトのほうはとても役に立っています！ ありがとうございました！(*´∀`*)
お礼
早速のご回答ありがとうございます。 記事をテーブルのように扱うというのは、私のボキャブラリー上そう表現せざる負えなかったというか…；うーん恥ずかしいｗ やはりCSSでTableを作っているのでしょうね。 紹介してくださったサイト、いろいろと情報が盛りだくさんで使って行けそうです！ 集中していじくる時間があまりないので、これからちょこちょこ読んでみようと思います。 えーと、私が参考にさせていただいたのは、 オリジナルデザイン講座 http://original-design.blog.so-net.ne.jp/ ですね。ここの「カテゴリー」⇒「もくじ」⇒「ソネブロの構造解析」のページが比較的分かりやすいのでは…。 ただ現在更新されておられないようなので最新版とはずれがあるかもしれません。 もうひとつは、 NecoYanagiの未確定日記 http://necoyanagi.blog.so-net.ne.jp/ こちらの「カテゴリー」⇒「HTML&CSSの小技」で、より細かな設定などを解説なさっています。 ソネブロってなんだかいじりにくいですが、お互いに頑張りましょう；