HTML、CSSについての質問

2023/10/14 20:30

このQ&Aのポイント

HTMLとCSSで分からないところがあります
検索結果一覧の中のオレンジの太枠で囲まれている部分がありますが、太枠の右端の線が2つの部分で欠けて表示されています
ソースを見ていただく必要があるので大変だとは思いますが、どなたかアドバイスをいただけると大変助かります

ベストアンサー

HTML、CSSについての質問

2007/08/13 22:26

こんにちは。自分でサイトを構築しているのですが、 HTMLとCSSで分からないところがあります。具体的に示した方がわかりやすいので、以下のURLをご参照ください。 http://crossend.jp/modules/cs/search.php?cid=1&aid=1 検索結果一覧の中のオレンジの太枠で囲まれている部分がありますが、太枠の右端の線が2つの部分で欠けて表示されています。一方以下のURLの画面では、オレンジの太枠がきれいにつながっております。 http://crossend.jp/modules/cs/store.php?sid=21 どちらも同じソースを利用しているつもりなのですが、最初の方がうまく表示できない原因が分かりません。ソースを見ていただく必要があるので大変だとは思いますが、どなたかアドバイスをいただけると大変助かります。なにとぞよろしくお願いいたします。

crossend
お礼率100% (1/1)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#56851

2007/08/13 22:56 回答No.1

テーブルの横幅が足りず、コーナーの絵が欠けている様です。二つ目のも、Firefoxで見ると左側のコーナーで横線との間に隙間が出来ています。こちらは横幅が少し長いのかもしれません。

質問者

お礼 2007/08/15 05:56

早速のご回答ありがとうございます！幅をしっかり指定することできれいに表示できました。

関連するQ&A

