- ベストアンサー
スタイルシートで valignは何にあたりますか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
vertical-align:top; になりますがインライン要素に使用した場合とテーブルのセルに使用した場合とで意味、動作が変わります。（テーブルのセル以外のブロック要素に使用した場合は無効です。） インライン要素に使用した場合、<img align="top">のような意味、動作になります。 すなわち、行内における自身の縦方向の配置の指定になります。 テーブルのセルに使用した場合、HTMLの<td valign="top">と同様にセル内の要素の配置の指定になります。 テーブルのセル以外でも display:table-cell; と併用することでdivブロック等他のブロックでも内容の配置を制御できます。 （ただし、display:table-cell;はIEが未対応）
関連する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です。
- ベストアンサー
- HTML
- スタイルシート２
１．スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか？ <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を中央揃えするようにするにはどうすればいいでしょうか。
- ベストアンサー
- HTML
- これもスタイルシートっていいますか？
<div style="text-align:left;"> 文字を 左に寄せる </div> このようなタグはスタイルシートというのでしょうか？ style= を使ってるからスタイルシートですか？
- ベストアンサー
- HTML
- テーブル内のスタイルシートについて。
カテゴリHTMLでよいのか、ちょっとビクビクしているのですが。 テーブルのひとつのセル内で左揃えの文字列と右揃えの文字列を作りたいのです。 スタイルシートを使おうと思ったのですが、 それぞれの文字列に <SPAN STYLE="text-align:left;">むにゃむにゃ</SPAN> <SPAN STYLE="text-align:right;">うにょうにょ</SPAN> と指定をしても全く反映されません。 一つのセル内で左右に文字を振ることは不可能なのでしょうか？
- ベストアンサー
- HTML
- スタイルシート
スタイルシートで、<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
