- ベストアンサー
テーブル内背景固定
BODY内の背景固定はno-repeatなどで、指定するのは理解できたのですが テーブルの中の背景は繰り返ししないようにできないのでしょうか？ いろいろ調べてもみたのですが、分かりませんでした。 初心者なので分かりやすくおしえていただけると嬉しいです。 <td colspan="2" valign="top" background="img/top_news_wall.jpg"><p class="style4"> のようになっていて、top_news_wall.jpgは背景画像名です。 どうぞよろしくお願いいたします。
- kommatta
- お礼率90% (147/163)
- ホームページ作成ソフト
- 回答数2
- ありがとう数7
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<td colspan="2" valign="top" background="img/top_news_wall.jpg"> を <td colspan="2" valign="top" background="img/top_news_wall.jpg" style="background-repeat:no-repeat"> あるいは、 <td colspan="2" valign="top" style="background-image:url('img/top_news_wall.jpg');background-repeat:no-repeat"> あるいは、 <td colspan="2" valign="top" style="background:url('img/top_news_wall.jpg') no-repeat"> とします
その他の回答 (1)
- gura_
- ベストアンサー率44% (749/1683)
例えばこんな感じでしょうか。 <html> <head></head> <body> <table border=1 width=800 height=600> <tr> <td colspan="2" valign="top" style="background: url(img/top_news_wall.jpg) no-repeat fixed center top;"><p class="style4"></td> </tr> </table> </body> </html> 参考サイト↓ http://www.tohoho-web.com/css/reference.htm#background
お礼
ありがとうございました。ちょっと試してみたのですが、何故かうまくいかないようでした。たぶん私のやり方が悪いのだと思います。
関連するQ&A
- テーブル中に設けた背景画像をフェードインで
下記の記述で、テーブルに背景を設けています。 この画像を、じんわりと、フェードイン表示させたいと思っていますが、JavaScriptで可能でしょうか？ <td width="800" height="600" align="centert" valign="center" style="background-image:url(img/hoge1.jpg);background-repeat:no-repeat;background-position:center center;">
- ベストアンサー
- JavaScript
- 画像にオンマウスで背景画像を固定
画像にオンマウスで背景を水平方向+上に固定するにはどうしたら良いのでしょうか？ 今現在使用しているタグだと垂直水平方向に繰り返しになってしまいます。 使用しているソースは以下のとおりです。 ---------------------------------- </HEAD> <BODY> <TABLE cellspacing="0"> <TBODY> <TR> <TD onmouseover="body.style.background='url(/image/001.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/001.jpg" width="200" height="200" border="1"></TD> </TR> <TR> <TD onmouseover="body.style.background='url(/image/002.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/002.jpg" width="200" height="200" border="1"></TD> </TR> <TR> <TD onmouseover="body.style.background='url(/image/003.jpg) fixed repeat';" onmouseout="body.style.background='';"><IMG src="/image/003.jpg" width="200" height="200" border="1"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> ---------------------------------- 「fixed repeat';」を「fixed repeat-x';」に変えてみても変化なしでした。 また、styleに <!-- BODY { background-attachment: fixed; background-repeat: repeat-x; background:position:top} --> を書いてみたりもしたのですが変化なしでした。 ご存知の方、詳しい方アドバイスお願いします。
- ベストアンサー
- HTML
- TABLEの高さを固定したいのですが…
現在TABLEタグを利用してHPのレイアウトを作成しているのですが 高さが固定できずに困っています。 ソースですが <table border="0" cellpadding="0" cellspacing="0" width="600" height="800"> <tr> <td width="300" height="600" background="img/back1.jpg" align="left" valign="top"> <p>【１】</p> </td> <td rowspan="2" align="left" valign="top" width="300"> <p>【２】</p> </td> </tr> <tr width="300"> <td background="img/back2.jpg">【３】<img src="img/back2.jpg"></td> </tr> </table> これで ┌───────────────┐ │ │ │ │ │ │ │ │ │ │ 【１】 │ │ │ │ │ ├─────┤ │ │ │ 【２】 │ │ │ │ │ 【３】 │ │ │ │ │ │ │ │ │ │ │ └─────┴─────────┘ という形を作成したいと考えています。 この時【１】は高さ600pxの固定サイズで、【２】に画像や文章が追加され縦に伸びるたびに【３】に設定してある背景画像（background="img/back2.jpg"）がループしながら縦に伸びていくようにしたいと考えています。 ところがIE8以降で確認すると、【１】が固定されずに【２】に合わせてどんどん伸びてしまいます。 逆に【３】が固定されているようです。 別にテーブルを使用しなくても【１】だけが固定されて【２】と【３】が内容によって同時に動き、かつ【３】の背景が伸びていけば構わないので「別のやり方があるよ」というアドバイスだけでも頂ければと思い質問させていただきました。 よろしくお願いします。
- 締切済み
- HTML
- 背景を固定した時の表の背景
こんにちは。ＨＰを制作し始めたばかりの初心者です。 質問です。 背景をこんな感じて固定した時 <STYLE type="text/css"> <!-- BODY{ background-image : url(○○.jpg); background-repeat : no-repeat; background-attachment : fixed; background-position : 90% 50%; } --> 作ってる表の背景画像が無効になっちゃいます。 なんか間違ってるんでしょうか？？？ お答えを頂けると有り難いのですが。
- ベストアンサー
- HTML
- ネスケで背景を表示する際に
ネスケで背景を指定する際に、困ったことが起きてしまいます。まず横700のテーブルのTDに指定して貼り付けますが 、そのうえからまたテーブルを組んで、セルを作ると、背景が繰り返してしまいます。CSSで定義してますが、できません。この教えて・・・でも同じような質問があったのですが、真似しても、テーブルのみだったら背景はきっちり表示されますが。リピート禁止にしてもだめです。 cssはこうです。 <STYLE TYPE="text/css"> .img01{ background-image:url(img/back01.jpg); background-repeat:no-repeat; background-position:50% 50%; } </STYLE> できれば、cssでなくタグのみでできればいいのですが・・・
- 締切済み
- HTML
- 背景を固定する。
<HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image: url(画像のＵＲＬ); background-repeat: no-repeat; background-position: right bottom; } --> </STYLE> </HEAD> <BODY> ・ ・ ・ </BODY> </HTML> このタグをいれても、背景が表示されず真っ白です。 何か間違ってるところがありますか？
- ベストアンサー
- その他（インターネット・Webサービス）
- 背景画像の大きさ固定
テーブルの背景に画像を貼り付けて、その画像がテーブルいっぱいに表示されるようにしたいのですが、やり方がどうにもわかりません。 本来の画像のサイズはテーブルより大きいんですが、800×600でも1024×768でも同じように全画面表示になるって感じにしたいんです……ウィンドウのサイズに合わせて縮小する感じです。 スタイルシートで<td>内に background="aaa.jpg" style="background-repeat:no-repeat" と記述していますが、縮小ができません。 分かる方いらっしゃいましたら教えて下さい。 お願いします。
- ベストアンサー
- HTML
- CSSで背景の重なり指定
ページの背景を設定するために body { background: #000000 url(../img/back1.jpg) no-repeat right top; z-index:2; } とし部分的に表示したい背景を .side { background: #000000 url(../img/back2.jpg) repeat; z-index:1; } としています。 やりたいことはbodyで記述した背景を1番前に表示させたいと 思っているのですが.sideに記述した背景が手前に 出てきてしまいます。 これを解決する方法はないでしょうか？ブラウザはIE6.0です。
- 締切済み
- HTML
- ネスケで背景色が表示されない
ＷＩＮＸＰ ＩＥ６ ネスケ７.１ 外部ｃｓｓで td.bottom{ height: 30px; background:url(img/cr.gif); background-repeat:no-repeat; background-position: center; background-color: #fff76b; } と指定し、 ＨＴＭＬに <TD colspan="4" align="center" class="bottom"></TD> というタグを書いています。 ＩＥで見るとちゃんと表示されますが、 ネスケだと色がまったく表示されません。 理由がまったく分からず困っております。 どなたかアドバイス下さい！
- ベストアンサー
- HTML
- 任意のテーブルのみに背景画像を設置して、時間ごとに変更するには？
ホームページを作っていてどうしても うまくいかないことがあるので相談させてください。 １ページの中に複数のテーブルがあるのですが、 そのうちの一つだけに背景画像を設置して、 尚かつ時間ごとに画像を変更したいのですが、 うまくできません。 BODYの背景を変える場合は、JAVAスクリプトで できたのですが、任意のテーブルのみに同じような ことをすることはできないのでしょうか。 いくつか試したのですが、例えばCSSを用いて、 <style type="text/css"> <!-- .timg{ background-attachment: scroll; background-image: url(img/001.gif); background-repeat: no-repeat; background-position: center; } --> </style> としておき、任意のテーブルタグにて <table class="timg"> とすることで、任意のテーブルのみに 背景をつけるとこまではできたのですが ここからJAVAスクリプトで背景を時間ごとに 変えるやり方がわかりませんでした。 どうかアドバイスよろしくお願いします。
- ベストアンサー
- HTML
お礼
ひとつめでバッチリ！できましたm(__)m 感謝です！！