ベストアンサー スタイルシートで valignは何にあたりますか？ 2005/11/03 18:44 HTMLで、align="center"はCSSでは text-align:center;ですが スタイルシートで、 valign="top"の働きをする書き方はありますか？ みんなの回答 （1） 専門家の回答 質問者が選んだベストアンサー ベストアンサー steel_gray ベストアンサー率66% (1052/1578) 2005/11/03 19:23 回答No.1 vertical-align:top; になりますがインライン要素に使用した場合とテーブルのセルに使用した場合とで意味、動作が変わります。（テーブルのセル以外のブロック要素に使用した場合は無効です。） インライン要素に使用した場合、<img align="top">のような意味、動作になります。 すなわち、行内における自身の縦方向の配置の指定になります。 テーブルのセルに使用した場合、HTMLの<td valign="top">と同様にセル内の要素の配置の指定になります。 テーブルのセル以外でも display:table-cell; と併用することでdivブロック等他のブロックでも内容の配置を制御できます。 （ただし、display:table-cell;はIEが未対応） 参考URL： http://www.y-adagio.com/public/standards/tr_css2/visudet.html#propdef-vertical-align 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ [技術者向] コンピュータープログラミング・開発HTML 関連するQ&A スタイルシートが反映されない。 htmlに <link rel="stylesheet"type"text/css" href="style.css" media"all"> と記入 style.cssに <style type="text/css"> <!-- body{ text-align:center; padding-top:20px; h1{ text-align:center; font-size:1.5em; color:♯800000; backgraund-color:♯FFFFFF; padding-top:20px; padding-bottom:20px; } --> </style> と記入 bodyは反映されるのにh1が反映されません。 原因がまったくわかりません。 なにが悪いのでしょうか？。 よろしくお願いします。 スタイルシートついて 検索などしていろいろ調べて試したのですが、検索方法が悪いのか知識がとぼしいのかうまくいかないので質問します。 --- <img src=01.gif align=center>タイトル --- 上記の様なタグでここの部分を（align=center）スタイルシートに変えるにはどのようにしたら良いのでしょうか？ また下記のようにまとめてimgまたはtdなどで指定できないでしょうか？ <style type="text/css"> <!-- img{} --> </style> 分かりにくい文章ですみませんかよろしくお願いします。 スタイルシートがMACで有効にならない 宜しくお願い致します。 スタイルシートを外部ファイルとしてHTMLを作製しております。フォントの指定も全てスタイルシートで行っておりますが、WINDOWSだと全く問題ないのですが、MACだとそのスタイルシートの設定が反映されたりされなかったりしているのです。具体的には・・・ HTMLの内容 <html> <head> <link rel="stylesheet" href="font.css" type="text/css"> </head> <body> <center> <table> <tr> <td align="center" valign="middle"> <span id="maintitlefont"> 通常のタイトル </span> </td></tr> <tr> <td align="center" valign="middle"> <span id="error"> エラーメッセージ </span> </td></tr> <tr> <td align="center" valign="middle"> 本文 </td></tr> </center></body></html> スタイルシートの内容 /*基本の文字設定<td内全てに適応>*/ td { color:#00ff00; font-size:11pt } /*メインタイトル部の文字設定<id指定>*/ #maintitlefont { color:#0000ff; font-size:15pt; font-weight:bold; } /*エラー表示文字<id指定>*/ #error { color:#ff0000; font-size:11pt; font-weight:bold; } これをMACで見ると、errorの指定をしている場所も本文の指定になってしまいます。しかし、同じid指定なのに、maintitlefontの指定はイキになります。原因がさっぱりわかりません。id名を変えてもダメでした。WINDOWSでは問題なく見れました。 ちなみにMACのOSは9.2.2で、IEのバージョンは5.1.7です。 ネットワークエンジニアとは？技術職の未来を考える OKWAVE コラム スタイルシート２ １．スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか？ <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ！！ といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような（くどい＾＾）気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ ２．さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル（省略できない）。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか＾＾ リンクできるのは、見やすく便利ですが・・・ css tr align="center" valign="middle" こんにちは、 CSSで <tr align="center" valign="middle">に該当するものって何になるのでしょうか？ DremWeaver8でCSSスタイル一覧で探すことができませんでした。 何かお分かりの方がいましたら教えてください。 よろしくお願いします。 スタイルシートでの中央揃え <html> <head> <title>文書のタイトル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <style> body{text-align: center;} </style> </head> <body> <table> <tr> <td> テーブルの内容 </td> </tr> <table> テーブル外の内容 </body> </html> のように、スタイルシートで、 body{text-align: center;} を指定したのですが、IE6ではtableが中央揃えされましたが、NN7.1やFirefox 1.5.0.7ではtableが中央揃えされませんでした。 centerタグを使えば問題ありませんでしたが、非推奨なのであまり使いたくありません。 スタイルシートを用いてIE6と同様にNNやFirefoxでtableを中央揃えするようにするにはどうすればいいでしょうか。 これもスタイルシートっていいますか？ <div style="text-align:left;"> 文字を 左に寄せる </div> このようなタグはスタイルシートというのでしょうか？ style= を使ってるからスタイルシートですか？ テーブル内のスタイルシートについて。 カテゴリHTMLでよいのか、ちょっとビクビクしているのですが。 テーブルのひとつのセル内で左揃えの文字列と右揃えの文字列を作りたいのです。 スタイルシートを使おうと思ったのですが、 それぞれの文字列に <SPAN STYLE="text-align:left;">むにゃむにゃ</SPAN> <SPAN STYLE="text-align:right;">うにょうにょ</SPAN> と指定をしても全く反映されません。 一つのセル内で左右に文字を振ることは不可能なのでしょうか？ スタイルシート スタイルシートで、<style type="text/css"> で始まりますが、フォントなどの色を変える時に span style="font-size:20pt">大きなフォント</span> のように、後の="text/css"はつけなくてもよいのでしょうか？ スタイルシートでのセンタリングについて。 スタイルシートでセンタリングをしたいのですが、できなくて困っています。 以下のような場合に、センタリングをしようと思い「text-align:center;」を追加しましたがセンタリングされません。 どうしたらセンタリングできるでしょうか？ ソース ------------------------------------ <html> <head> <title></title> <style type="text/css"> <!-- .test{ font-size: 10pt; font-family: ＭＳ 明朝; margin: 1px; padding: 1% 10%; border: outset 1px #EEDDFF; } --> </style> </head> <body> <span class=test>○○○○○</span> </body> </html> HTML？スタイルシートの表センタリングについて 以下のSampleでやってみましたが、うまくセンタリング できません。 表をPageの真ん中に置いて かつ、表の中のセル内、文字列は左によせるには どうしたらよいのでしょうか？ またこのような作業、確認は皆さんどうやって書いているのですか？ ホームページビルダーでしょうか？ 常に表には苦労しています、今までは<CENTER>を使っていました。キレイなHTMLを勉強しようとしているのですが 非常に難しいですね。よい方法ないでしょうか？ スタイルシート部分： <style type="text/css"> div.ctable { text-align: center; /* IEでセンタリングさせる方法 */ } div.ctable table { margin: auto; /* 標準のセンタリング方法 */ text-align: left; /* IE用方法の弊害対策用 */ } </style> HTML部分： <div class="ctable"> <table> <tr><th>スタイルシート</th><th>センタリング</th></tr> <tr><td>CSS</td><td>Centering</td></tr> </table> </div> スタイルシートについて 今現在の年を取得してそれを表示するようなスタイルシートを作成中です。 ＜スタイルシートの中身＞ #DEFAULT_YEAR { <SCRIPT LANGUAGE="javascript"> <!--- now = new Date; document.write(now.getYear()); //---> </SCRIPT> ＜HTML＞ <LINK rel = "stylesheet" href="default_year.css" type="text/css"> 1996-#DEFAULT_YEAR としても表示されません。。。 なにがおかしいのかわからないので、ご教授お願いします。 AIは使う人の年齢や市場にも影響する？人工知能の可能性 OKWAVE コラム スタイルシートに関して教えてください！本当に困っています！ 超初心者で悪いのですが、スタイルシートの記述方法がよく分かりません。確か記述方法は３つあると思うのですが、ＣＳＳファイルを利用して記述する方法が分からない(できない)のです。ここからは実際に自分が今使っているホームページ作成サイト(初心者)に書かれていて理解できない(実際にやってみたがうまくいかない)所をここに書きます。 ３、ＣＳＳファイル利用により記述する方法 テキストエディターで”スタイルを適用する対象名 { ～ }”として記述し、 ファイル保存するときに、拡張子が”.css”というＣＳＳファイルを作ります。 そして、ＨＴＭＬファイル内にはＣＳＳファイルを参照しなさいという指示である、<LINK href="ＣＳＳファイル名.css" type="text/css" rel=stylesheet> をヘッダー部分に記述します。 ＜＜ ＣＳＳファイルデータ例（下記のデータだけを記述して.cssファイルを作成 ＞＞ ＜ ファイル名＝style.css ＞ p { color:blue } ＜＜ HTMLデータ例（.cssファイルと同じフォルダ内に作成する） ＞＞ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> ＜＜ ブラウザ表示 ＞＞ スタイルシート 分かりずらかったらここを参照してください。(たぶん削除されると思うが) http://homepage-how.com/hp/hp-css2.html まず、３に書いてあるとおりにＣＳＳファイルを作成しました。 次からがよく分からないのです。３に書いてあるとおりにＨＴＭＬファイルを作成しようと思ったのですが、なぜか、ホームページの基本構造ではないのです。 こういう事です ↓ <html> <head> <LINK href="style.css" type="text/css" rel=stylesheet> </head> <body> <p>スタイルシート</p> </body> </html> 見ても分かるとおり、タイトルの部分がないのです。 タイトルがなくても良いのですか？ あと、このＨＴＭＬデータを.ＣＳＳファイルと同じフォルダ内に作成するという意味が分かりません。 本当に超初心者で悪いのですが、本当に困っています。誰か分かりやすく教えてくれる方はいないでしょうか？お願いします。 スタイルシート こんばんは。HPを独学で作っている超初心者です。 スタイルシートが反映してくれないのです。下記の記述で 何が違うのでしょうか？？？ ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html（抜粋）--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても index.html のリンク部分に下線が出てきます。 どうして消せないのかが分かりません！！！ どなたか教えてください！よろしくお願いいたします！ スタイルシートで継承のような使い方は出来ますか？ td{ width: 20px; } td.main{ text-align: center; } td.sub{ text-align: center; } のようにスタイルシートを作成して mainもsubもwidth: 20px;を実現させれるような書き方は スタイルシートで出来るのでしょうか？ スタイルシートのタグの入る部分 タグの本を読んでいたのですが、スタイルシートが推奨されるそうです。 私も使いたいんですが質問があります。 （背景） <STYLE type="text/css"> <!-- BODY { background-image : url(""); background-attachment: fixed; background-position: 100% 100%; } --> </STYLE> 一応HTMLの＜body>タグの中に書いているのですが TEXTの場合 <STYLE TYPE="text/css"> #left {text-align:left;} </style> <body> <p ID="left">字</P> </BODY> スタイルシートの<STYLE TYPE～＞から</BODY> をそのままHTMLの<BODY>タグの中に貼り付けて良いんでしょうか？ 個人的には＜body＞タグの中にまた<body>タグ!? もしかすると<STYLE>タグは<HEAD>タグの間に ソースの<BODY>タグの中身だけHTMLの<BODY>に貼り付けるのでしょうか？ もう一つ、先の背景と文字のスタイルシートを同時に使う場合 <STYLE>の中に背景と文字を一緒に書いていいのでしょうか？ 自分としては<STYLE>タグが分かれているとバグらないか不安なんです。 まとめると (1) <HTML> <HEAD></HEAD> <body> <STYLE>ソース（中に<BODY>タグがまだ入っている）</STYLE> </BODY> </html> で良いのか？ (2)HTML> <HEAD> <style>～</style>の部分 </HEAD> <body> <STYLE>ソース<BODY>タグで囲まれた部分 </BODY> </html> (3)二つのソースがあった場合 <style> ソースA と ソースB </STYLE> <BODY> ソースA ソースＢのbody部分 </body> まとめて良いのでしょうか？ ｐｓ まとめても、分けても WEB上にアップして見ても 普通に表示できました、でもどれかが無茶な（無理の、無駄のある） 文法だと思うんです。 解りづらい説明かと思いますが、アドバイス頂けませんか？ 外部スタイルシートが読み込めない こんにちは。 外部スタイルシートが読み込めず 困っています。 HTMLは、 <html> <head> <link rel="stylesheet" href="controlbox2.css" type="text/css"> </head> <body> <div class="modal">syun</div> </body> </html> controlbox2.cssは .modal{ background-color:#fff; padding:10px; border:1px solid #333; } だけです。 もちろん同じディレクトリで あり何度も確認しています。 ブラウザは、IE7です。 ヘッダー部分に スタイルシートを書くと 当然効果があります。 <head> <style type="text/css"> .modal{ background-color:#fff; padding:10px; border:1px solid #333; } </style> </head> 文字コードは、ともに SHIFT_JISで保存しています。 何が悪いのか、 全くわかりません。 何か分かる人がいましたら、 よろしくお願いします。 CSSのスタイルシート適用について <link href="/○○○.css" rel="stylesheet" type="text/css"> としてスタイルシートを呼び出した後に、再び <style type="text/css"> と記述してスタイルのいくつかを再設定することはできるんでしょうか？その場合はその宣言したものだけが変わって、ＬＩＮＫされたほうのスタイルシートデータも他の内容は生き残って適用されますか？ スタイルシートが反映されません <link rel="stylesheet" href="style.css" type="text/css">で 外部スタイルシートの反映がされません。 このＣＳＳファイルの中身をそのままＨＴＭＬファイルのＨＥＡＤ部分に持っていったら反映されましたので、単純にリンクがうまくいっていないのか？と思うのですが・・・ ファイル名はあっているし、リンクもファイル名ではできなかったので 絶対パスで指定してみましたがダメでした。パスの指定ミスを防ぐためにファイルのプロパティを開いて、場所をコピペして最後のところに ￥をつけてファイル名を拡張子つきでくっつけましたがダメでした。 なにがいけないのでしょう・・・ いろいろと考えたり調べたりしているのですが、どうしてもわからないです。 ＣＳＳファイルはＨＴＭＬファイルと同一フォルダ内の同一階層にあります。（まだネット上に公開しておらずＵＲＬも持っていないので 個人のＰＣフォルダ内です）ＣＳＳファイルのアイコンはメモ帳に歯車のイラストのアイコンです。このアイコンになっていたらちゃんと ＣＳＳファイルだと思っていたのですがもしかしたら違うでしょうか？ あ、ＨＴＭＬファイルのＨＥＡＤ部分の <meta http-equiv="conten-style-type" content="text/css" /> の書き込みもしてあります。 外部ファイル用の<link rel=だらだらだら>の後に </style>でしめてみたのですがダメでした。 外部スタイルシートで定義したスタイルの継承のようなものは可能でしょうか 外部スタイルシートで定義したスタイルの継承のようなものは可能でしょうか？ 以下、例で説明すると、「main」スタイルを「sub1」と「sub2」が継承し、 「sub1」は「main」の「color」を継承し、「text-align」をオーバーライドしたい。 「sub2」は「main」の「text-align」を継承し、「color」をオーバーライドしたい。 【例 ： 外部スタイルシート】 .main { color : red; text-align : center; } .main.sub1 { ←実際はこのような指定ではできない text-align : left; } .main.sub2 { ←実際はこのような指定ではできない color : blue; } 【例 ： htmlファイル】 <div class="sub1">あいうえお</div> ←左寄せ＆赤字にしたい <div class="sub2">あいうえお</div> ←センタリング＆青字にしたい 注目のQ&A 「You」や「I」が入った曲といえば？ Part2 結婚について考えていない大学生の彼氏について 関東の方に聞きたいです 大阪万博について 駅の清涼飲料水自販機 不倫の慰謝料の請求について 新型コロナウイルスがもたらした功績について教えて 旧姓を使う理由。 回復メディアの保存方法 好きな人を諦める方法 小諸市（長野県）在住でスキーやスノボをする方の用具 カテゴリ [技術者向] コンピューター プログラミング・開発 Microsoft ASPC・C++・C#CGIJavaJavaScriptPerlPHPVisual BasicHTMLXMLCSSFlashAJAXRubySwiftPythonパフォーマンス・チューニングオープンソース開発SEOスマートフォンアプリ開発その他（プログラミング・開発） カテゴリ一覧を見る OKWAVE コラム 突然のトラブル？プリンター・メール・LINE編 携帯料金を賢く見直す！格安SIMと端末選びのポイントは？ 友達って必要？友情って何だろう 大震災時の現実とは？私たちができる備え 「結婚相談所は恥ずかしい」は時代遅れ！負け組の誤解と出会いの掴み方 あなたにピッタリな商品が見つかる！ OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
