• ベストアンサー

スタイルシートcssで、テーブルの colspanに該当するもの?

スタイルシートcssで、テーブルの colspanに該当する ものはあるのでしょうか? とほほhttp://tohoho.wakusei.ne.jp/css/index.htm を見ているのですが、スタイルシートの構文が異様に少ないと感じますが、これがすべてでしょうか? あと、現在のHTMLの最新系は何でしょうか? XHTMLなど聞いたことがありますが、私はまだ スタイルシートで悩んでいます。

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

HTMLでいうと現在はXHTML1.1が最新です。 HTML4.01やXHTM1.0ではあったstrictといった概念は排除されデフォルトでstrictな記述を要求されます。 スタイルシートを学ぶコツは、まずは適当なHTMLを書いてそのページを実際にスタイルシートでレイアウトを変えたりフォントサイズを変えてみたりするのが一番です。 スタイルシートを学ぶということは、同時にHTMLの文法を勉強することでもあります。 難しそうですが、実は簡単なことで今まで無理やり使っていたタグをよりシンプルに使うだけです。 スタイルシートを使うようになるとHTMLはよりシンプルに、スタイルシートはより複雑になっていきますよ。 現実的な記述の為の XHTML1.1 入門 http://mayah.jp/archive/xhtml/

参考URL:
http://mayah.jp/archive/xhtml/

その他の回答 (1)

  • peron
  • ベストアンサー率45% (43/95)
回答No.1

W3C HTML4.01勧告ではcolspanは使っても良いとなっています(スタイルシートでは該当するものはありません) 勧告の本来の意味は、どんなブラウザで見ても最低限の情報が判り、CSSを使ってデザインするという事です そこから考えてもcolspanがないのは当然です また、CSSでテーブルに関して少ないのも、本来 表を表現するタグ(画像の配置などに使ってはいけない)なので当然です 元々XHTML1.0はHTML 5.0として位置付けされていたのですが、XMLと融合する事によりXHTMLとなりました まず HTML4.01をマスターされてからにされた方が良いと思います 下記にHTML 4.01に則しているかどうかのチェックページがあります 一度お試し下さい ※ 結構キツイです 合格する為にはかなりの知識が要求されます でも合格すれば、W3Cの公認のページとして発表出来ます http://validator.w3.org/ 下記URLはXHTMLの入門のページです

参考URL:
http://www.saiton.net/easy/html11.htm

