- 締切済み
スタイルシート
<!-- span#k-11 { background-image : url("a.gif")} span#k-12 { background-image : url("b.gif")} span#k-21 { background-image : url("c.gif")} span#k-22 { background-image : url("d.gif")} --> <body> <table> <tr> <td><a href=""><span id="k-11" style="width:192; height:33;"></span></a></td> <td><a href=""><span id="k-12" style="width:192; height:33;"></span></a></td> </tr> <tr> <td><a href=""><span id="k-21" style="width:192; height:33;"></span></a></td> <td><a href=""><span id="k-22" style="width:192; height:33;"></span></a></td> </tr> </table> </body> 外部スタイルシートで、 同じ大きさ(width:192; height:33; gif画像の大きさ)のgif画像を、縦2×横2のテーブルを表示して、その個々の画像にリンクを貼りたいと思っています。 一応これできますが、もう少しbody内のテーブルを簡略したいと思いますが、なかなかうまいきません。 1.大きさの部分(width:192; height:33;)をスタイルに入れると、何故か画像が表示されなくなります。 2.リンクの部分もスタイルに入れたいのですが、どのようにすればよいかわかりません。 どうぞご指導よろしくお願いします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- gura_
- ベストアンサー率44% (749/1683)
>1.大きさの部分(width:192; height:33;)をスタイルに入れると、何故か画像が表示されなくなります。 pxが抜けています。 → width:192px; height:33px; 正しいスタイルシートを勉強しましょう。↓ http://www.tohoho-web.com/css/basic.htm#Unit >2.リンクの部分もスタイルに入れたいのですが、どのようにすればよいかわかりません。 仰ることが、<a href=""> のことなら、出来ません。
お礼
>pxが抜けています。 初歩的ミスでした。申し訳ありません。 <a href=""> は指定できないのですね・・。 ありがとうございました。