- ベストアンサー
ビルダーでタグは同じなのに画像の見え方が違う
mr_kjapanの回答
- mr_kjapan
- ベストアンサー率63% (29/46)
追記です。 TD{ background-repeat : no-repeat; } TD（テーブルデータ、表のセルの内容を記述）に対して、 background-repeat（背景画像の縦横方向の繰り返し表示）は、 no-repeat（繰り返さずに一つだけ表示）しなさい。
関連するQ&A
- ヤフオクのテンプレートでバックグラウンドを使いたい
今、オークション用のテンプレートを作ってるのですが、テーブルの背景に、 <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> と言った感じで画像を背景に配置したいと考えていますが、どうやってもうまくいきません。 プレビュー表示の段階で、ソースコードを見てみたのですが、ちゃんと設定されているにもかかわらず、背景画像だけが表示されません。 別の方法で、 <div style="background-image:url(http://www.000.com/000.png);"> でも試して見ましたが、同じ結果でした。 背景画像の上に「商品説明」などの画像を重ねて配置したいので、どうにか上手くできる方法がありましたら是非教えて下さい。 ※上に重ねる画像だけが表示されます。 参考までに今編集中のソースを貼っておきます。 <center> <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> <tr> <td align="center" valign="top"><br /> <center> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/001.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 商品説明 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/002.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 発送方法 </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/003.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> お支払い方法 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/004.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 注意事項 </p></font></td> </tr> </table></td> </tr> </table> </center>
- ベストアンサー
- オークション
- 入れ子になっているHTMLタグも抜き出したい
現在、/^(<([\w]+)[^>]*>)(.*?)(<\/\\2>)/という正規表現で 再帰的に処理させてHTML部分のみカットしています。 が、 <table border="1" cellpadding="2" cellspacing="0" align="right" style="margin-left:1em"><tr><td colspan="2" cellspacing="0" cellpadding="2"><table align="center" border="0"><tr><td colspan="2" align="center">aaa</td></tr></table></td></tr></table> こういった同じタグの入れ子状態になっている事を想定していなかった為 正しく抜き出しが行えず問題が発生しています。 しかし、現状の処理でずっと動作させてきたので、出来るだけ処理を変更せず 上記HTMLにも対応させたいです。 何かいい正規表現か、同等の処理はありませんでしょうか？
- 締切済み
- PHP
- CGI Perl 画像の出し方
<table border=1> <tr> <TD colspan="3"> <table width=100% cellpadding=0 cellspacing=0><tr> <TD colspan="2">$c_name[$seedno]</TD> </tr></table> </TD> </tr> <tr> <TD colspan="3" align="right"></TD> </tr> <tr> <TD nowrap colspan="3">$ap<br> $dp<br> </TD> </tr> </table> 今CGIを改造中なのですが 10行目の所に自作の画像を出したいのですがどうすれば良いのでしょうか？。 出す画像は、登録しているキャラ毎の画像を表示したいのです。 例えばAというキャラが出たらAキャラの画像、Bというキャラが出たらBキャラの画像という感じです。 上手く説明できませんが宜しくお願いします。
- ベストアンサー
- Perl
- ホームページビルダー、タグでエラーが出るのは何故？
ホームページビルダーデドロップシッピングのサイトを作成しています。ドロップシッピングのサイトにあるソースをコピペしてサイトを作ろうとすると、エラーが発生してしまいます。 原因は何でしょうか？ ちなみにタグはこれです。 <table cellpadding="0" cellspacing="0" border="0" style="width:468px;height:268px;font-family:'ＭＳ Ｐゴシック','Osaka－等幅';background-image:url(http://www.moshimo.com/images/clbg0_0_1.gif);background-repeat:no-repeat;font-size:12px;line-height:18px;"><tr><td style="width:175px;vertical-align:middle;vertical-align:top;"><div style="width:154px;height:154px;background-image:url(http://www.moshimo.com/images/cl_frame0_1.gif);float:right;margin-top:30px;"><a href="https://www.moshimo.com/article/231414/62354"><img src="http://www.moshimo.com/item_image/0042401000008/1/r.jpg" width="150" height="150" style="margin:2px;border:0;" alt="マルチビタミン11"></a></div></td><td rowspan="2" style="text-align:left;vertical-align:top;padding:20px 0 0 5px;"><p style="font-size:18px;font-weight:900;margin:6px 0;line-height:21px;"><a href="https://www.moshimo.com/article/231414/62354 " style="color:#0A50FF;text-decoration:underline;">マルチビタミン11</a></p><p style="margin:7px 0;font-size:12px;color:#222222;"><span style="font-size:14px;font-weight:900;color:#FF1A00;">販売価格￥2,572</span></p><p style="margin:5px 20px 0 5px;text-align:left;color:#222222;">■注目の成分■マルチビタミン11種類ビタミンC■こんな方におススメ■ビタミン不足を感じる方健康のために栄養補給体調管理を徹底したいいまの農産物はハウス栽培、促成栽培が多く、環境の変化や農薬の多用などにより、昔と比べてビタミンをはじめとする栄養価が激減していると…</p></td></tr><tr><td style="text-align:center;vertical-align:top;"><a href="http://www.moshimo.com/item_image/0042401000008/1/l.jpg" target="_blank"><img src="http://www.moshimo.com/images/cl_bigimg0_1.gif" width="116" height="23" alt="拡大画像を見る" style="margin-top:5px;border:0;"></a></td></tr><tr><td colspan="2" style="text-align:right;"><a href="https://www.moshimo.com/article/231414/62354"><img src="http://www.moshimo.com/images/cl_btn_detailed0_1.gif" width="140" height="23" alt="商品詳細ページへ" style="margin:10px 3px 17px 0;border:0;"></a><a href="https://www.moshimo.com/?action_cart_add&sid=231414&bid=-62354"><img src="http://www.moshimo.com/images/cl_btn_cart0_1.gif" width="140" height="23" alt="カートページへ" style="margin:10px 20px 17px 0;border:0;"></a></td></tr></table>
- ベストアンサー
- ホームページ作成ソフト
- Webの表で画像を並べたい
テーブルを使って画像を並べているのですが、どうしても空白ができてしまいます。ソースを見ても何が原因だかわかりません。 左側に145*89のセルが一つあり、右上に604*54のセル、右下には35*35、60*35、509*35の3つのセル（今後増やす予定です）を作り、画像を並べたいと思っています。 が、左の画像と右下（2つ）の画像、右下（2つ）の画像と右上の画像との間にそれぞれ少しだけ空白ができてしまいます。 何が原因だか分かりますか？どうかよろしくお願いします。 ソースは以下の通りです。 <table width="749" height="89" border="0" cellspacing="0" cellpadding="0"> <tr> <td rowspan="3" width="145" height="89"><IMG SRC="images/main_up_01.gif" width="145" height="89"> </td> </tr> <tr> <td width="604" height="54" colspan="10"><IMG SRC="images/main_up_02.gif" width="604" height="54"> </td> </tr> <tr> <td width="35" height="35"> <img src="images/top.gif" width="35" height="35"> </td> <td width="60" height="35"> <img src="images/top2.gif" width="60" height="35"> </td> <td width="509" height="35"> </td> </tr> </table>
- ベストアンサー
- HTML
- safariで特定条件下でデーブル幅が効かなくなります
safariでcolspanでセルを結合し、その中に大きい要素（下の例ですとwidth500pxの画像や、文字数60のテキスト領域）を入れると、他の行の幅が変わってしまいます。 スタイルシートでtd幅を指定してやったりしてみたのですが、どうしても幅が変わってしまいます。 何か解決方法等ございましたら、ご教授願います。 <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="center" bgcolor="#99FFFF">20％</td> <td width="80%" align="center">80％</td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FFCCCC"><img src="http://cmm001.goo.ne.jp/img/sn/sn_50.gif" width="500" height="24"></td> </tr> </table> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="center" bgcolor="#99FFFF">20％</td> <td width="80%" align="center">80％</td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FFCCCC"><form name="form1" method="post" action=""> <textarea name="textarea" cols="60"></textarea> </form> </td> </tr> </table> <br> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20%" align="center" bgcolor="#99FFFF">20％</td> <td width="80%" align="center">80％</td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FFCCCC"> </td> </tr> </table>
- ベストアンサー
- HTML
- どうやったらこの画像にリンクできるでしょうか？
現在ホームページを作成しているのですが、「ホーム」「プロフィール」「works」「ブログ」「名言」「ムービー」「メルマガ」のところにリンクが貼れません。 <a href="http://*************"> <td width="100" background="ホーム".png></a></td> 上記のようにやってもできません。 どこがどう間違っているのでしょうか？ 下記に書いてあるのが、前後の部分です。 <table width="700" height="600" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" align="center"> <tr> <td width="700" height="129" background="aa.png" align="center" valign="middle"> </td> </tr> <tr> <td width="700" height="30"> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0"> <tr align="center" valign="middle"> <td width="100" background="ホーム".png></td> <td width="100" background="プロフィール".png></td> <td width="100" background="works".png></td> <td width="100" background="ブログ".png></td> <td width="100" background="名言".png></td> <td width="100" background="ムービー".png></td> <td width="100" background="メルマガ".png></td> </tr> </table> </td> </tr>
- ベストアンサー
- HTML
- CSSで左に画像、右にテキストを並べたい。
CSSで左に画像を置いて右にテキストを同じ列で並べたいのです。 （●=画像 ▲=テキスト） 現在の表示は ●▲ となっているのですが、これを ● ▲ と表示して画像は左端、テキストは右端にしたいのです。<td>で区切ればできると思うのですが、これをCSSだけで何とかできないでしょうか？ 色々試したのですが、どうしても下のように改行してしまいます。 ● ▲ ソースは以下です。 <table border="0" cellpadding="0" cellspacing="0" width="750" > <tr> <td colspan="2" id="head"><img src="img/777.gif" border="0">おはよう</td> </tr> </table> 外部CSS #head{background-color:#009900 width:750px; height:60px; margin-right:5px} どなたか宜しくお願い致します。
- ベストアンサー
- HTML
- htmlで画像の上にテキストを表示したが、ブラウザーによって見え方が違う
ホームページの制作で 部分的に画像の上にテキストをつけようと <DIV STYLE="position:absolute;"> を使って作ってみました。 IEで見るとちゃんとできているんですが、 サファリ、Firefoxで見ると当該箇所が左にずれてしまいます。 ・画像の上にテキストをつける ・その画像の中に部分リンクをつける ・どのブラウザーで見てもずれない 以上の条件を満たせば、やり方を問いません。 どなたか教えていただけませんでしょうか？ どうぞよろしくお願いいたします。 素人なので見づらく、変に複雑になっているかもしれませんが 以下ソースの一部です。 <style type="text/css"> div.先頭画像 { background-image:url(./images/先頭画像); background-position: top center; background-repeat:no-repeat; margin:0; } div.サイド { background-image:url(./images/サイド画像); background-position: top center; margin:0; background-attachment:fixed; } table.Goo{ color:#000; } </style> </head> <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <div class="サイド"> <center><img src="./images/リンク画像" width="794" height="662" border=“0” usemap="#top"/><br /> <map name="top"> <AREA SHAPE=rect COORDS="610,0,755,30" HREF="リンク先"> </map></center> <center><IMG SRC="images/white2.gif" width="794" height="1840" border=“0”><br /></center> <!--当該箇所> <DIV STYLE="position:absolute; top:662px; left:58px"> <IMG SRC="images/背景画像" border=“0” usemap="#first"/><br /> <map name="first"> <AREA SHAPE=rect COORDS="633,18,776,228" HREF="リンク先"> </map> <DIV STYLE="position:absolute; top:165px;left:125px"> テキスト </DIV> <DIV STYLE="position:absolute; top:570px;left:125px"> テキスト </DIV> </DIV> <!--当該箇所 ここまで> <center> <table class="Goo" width="756" cellpadding="0" cellspacing="0" border=“0”> <tr> <td width="75"><br /></td> <td colspan="3" valign="top" width="681" align="left"> <img src="./画像" width="416" height="53" alt="" border=“0”/> <br /> <br /> </td> </tr> <tr> <td width="75"><br /></td> <td colspan="3" valign="top" width="681" align="left"> <img src="./画像" width="369" height="15" alt="" border=“0”/> <br /> <br /> </td> </tr> <tr> <td width="75"><br /></td> <td colspan="3" valign="top" width="681" align="left"> テキスト <br /> </td> </tr> </table> </center> </div> </body>
- 締切済み
- その他([技術者向] コンピューター)
- colspan セルの結合について
テーブルタグで作ったセルを結合させようとcolspan タグを使用したのですが 縦線が消えてしまいます。何故なのか調べてもわからず困っています。 ソースを載せるのでよければお知恵を貸してください。お願いします。 <html> <head></head> <body bgcolor="blue"> <table border=0 bgcolor="#ffffff cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td>ccc</td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td><td>ccc</td><td>yyy</td><td>aaa</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <br> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#000000"><td colspan="9">aaa</td></tr> <tr bgcolor="#000000"><td colspan="3">ccc</td><td colspan="3">kkk</td><td colspan="6">mmm</td></tr> </table> </td> </tr> </table> <table border=0 bgcolor="#ffffff" cellspacing=0 cellpadding=0> <tr> <td> </body> </html>
- 締切済み
- HTML