• 締切済み

テーブルのセルでリンクする

只今、ホームページを作成していまして、テーブルを使用したメニューを作成しています。 そこで、リンクをテキストではなくテーブルのセルにリンクを使用と思い、導入までは出来ました。 参考にしたページ↓ http://www.1uphp.com/con1/table/cell-link.html このリンクをするとテキストの天地中央で設定されていたものが上に固定されてしまいます。 (左右の設定は問題ないみたいです。) 同じサイト内にあるテーブルの位置の設定を参考に設定してみましたが、うまくいきません。 参考ページ↓ http://www.1uphp.com/con1/table/cell-align.html なんとかテキスト部分を天地中央に持っていきたいので、ご回答頂ければと思います。 宜しくお願い致します。

みんなの回答

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

高さを指定して、その中央に配置というのは出来ません。 (ホントはできるし、IE以外のブラウザならできるんですが…) そこで、余白を指定して高さの指定代わりとします。 キッチリ、セルの高さを指定するという事はできませんが、ある程度はセルでの中央配置を再現できます。 例) <html> <head> <title></title> <style type="text/css"> td { width:300px; /* height:150px; 高さは指定しない*/ border:solid 1px black; padding:0; } a { display:block; text-align:center; width:100%; /* height:100%; 高さは指定しない*/ padding-top:20px;/*上部余白*/ padding-bottom:20px;/*下部余白*/ } a:hover { background-color:#ffcccc; } </style> </head> <body> <table><tr><td> <a href="http://www.google.co.jp/">リンクテキスト</a> </td></tr></table> </body> </html>

全文を見る
すると、全ての回答が全文表示されます。

関連する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
  • 各テーブルへのリンク色の摘要

    cssでテキストリンクのリンク色設定をしていますが、ひとつのページの中の特定のテーブル内のみに適用することはできますか。

  • リンクテーブルについて

    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
  • リンクテーブルの件

    いつも参考にさせていただいてます。 EXCELのデータをACCESSの既存テーブルに取込みたくて、リンクテーブルを作成いたしました。 そしてここからいろいろ調べると 「Excelリンクテーブルからアクセステーブルへの追加クエリを作成する」のがいい方法だと伺いました。 しかし私は初心者なのもでやりかたがわかりません。 ぜひ教えて頂きたいです。

このQ&Aのポイント
  • 土地売却後、次に住む家として賃貸物件を探しています。売買契約解除の可能性があるため、物件探しの際には伝えない方が良いでしょうか?
  • 売買契約解除された場合は入居から一か月程度で退去することになり、そのリスクがある人は審査に通らない可能性があります。
  • 現在審査中の物件についても返答がなく、建築確認は1月中に下りる予定ですが具体的な日程は不明です。引き渡し日が2月5日に決まっているため、早めに物件探しを始めています。
回答を見る

専門家に質問してみよう