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