header関数で遷移した際のURLエンコード
こんにちは。 XOOPSを利用しております。ログイン画面を表示する際にSSL化したいため、PHPのheader関数を利用してSSLページを表示させることをしております。その場合に、ログイン後のリダイレクトするページを保存するために、「xoops_redirect="リダイレクト先URL"」という変数をURLに埋め込んでおります。そこで解決できない問題があります。 header()使用時には、xoops_redirectの値をURLエンコードして以下のように送っております。 header(Location: https://localhost/xoops/user.php? xoops_redirect=%2Fxoops%2Fmodules%2Fcs%2Fsearch.php%3Fcid%3D1%26aid%3D1);" しかし、表示されるURLを見ると以下のようにxoops_redirectの値がURLエンコードされておりません。 https://localhost/xoops/user.php? xoops_redirect=/xoops/modules/cs/search.php?cid=1&aid=1 よって、$_GET['xoops_redirect']で値を取得すると、"/xoops/modules/cs/search.php?cid=1"という部分のみしか取得できません。何か分かることがありましたら教えてほしいです。別の解決方法でもぜんぜんかまいません。よろしくお願いいたします。
- ベストアンサー
- PHP
これってどうやるんでしょうか。HTML？CSS？
http://www.phppro.jp/school/phpschool/vol2/3 で使われているポップアップウインドウのような機能を自分のサイトで使ってみたいと思ったのですが、名前も何もわからなかったので質問させていただきました。 <?php print("Hello World!"); ?> サイト内の「print（"Hello World!"）」にマウスを持っていくと説明文が書いてあるウインドウが表示されますよね？これってどうやるんでしょうか？よろしければ参考URL、やり方等を教えていただけないでしょうか。よろしくおねがいします。
- ベストアンサー
- その他（メールサービス・ソフト）
このＨＴＭＬタグをヤプログの自分のブログに使用したい場合
エンコードがＥＵＣ－ＪＰでタグがこれです。 <script type="text/javascript" src="http://orange-park.jp/ads/ads.php?aid=15683"></script><noscript><a href="http://orange-park.jp/" target="_blank">無料アクセスアップのオレンジトラフィック</a></noscript> もしくはエンコードがＳＨＩＦＴ－ＪＩＳでタグがこれです <script type="text/javascript" src="http://orange-park.jp/ads/ads.php?en=s&aid=15683"></script><noscript><a href="http://orange-park.jp/" target="_blank">無料アクセスアップのオレンジトラフィック</a></noscript> それとＵＴＦ－８でタグがこれです <script type="text/javascript" src="http://orange-park.jp/ads/ads.php?en=u&aid=15683"></script><noscript><a href="http://orange-park.jp/" target="_blank">無料アクセスアップのオレンジトラフィック</a></noscript> この３つともヤプログで使えなかったのですがどうしたらつかえるんでしょうか？どうしても使いたいのです。
- ベストアンサー
- ブログ
HTMLタグを　自分のブログに貼り付けようとしたら　表示されないです・・。
HTMLタグを　自分のブログに貼り付けようとしたら　表示されないです・・。このタグなんですが↓ <script type="text/javascript" src="http://orange-park.jp/ads/ads.php?en=s&aid=15683"></script><noscript><a href="http://orange-park.jp/" target="_blank">無料アクセスアップのオレンジトラフィック</a></noscript> エンコードとはなんなのでしょうか？ヤプログでブログを作ってます。このタグはつかえないんですか？どうしたらつかえるんでしょうか？
- ベストアンサー
- ブログ
HTML　CSSを、教えてください。
お世話になります。 HTMLを始めたばかりで、超初心者ですので、ご教授いただけたらと思います。以下の図のような感じに並べたいです。バックグラウンドには、青色。赤と緑の部分は、画像配置、また、右の緑の画像の上に, オレンジのボタン配置を行いたいのです。ただ、オレンジのボタン配置の仕方が、なかなか出来ずにいます。以下のHTMLとCSSには、オレンジのボタンを入れずに、まず配置をしてみましたが…。ただ、やはり右の緑の画像が、崩れてしまう感じも…。オレンジのボタンを入れていただいた形で、お願いできないでしょうか？（オレンジ画像 width＝100　height＝50 でお願いします。）【 HTML 】 <div class="Red"><img src="img/Red.png" width="300" height="50" /> <div class="contents"> <div class="Color_Box"> <div class="Green01"><img src="img/Green01.png" width="200" height="100" /> </div> <div class="Green02"><img src="img/Green02.png" width="200" height="100" /> </div> </div> </div> </div> 【 CSS 】 div.Red{ background:url(img/Bule.png) 0 100% repeat-x; height:200px; margin-top:45px; text-align:center; } div.Color_box{ width:450px; height:100px; } div.Green01{ width:200px; padding-right:50px; float:left; } div.Green02{ width:200px; float:left; }
- 締切済み
- CSS
CSSとHTMLの編集について教えてください。
お店を作っているのですが、幅の修正が巧くいきません。 (1)商品リストでは各商品に枠は無いので、いちおう黒枠で示したのが大体の商品テーブルだと思うのですが、画像から右端まで間隔があいてしまっています。これを枠いっぱいまできちんと表示させる方法を教えてください。 (2)枠の縦寸法が、各商品バラバラになってしまっています。これを統一する方法を教えてください。 (3)２行目の商品との間隔が広すぎます。これを狭める方法を教えてください。 (4)商品名と「ＮＥＷ」の位置を入れ替える方法を教えてください。 (5)商品名（４が完成した後はこの位置にＮＥＷがきている）と商品画像との間隔を狭める方法を教えてください。ＣＳＳ部分は以下の通りです。 ↓ http://oshietekudasai.web.fc2.com/
- ベストアンサー
- HTML
phpでのHTMLの表示（特にJavascriptの部分）についてご教
phpでのHTMLの表示（特にJavascriptの部分）についてご教授下さい。 phpで以下のhtmlを表示させ、Javascriptを実行させたい時にエラーが出るので <a href="" onclick="Hoge(’hoge’);return=false”>リンク</a> Firefoxでソースを見てみると以下の通りになります。 <a href="" onclick="Hoge(" hoge="" );return="" false;="">リンク</a> PHPで表示させたい場合（特にJavascriptの部分）はどのような書き方をすればよいのでしょうか？？ちなみに、IE8だとソースはきれいでしたが、Javascriptが実行できませんでした。お急がしところ申し訳ございませんが、ご教授いただけましたら幸いです。
- ベストアンサー
- PHP
foreach文をfor文へ変更したい(XOOPSテンプレート)
XOOPSテンプレートの変更をしたいのですが、やり方が分かりません。 ■[内容] 現状:テーブルにある物をすべてリスト表示 ↓ 変更:リスト表示するものの上位5番目ぐらいまでのリストに、1位・2位・3位・4位・5位とのアイコンを表示させたい ↓ 方法:リスト表示に、<li class="list1">のようにclass属性を動的に付けることが出来れば、後はCSSで画像を背景に敷くことで対応できるのではないかと考えています。(フツーはどうするのか教えていただければ嬉しいです) ■[現状のコード] <ul> 　<{foreach item=photo from=$block.photo}> 　　<li><a href="<{$block.mod_url}>/index.php?lid=<{$photo.lid}>&cid=<{$photo.cid}>"><{$photo.title}></a> (<{$photo.hits}> <{$photo.suffix}>) 　　</li> 　<{/foreach}> </ul> ■[現状の出力結果] <ul> 　<li> 　　<a href="http://www.sample.co.jp/modules/test/index.php?lid=2&cid=1">サンプル1</a>(5 hits) 　</li> 　<li> 　　<a href="http://www.sample.co.jp/modules/test/index.php?lid=4&cid=3">サンプル2</a>(4 hits) 　</li> </ul> ■[やりたい出力結果] <ul> 　<li class="list1"> 　　<a href="http://www.sample.co.jp/modules/test/index.php?lid=2&cid=1">サンプル1</a>(5 hits) 　</li> 　<li class="list2"> 　　<a href="http://www.sample.co.jp/modules/test/index.php?lid=4&cid=3">サンプル2</a>(4 hits) 　</li> </ul> ■質問内容現状、foreachで<li>だけをループ処理にて取得しているコードへ対して、リスト表示に、<li class="list1">のようにclass属性を動的につけて取得するには、どうすればよいのでしょうか。
- ベストアンサー
- PHP
css　画像を表示・設定
cssでimgタグを使って画像を表示させたいのですが、 css内でsrcは使えないのでしょうか？ img{ background-image:url( http://orange.jpg ) } このような書き方しかできないのでしょうか？上記の書き方だと、画像の周りに線ができて、更にhtmlソース内のaltの文字まで表示されてしまいます。
- ベストアンサー
- HTML
ImageGeter　の使い方。
ImageGeter　の使い方。 http://www.abdra.net/modules/myalbum/viewcat.php?cid=307 このサイトの画像を収集しようとてしましたが、指定したurlのみの1ページ分の画像を保存したのみで、あとは保存してくれません。延々とサイト内の画像を保存して欲しいのですが、設定方法などご存知の方お願いいたします。よろしくお願いします。
- ベストアンサー
- その他(ソフトウェア)