人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

背景画像付きのTableの上にTableより少し小さめのOverflowの枠を表示させて文字を
表示させたいのですが、うまくいきません。初心者なので分かりやすく教えていただけると助かります。
ちなみにタグはしたのように打ち込んでいます。
(HTML)
<Table border="0" width="300" height="270" cellspacing="20" background="画像">
<Tr><Td align="center" valign="top">
<div id="Layer11">
文章
</div>
</Td></Tr>
</Table>

(CSS)
#Layer11 { overflow: auto ; width: 230px; height: 230;}

お願いします。

●質問者: nishihide
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS HTML Overflow タグ 初心者
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● wizemperor
●60ポイント ベストアンサー

なにがうまくいかないのかがわからないのですが…

とりあえず、修正してみます。

(HTML)

<table class="class1">
 <tr>
 <td>
 <div id="Layer11">
文章
 </div>
 </td>
 </tr>
</table>

(CSS)

table.class1 {
 padding: 0;
 border: 0 none;
 width: 300px;
 height: 270px;
 border-collapse:collapse;
 background-image: url(image/bg.gif); /* 画像ファイル */
}

table.class1 th, table.class1 td {
 margin: 0;
 padding: 20px;
 text-align: center;
 vertical-align: middle;
}

#Layer11 {
 margin: auto;
 overflow: auto;
 width: 230px;
 height: 230px;
}

こんな感じでどうでしょう。

なにがやりたいのか、どこがうまくいかないのかがいまいちわからないので、実例があるとわかりやすいのですが…。

◎質問者からの返答

できました!!

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