- 締切済み
dreamweaverで、tdにheightを指定したのをcssのheightに置き換える方法
検索および置換で、td height="200" などと指定しているのを td style="height:200px" に一発変換する方法ございますでしょうか。 DW8です。
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- 正規表現で、htmlタグの td height="100" → td style="height:100px"できますか。
正規表現をつかって、htmlタグの td height="100" になっているところを td style="height:100px"に一発変換したいのですが、 正規表現の書き方がわかりません。 また、100にかぎらず、２００、２５０など、そこの値はばらばらなのを一発変換したいです。 よろしくお願いいたします。
- ベストアンサー
- その他（プログラミング・開発）
- CSSでtdの横幅の片方だけを指定したい
横２列の table を配置して、一方の tdのみ 120px で強制的に確保したいです。 <table style="width:100%"> <tr> <td style="width:120px;">120pxで固定したい</td> <td>残りスペース全て使う </td> </tr> </table> ※ここに記載するため、styleで表記しています。 上記でCSS指定すると、ブラウザの横幅に合わせて伸縮してしまい120pxの幅より大きくなってしまいます。 伸縮せず120pxで強制する指定方法がございましたら教えてください。
- ベストアンサー
- ブラウザ
- tdに対してmin-heightの定義、または同じ
テーブルのtdに対してmin-heightの定義を行いたいのですが、調べてみますと、多くのブラウザでtdなどへは対応外と記述が御座います。 色々と駆使して試してみたのですがうまくいきません。 tdに対してmin-heightをハック的にでも適用することは出来ませんでしょうか？ または同じような効果が得られる方法がありましたらアドバイス願います。 min-height:100px; height:auto; height:100px; この様な方法もあったのですが、div要素には効果があるようですがtdにはやはり反映されませんでした。 よろしくお願いします。
- 締切済み
- CSS
- tdに指定したborderの隙間について
tdにborder（dotted）を指定して線を引きたいのですが、 セルの境目に隙間が空いてしまいます。 《html》 <table class="information"> <tr> <td class="infoborder_u">営業時間</td> <td class="infoborder_u">月曜～金曜</td> <td class="infoborder_u">9：00 ～ 19：00</td> </tr> 《css》 .information{ width: 350px; height: 180px; background-color: #808080; margin: 10 0 0 0px; border-collapse: collapse; ｝ .information td{ padding-left: 10px; } .infoborder_u{ border-style: dotted; border-width: 1 0 0 0px; border-color: #000000; } 回避方法はないでしょうか？
- 締切済み
- HTML
- tableのheight指定が効かない
tableの高さを固定したく、heightとoverflowを指定したんですが、 tableに記述したソース分の大きさ（高さ）になり、スクロールバーが表示されません。 /*----外部CSS----*/ .sample{ color: #ffffff; background-color: #000000; height: 500px; width : 90%; overflow:scroll； } /*----ソース-----*/ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" type="text/css" hrefstyle.css"></head> <body> <table class="sample"><tbody><tr> <td class="a1"></td><td class="a0"></td><td class="a2"></td></tr><tr> <td class="a0"></td><td class="a0"> <div class="text">本文（heightが700pxくらいの内容）</div> </td><td class="a0"></td></tr><tr> <td class="a3"></td><td class="a0"></td><td class="a4"></td> </tr></tbody></table> ※tdのclassはテーブルのふちに用いてる画像を指定してあります。 </body> </html> 解決方法をご存知の方、よろしくお願いします。
- ベストアンサー
- HTML
- divのheight指定で画面一杯に表示したい
よろしくお願い致します。 <div>の<height>を100%に指定して、 タブレット等での表示時、縦でも横でも画面一杯に 表示させたいと考えています。 とりあえず css で以下は宣言済みです。 html, body { height: 100%; margin: 0px; padding: 0px; } 親子構造としては以下を想定しています(いくらか簡略化しています) <html> <body> <div id="H" style="height:60px;"> (1)ここにヘッダー的なもの </div> <div id="B" style="height:100%; overflow: auto;"> (2)この部分を縦一杯にしたい </div> </body> </html> (2)の部分にはjavascriptでサーバから取得した XMLのデータを埋め込んでおります。 その際、選択行の色付け等を行いたかった為、 大枠を<div>でくくり、その中に<table>で表組みしています。 最終的な構造は以下のようになっているはずです。 <div id="B" style="height:100%; overflow: auto;"> <div id="rdiv1"><table id="rtbl1"><tr><td ・・・ /td></tr></table></div> <div id="rdiv2"><table id="rtbl2"><tr><td ・・・ /td></tr></table></div> <div id="rdiv3"><table id="rtbl3"><tr><td ・・・ /td></tr></table></div> ・・・ </div> 行ごとの<div>や、その中の<table>でも height: 100%; は指定しています。 また、1行あたりの高さは<td style="height: 40px;">と指定しています。 (rowspanを使ってのぶち抜きを行っているため) html と body に height:100%; を指定しているので、 予想ではヘッダー用のdivが指定の高さで表示され、 次のdivが残りの高さ分一杯に表示。 その中のデータは overflow:auto; でスクロールできる。 と考えていたのですが、実際はjavascriptで埋め込んだdiv、 及びtableの高さまで伸びてしまい画面上を大きくはみ出してしまいます。 （divのoverflowが全く機能しません） 100%ではなく 500px としてみたところ、 そのサイズに収まってスクロールできました。 （縦一杯ではありませんがdivのoverflowは機能しました） 何とか height 100% を実現して、 divのスクロールバーのみでの表示を行いたいのですが、 何か指定が足りないのでしょうか？
- ベストアンサー
- CSS
- XHTML 1.0 で height:auto; を使用した際について
XHTML 1.0 で height:auto; を使用した際、IE、Firefox、Operaで動作が異なりますが、下記のようなHTMLは正しい記述ではないのでしょうか？ (1)テーブルの高さを固定で指定 (2)下段の高さを固定で指定 (3)上段の高さをautoで指定 この手順で表示をしますと、Firefox、Operaでは期待通り残りの高さが上段に利用されますが、IEでは高さの計算がおかしくなっています。 IEでもこのような操作を行う方法をご存知の方が見えましたら教えたいただきたいと思います。または、XHTMLの記述として正しくないなどの書き込みもお願いします。 --------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>無題のページ</title> </head> <body> <table cellpadding="0" cellspacing="0" border="0" style="width: 500px; height:200px;"> <tr style="height:auto;"> <td style="height: auto; width:5%; background-color:Fuchsia;"> left </td> <td style="height: auto; width:90%; background-color:Blue;"> center </td> <td style="height: auto; width:5%; background-color:Green;"> right </td> </tr> <tr style="height:auto;"> <td colspan="3" style="height:20px; background-color:red;"> bottom </td> </tr> </table> </body> </html> --------------------------------------------------------------- 以上、よろしくお願い致します。
- 締切済み
- CSS
- css heightについて
wordpressのテーマのCocoonというのを使用しています。 そのページにだけ適用できるカスタムCSSに下記のようにtextareaの高さを指定したのですが、まったく変わりません。他に何か指定しないといけないものがあるのでしょうか？ textarea{ height:50px; }
- ベストアンサー
- CSS
- tdの中のtableの中のtd
.box{～～} という具合にfont-sizeやline-heightを スタイルシートで定義しています。 あるtdの中に<td class="box">で そのスタイルを適用させるまではいいのですが、 そのtdの中にさらにtableを作った場合、 その中にはboxスタイルが適用されません。 入れ子になっている影響かな？とは思うのですが、 この場合、どう指定したらよいのでしょうか。 すべてのtdにclass指定するのは避けたいです。
- ベストアンサー
- HTML
お礼
別途で質問しなおさせていただきます。
補足
ありがとうございます。 <td height="R"> → <td style="height:Rpx"> をどのようにすればできますか？ できれば詳しく教えていただけると助かります。 置換えで、特定のタグを選択するところまでは理解できたのですが、そのあとがわかりません。 お願いいたします。