- 締切済み
テーブルのセルでリンクする
只今、ホームページを作成していまして、テーブルを使用したメニューを作成しています。 そこで、リンクをテキストではなくテーブルのセルにリンクを使用と思い、導入までは出来ました。 参考にしたページ↓ http://www.1uphp.com/con1/table/cell-link.html このリンクをするとテキストの天地中央で設定されていたものが上に固定されてしまいます。 (左右の設定は問題ないみたいです。) 同じサイト内にあるテーブルの位置の設定を参考に設定してみましたが、うまくいきません。 参考ページ↓ http://www.1uphp.com/con1/table/cell-align.html なんとかテキスト部分を天地中央に持っていきたいので、ご回答頂ければと思います。 宜しくお願い致します。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- steel_gray
- ベストアンサー率66% (1052/1578)
関連するQ&A
- テーブルにリンクをはった場合のテキストの表示位置
http://okwave.jp/qa/q2259695.html ↑こちらを参考にて、テーブルにリンクをはることはできたのですが、テキストの表示位置を「 valign="middle"」と設定してもテーブルの中央に表示されず、上に表示されてしまいます。(「align="center"」はできます) テーブルの中央にテキストを表示させてい場合、どうしたら良いのか教えてください。 お願いします。
- ベストアンサー
- ホームページ作成ソフト
- テーブルを中央に表示させる場合
cssでテーブルを中央に表示させる場合、 http://www.1uphp.com/con1/table/align-center.html のサイトでいうと、 1.<div>の中身をtext-align:center;で中央に表示 2.中央表示されないブラウザ(FirefoxOpera)に対してmargin-方向:auto;を設定 のどちらの方法で指定したほうがいいのでしょうか? 万人向けのサイトを作ってるのでブラウザはまちまちなのですが そのような場合のタグの書き方を教えてください。
- ベストアンサー
- CSS
- paddingはテーブルに対して行えないの?
cssのpaddingはテーブルに対して行えないのでしょうか? table[summary="table_あ"] { text-align: center; padding: 20px 0px; } というcssを設定すると text-align: center; は適用されているのに padding: 20px 0px; は無視されます。 http://www.tagindex.com/stylesheet/table/padding.html を参考にしたのですが、 もしかして、 tableでpaddingは使えないのでしょうか? 上下のみ空白が欲しいので20px 0pxとしました。
- ベストアンサー
- HTML
- CSSを使ってテーブルでセル全体をリンクしたい
CSSを使ってテーブルでセル全体をリンクしたい CSSを使ってテーブルでセル全体をリンクしたい・・・と思っています。 4つのセル?を横並びにして(2段目は説明書き)、一つ一つ違うところに飛べるようにしたいのですけど、文字だけしかリンクできません。。。 block要素?を使うらしい?ということはわかったのですが、テーブル要素と組み合わせて使う場合どうしたらいいのでしょう? 色々やってみたのですが、セルが縦並べになってしまったりメインのcolorがなくなってしまったり、形が大幅に崩れたりしてしまいました。 ホームページ作りもCSSも初めてなので、なにをどうしたらよいか教えていただけると嬉しいです ソースをのっけておきます <cssの方> table#table-01 { width: 600px; border: 0px #E3E3E3 solid; border-collapse: separate; border-spacing: 20px 0; } table#table-01 th { width: 130px; height: 70px; padding: 5px; border: #E3E3E3 solid; border-width: 1px 0 0 1px; background: #F5F5F5; font-weight: bold; line-height: 120%; text-align: center; } table#table-01 td { vertical-align: top; padding: 1px 3px 20px 0; border: 0px #E3E3E3 solid; border-width: 0; text-align: center; } <htmlの方> <table id="table-01" cellspacing="20px"> <tr><th>●●●●</th><th>▲▲▲</th><th>■■■</th><th>○○○</th></tr> <tr><td>●の説明</td><td>▲の説明</td><td>■の説明</td><td>○の説明</td></tr> よろしくお願いします
- ベストアンサー
- HTML
- テーブルの中にテーブルを入れ込んで・・・
最近、質問ばかりしてるような気がするのですが・・・ m(__)m 親テーブルのセルの中に子テーブルを入れ込んで 子テーブルを親テーブルのセルの縦位置を中央に表示させたいのですがうまく行きません NN6.Xでは表示されるのですがIEだと上寄せに 表示されてしまいます。 これはIEの仕様でしょうがないのでしょうか? (↑けしてダジャレではありません(^^ゞ) セル内配置でテキストや画像は上手く 中央位置に出来るのですが子テーブルが出来ないです なぜでしょうか? 参考のためにソースコードを --------------------------------- <table width="100%" border="1" height="100%"> <tr> <td align="center" valign="middle"> <table width="50%" border="1" height="50%"> <tr> <td> </td> </tr> </table> </td> </tr> </table> ------------------------------------- よろしくお願いします。 スタイルシートやjavascriptを使ったやりかた とかもあるのでしょうか?
- ベストアンサー
- HTML
- TABLEでのリンクについて
画像の中の指定した部分から違うページへリンクさせたくて <img src="image/ie.gif" width="550" height="285" border=0 usemap="#map1"> と入力してその後に <map name="map1"> <area shape="rect" coords="249,169,295,220" href="link.htm"> </map> としてリンクさせました。 その後に画像の上に違う画像を重ねたくて最初の画像をTABLEの背景にしようと思って <table background="image/ie.gif" width="550" height="285" border=0 usemap="#mapie"> と直しました。 そうすると画像を重ねる事はできたのですが、リンクができなくなってしまいました。 TABLEの背景画像からmapを使ってリンクさせる事はできないんでしょうか?それとも何か間違えていますか? どなたかアドバイスをお願いします。
- ベストアンサー
- HTML
- リンクテーブルについて
excelのデータをaccessのテーブルに取り込みたいのです。 インポートではなくて、取込みボタンのようなものを作成し、自動的に取り込めるようにしたいのです。 そこでいろいろ聞いたり調べたりすると、「リンクテーブル」という言葉がでてきます。なんとなく意味はわかるのですが、「excelをリンクテーブルに設定する」やり方がわかりません。 教えて下さい。
- ベストアンサー
- オフィス系ソフト
- テーブル枠と文字
DreamWeaverでHP作成中です。 たびたび質問させていただいていますが、テーブルの大きさがどうしても合いません。 【A】<table width="100%" height="100%">という大きなテーブルの中に 3つ入れ子しています。 <tr><td> 【1】<table width="710" height="55"> 【2】<table width="710" height="15"> 【3】<table width="710" height="400"> </td></tr></table> これをベースに、【1】【2】のテーブルにはボタンを入れ、各ページにリンクさせています。 【3】のテーブルにインラインフレームを入れて、各ページ枠組と背景は同じのものを作っています。 【3】のインラインフレームを外しFlashファイルをはめこんだりすると、他のページと枠の大きさが変わってくるのですが、理由がわかりません。 もしかして、テーブルの枠自体に高さや幅があるのでしょうか。 例えば<table border="0">としていても、少し高さがあったりするために、全体の大きさが微妙に変わってしまう等。 もしくは、<td height="5">と設定しているのに、文字の大きさがそれ以上の高さを持っているため等。 文字の大きさはブラウザの設定等にも依存するのでしょうが、大体高さはどのくらいに設定すればよいのでしょうか。 それから、例えば【3】<table height="400">の中が<table height="380">と<table height="15">の2つだとするとまた大きさが変わってしまうのでしょうか。 とんちんかんなことを言っていますが、教えてくださいー。
- ベストアンサー
- HTML