関連するQ&A

  • スタイルシートで colspan=3と定義することは可能でしょうか?

    <style> x { } </style> <table> <tr> <td colspan=3 class="x">タイトル</td> </tr> <tr> <td>1</td><td>2</td><td>3</td> </tr> </table> また、有名なブラウザで対応している最新のCSSバージョンは何でしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • スタイルシート(CSS)の中にテーブルのようなスタイルシートをつくりたいです。

    Dreamweaver8にてHPを作成しております。 今回CSSをやってみようと思い試行錯誤しながらがんばっているのですが、 現在スタイルシートのfloatタグなどを使って、 ヘッダー、メニュー、コンテンツ、フッターというよくある構成で作っております。 そしてコンテンツ部分以外はテンプレート機能を使い共有できるようにしています。 そして新しいページを作る際、コンテンツ部分だけを編集していくのですが、真ん中で2つにわかれた2段組の文章をつくりたくて、テーブルを使用したところ、テーブルが縦に長くなるとCSSで指定した範囲を超えてしまいレイアウトが崩れてしまいます。 これがテーブルでなく文章でなら縦に長くなっても自動的にCSSの高さが長くなってくれます。 ですので、題名のようにCSSでテーブルのような機能のあるものを教えていただきたいのですが、素人でなにぶん申し訳ないですがよろしくお願い致しますm(_ _)m

    • ベストアンサー
    • HTML
  • スタイルシートについて。

    現在、ホームページをフレームで区切っています。 しかし、SEO対策や、検索エンジンの関係での不利が 伝えられていますが、すでに、フレームで、制作しています ので、複数のHTMLをそのままで、スタイルシートを作成したい です。現在index.htmをメインとして、左側をsub.htm, 右側をmain1.htmとしております。Sub.htmを固定しています。 左側のsub.htmのリンクで、右側が変わることになります。 変わる右側は、main2.htm,main3.htm,main4.htmとページを 変化させていくとします。文字のサイズや、背景は、各htmlで 表記しますので、フレームだけのCSSを作成したいのです。 そのCSSを教えてください。探しているのですが、サイズや、 レイアウトで、多くが占められていて、複雑で理解できません。 簡単な方法を教えてください。

  • スタイルシート2

    1.スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか? <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ!! といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような(くどい^^)気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ 2.さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル(省略できない)。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか^^ リンクできるのは、見やすく便利ですが・・・

  • テーブルとCSSの相性

    ビルダーを使ってHPを作ろうと試みましたが、基本を自分でわかっていたいタイプな上、細部にこだわりたいため、残念ながら肌に合いませんでした。 現在は、メモ帳(→EmEditor)で骨子を作っています。 もう少し慣れてきたら、逆にビルダーを使いこなせるようになるのでは、と思っています。  ところで、ここで紹介されているサイトをいろいろと見て回っているのですが、スタイルシートを外部に作る際、tableは使わないほうがよいのでしょうか。  http://www.shoshinsha.com/hp/index.html ←ここではテーブルを使用しているようですが、 http://www.2step-css.com/basics/index.htm ←こちらは推奨していません。 http://ja.wikipedia.org/wiki/Cascading_Style_Sheets ←「Web業界もCSSデザインが主流となりつつあるが、上記の欠点をまるで存在しないかのように振る舞うCSS推進派と、上記の欠点に常に悩まされ続けているテーブルレイアウト保守派の間にはあきらかな温度差があり、現場のWebデザイン関係者との会話が成立しない場合が多々ある。」 とのことなのですが、初心者のためテーブルを使っていいのかいけないのかわからなくなってしまいました。  アドバイスをいただけませんか?

  • スタイルシート

    スタイルシートを使用していたときに、cssのしたにxhtml を記述する、という形式で記述していたのですが、求めていた書式葉、反映されたんですが、css自体も表示されてしまいました。 どうすればいいのでしょう。

  • スタイルシートのテーブル枠について

    今までテーブルを利用してホームページに簡単な線を つけていました。これをスタイルシートで行うと 微妙にうまくできません・・・お助けください。 すべてIEで検査しております。 html従来の私の線の引き方 <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#000000"> <img src="sps.gif" width="600" height="1"> </td> </tr> </table> 上記の表現をスタイルシートを利用してやりたいのですが 線が1pxのはずが、大きくなってしまいます。 cssを利用した記述 css部分 .index_table{ width: 600px; border:0px; border-width: 0px; margin: 0px; padding: 0px; } html部分 <table class="index_table"> <tr> <td bgcolor="#000000"> <img src="ims/sps.gif" width="600" height="1"> </td> </tr> </table> これに似たいい方法は、ないでしょうか? 質問が、うまくまとまってなくてすみません・・・

    • ベストアンサー
    • HTML
  • CSSの@importから一部のスタイルが読み込めない・・・。

    CSS外部ファイルから、一部のスタイルだけが適応されず困っています。 以下のスタイルをテーブルに適応させたいのです。 【スタイル(index.css)】 table.test{ background-color: #ffcc66; } table.test td{ border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000000; } 【以下のタグに適応】 <table cellspacing="0" cellpadding="0" class="test"> <tr> <td>AAA</td> </tr> <tr> <td>BBB</td> </tr> <tr> <td>CCC</td> </tr> </table> 【スタイル入力先】index.css 【読み込み方式】<link>によるbase.cssからの@import <link rel="stylesheet" type="text/css" href="css/base.css"> 更に、base.cssから@importでindex.cssを読み込んでいる環境です。 【OS】windowsXP 【ブラウザ】IE6 ******************** 適応されるとテーブルの背景がオレンジ色になり、 テーブルの「AAA」「BBB」「CCC」に点線のアンダーラインが表示されます。 しかし、テーブルの背景はオレンジになるのですが、table.test td{}のスタイルだけ適応されません…。 他のindex.css内にあるタグは正常に読み込まれ適応されています。 (※ちなみに拡張子はPHPです。HTMLではありません) 色々試すと以下の事が判明しました。 □直接タグにスタイルを入力すると全て適応される □<head></head>内にスタイルを入力し、Class指定しても全て適応される □試しに、base.cssに入力するとスタイルが正常に全て適応される ■しかし、index.cssにスタイル入力するとtable.test td{}のみ適応されない なぜ外部CSSファイル(@importからのCSSファイル)から適応されないのでしょうか? PHPなのが原因だったりもするのでしょうか…。 ご助力お願いします。

    • ベストアンサー
    • HTML
  • ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる

    ホームページに、ユーザがcssのスタイルシートを選択し、切り替えられる機能をつけたいと思い、 http://allabout.co.jp/gm/gc/23930/5/ の通りに記述しました。 しかし、このように記述したページのみスタイルシートの変更ができたのですが、リンク先に飛ぶとスタイルが標準設定に戻ってしまい、再び選択をおこなわなければなりませんでした。 構成は、 index.html index2.html mystyle.css mystyle2.css となっており、index.htmlとindex2.htmlにそれぞれ、上のホームページの通り記述しました。 (何も選択していない状態では、mystyle.cssが適用され、mystyle.cssとmystyle2.cssを選択できます。) リンク先に飛んでも、選択したスタイルを維持することはできないでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ホームページビルダー14はXHTML+CSSですか?

    ホームページビルダー14はXHTML+CSSですか? バージョン8で作ったHTMLのサイトがあり、 14を購入するに当たって国際標準のXHTML+CSSを学ぼうと思います。 問題はビルダー14の標準モードではXHTML+CSSへコーディングできますか? 使い勝ってというか・・・ パッケージは「移行も楽々」とか魅力的だったです。 この本買って来たら“いけそう”な気がしてきました。 「HTML/XHTML&スタイルシート レッスンブック/エビスコム 著/ソシム」 サイトそのものはシンプルなもので テーブルで作っている表をCSSにしたいです。 JavaScript、Flash、Ajax、ASP.NET、PHP などは使っていません。

専門家に質問してみよう