quads の回答履歴

ホームページをＨＴＭＬで作成中です。 テーブルで表を作成しているのですが・・・。 テーブルを表示する微妙な位置設定はどうしたらいいでしょうか？　align="center"などではなく、微妙な位置設定ができる方法を教えてください。 よろしくお願いします

HTML 4.01とCSSを使って、W3Cのガイドラインに準拠したサイトを作っています。 そのサイトを、Internet Explorer（以下、IE）とFirefoxで動作確認しています。 ソースを見やすくするために、タブでインデントを施しています。 【サンプル】 <div id="header"> 　　<h1>サンプルページ</h1> 　　<p>これはサンプルページです。</p> </div> このようなソースをIEで確認すると問題ないのですが、 Firefoxで確認するとタブがスペースとなって表示されてしまいます。 なので、IEにあわせてmarginなどを設定すると、 Firefoxで見た際に大幅にデザインが崩れてしまいます。 （marginの値+タブのスペースが表示されるため。） そこで、インデントを削除して確認してみてもまだ若干スペースがあります。 どうやら、改行がスペースとして表示されているみたいです。 Geckoのレンダリングエンジンの場合になるように思うのですが、 これを回避する策はないのでしょうか？ できれば、インデントはそのままにしておきたいと思っています。 （ソースが見にくくなるため。） 回避する策を知っている方がいましたら、どうかよろしくお願いします。

http://matsu.tm.land.to/ 上記サイトのA案とB案。 どちらの方が見やすく、そしてサイトの信用力が高く感じますか？ 内容は同じ文章で、最新情報を表すものです。 よろしければその理由もご記入願います。

こんにちは。 下記のような事が出来るかどうか教えて頂きたく投稿させて頂きました。 メニューにフラッシュを用い、アクセスすると6秒程でフラッシュムービーが終了しメニューが表示される形としております。 ただ、メニューからwebページを表示させ、その後メニューに戻ると同様に6秒程のフラッシュムービーが流れる形となっております。 最初にアクセスした時のみフラッシュムービーを流し、その後、webページから戻る場合、最終のメニューが瞬時に表示させる方法はあるのでしょうか？ 宜しく御願い致します。 分かりづらい文面で申し訳ありません。

HTML 4.01とCSSを使って、W3Cのガイドラインに準拠したサイトを作っています。 そのサイトを、Internet Explorer（以下、IE）とFirefoxで動作確認しています。 ソースを見やすくするために、タブでインデントを施しています。 【サンプル】 <div id="header"> 　　<h1>サンプルページ</h1> 　　<p>これはサンプルページです。</p> </div> このようなソースをIEで確認すると問題ないのですが、 Firefoxで確認するとタブがスペースとなって表示されてしまいます。 なので、IEにあわせてmarginなどを設定すると、 Firefoxで見た際に大幅にデザインが崩れてしまいます。 （marginの値+タブのスペースが表示されるため。） そこで、インデントを削除して確認してみてもまだ若干スペースがあります。 どうやら、改行がスペースとして表示されているみたいです。 Geckoのレンダリングエンジンの場合になるように思うのですが、 これを回避する策はないのでしょうか？ できれば、インデントはそのままにしておきたいと思っています。 （ソースが見にくくなるため。） 回避する策を知っている方がいましたら、どうかよろしくお願いします。

HTML 4.01とCSSを使って、W3Cのガイドラインに準拠したサイトを作っています。 そのサイトを、Internet Explorer（以下、IE）とFirefoxで動作確認しています。 ソースを見やすくするために、タブでインデントを施しています。 【サンプル】 <div id="header"> 　　<h1>サンプルページ</h1> 　　<p>これはサンプルページです。</p> </div> このようなソースをIEで確認すると問題ないのですが、 Firefoxで確認するとタブがスペースとなって表示されてしまいます。 なので、IEにあわせてmarginなどを設定すると、 Firefoxで見た際に大幅にデザインが崩れてしまいます。 （marginの値+タブのスペースが表示されるため。） そこで、インデントを削除して確認してみてもまだ若干スペースがあります。 どうやら、改行がスペースとして表示されているみたいです。 Geckoのレンダリングエンジンの場合になるように思うのですが、 これを回避する策はないのでしょうか？ できれば、インデントはそのままにしておきたいと思っています。 （ソースが見にくくなるため。） 回避する策を知っている方がいましたら、どうかよろしくお願いします。

XHTML+CSS で作成したウェブサイトを InternetExplorer で観覧すると思い通りに表示されるのですが、 Netscape で観覧すると、全く違った表示になってしまいます。 思い当たる節は直してみたのですが、改善されません。 どこがいけないのでしょうか。 もし宜しければ、教えて下さい。 宜しくお願い致します。

現在、横３分割のフレームを使ったホームページを作成中です。左右のページを「space.html」とし、真ん中のページを更に縦３分割して、中央にメインのコンテンツを表示させるようにしています。また、サイトデザインは全てCSSで管理しようと思っています。 真ん中のページを際立たせたいので両側に縦線を引き、「space.html」の背景にも画像を設定したいのですが、うまくいきません。 ＃フレーム設定ページのソース＃ 　<FRAMESET cols="*,700,30" frameborder="no" border="0"> 　<FRAME name="space01" src="space.html" class="space01"> 　　<frameset rows="50,*,50" frameborder="no" border="0"> 　　<FRAME name="menu" src="menu.html" scrolling="no" class="menu"> 　　<FRAME name="main" src="main.html"> 　　<FRAME name="bottom" src="new.html" scrolling="no" class="bottom"> 　　</frameset> 　<FRAME name="space02" src="space.html" class="space02"> ＃「space」部分のCSS＃ 　.space01{ 　background-image:url(img/space.gif); 　border-right:double 5px #666; 　} 　.space02{ 　background-image:url(img/space.gif); 　border-left:double 5px #666; 　} 上記の方法ですと、両側の縦線は表示されるのですが、背景は真っ白なままです。勉強不足で恐縮ですが、どなたかご教授下さい。。。

スタイルシートで左側にメニュー(class=menu)を、右側に本文を書くようなサイトを作っています。 body { margin: 0px; } .menu { background-image:url(./img.gif) ; background-repeat:repeat ; margin:0px ; padding:10px ; position:absolute; width:150px ; } といった感じにしていましたが、左側メニューの背景がテキストの終端部分で切れてしまいます。（メニューの行数が短いので。） 私は、下までメニュー部分の背景がくるようにしたいのです。（つまり、画面が左右に２分割されるように） そこで、いろいろ調べて、body{}と.menu{}に「height:100%;」を加えることによって、少し改善が見られました。 表示させると、画面がきちんと２分割されます。 しかし、右の本文が長い時、スクロールをすると、それに伴いメニューが上に行き、やはりメニュー部分の下部が空白になります。 スクロールしても、下まできちんと２分割できるようにするには、どうすればいいでしょうか？ たぶん、分かってしまえば簡単なことなのでしょうが、よろしくお願いいたします。

現在、横３分割のフレームを使ったホームページを作成中です。左右のページを「space.html」とし、真ん中のページを更に縦３分割して、中央にメインのコンテンツを表示させるようにしています。また、サイトデザインは全てCSSで管理しようと思っています。 真ん中のページを際立たせたいので両側に縦線を引き、「space.html」の背景にも画像を設定したいのですが、うまくいきません。 ＃フレーム設定ページのソース＃ 　<FRAMESET cols="*,700,30" frameborder="no" border="0"> 　<FRAME name="space01" src="space.html" class="space01"> 　　<frameset rows="50,*,50" frameborder="no" border="0"> 　　<FRAME name="menu" src="menu.html" scrolling="no" class="menu"> 　　<FRAME name="main" src="main.html"> 　　<FRAME name="bottom" src="new.html" scrolling="no" class="bottom"> 　　</frameset> 　<FRAME name="space02" src="space.html" class="space02"> ＃「space」部分のCSS＃ 　.space01{ 　background-image:url(img/space.gif); 　border-right:double 5px #666; 　} 　.space02{ 　background-image:url(img/space.gif); 　border-left:double 5px #666; 　} 上記の方法ですと、両側の縦線は表示されるのですが、背景は真っ白なままです。勉強不足で恐縮ですが、どなたかご教授下さい。。。

暇つぶしに何気なく掛け算をしていたら発見しました 具体的には以下のようになります （元の数字→二乗したもの→三乗したもの…の一桁目のみ表示） １→１→１→１→１ ２→４→８→６→２ ３→９→７→１→３ ４→６→４→６→４ ５→５→５→５→５ ６→６→６→６→６ ７→９→３→１→７ ８→４→２→６→８ ９→１→９→１→９ 単なる偶然なのかもしれませんが、何か意味のある現象だったらご教授お願いします。

ホームページを作成中で 今フレーム横割りで三分割したページを 枠で囲んで表示させたくて 下のようなタグを各ページに打ちこんでいます。 BODY {border-width:pt; border-color: #99ccff; border-style:solid; border-left-width:px; border-right-width:px; border-bottom-width:px; border-top-width:px} ですがお気に入りのウインドウを出したときや ウィンドウを小さくしたときに ページの内容が枠につぶされて レイアウトがくずれてしまいます。 ページを枠で囲んだまま 折り返しをできなくするようにするには どうしたらよいのでしょうか アドバイスお願いします。

暇つぶしに何気なく掛け算をしていたら発見しました 具体的には以下のようになります （元の数字→二乗したもの→三乗したもの…の一桁目のみ表示） １→１→１→１→１ ２→４→８→６→２ ３→９→７→１→３ ４→６→４→６→４ ５→５→５→５→５ ６→６→６→６→６ ７→９→３→１→７ ８→４→２→６→８ ９→１→９→１→９ 単なる偶然なのかもしれませんが、何か意味のある現象だったらご教授お願いします。

普通にタグによって作成しているページに、スタイルシートで一括で指定をしています。 ところが、IEではきちんと表示できるのに、Safariではスタイルシートでの指示がはずれてしまいます。 以前、同じ指定で作っていたときは、きちんと表示できていたのですが、原因が究明できません。 スタイルシートの記述は、まったく同じです。Safariの環境設定も同じなのに、前に作ったものは、きちんと表示でき、今回作ったものだと表示できないのです。 IEで表示できるなら大丈夫かな、と、思わないでもないのですが、このような場合の原因をさぐるのは、どうしたらいいのでしょうか？ よろしくお願いします。

蒸し暑い時、どんな言い方で表現しますか？ 私は「むんむんする」とか「むしむしする」とか言います。 地域によって違ったりするんですかね？ ちょっと気になったので…。 暇つぶしにお答えくださいm(__)m

下記ソースをIE6で見ていただくとわかりますが、ナビ部分にカーソルをもっていくと、footerの背景が伸びたり縮んだりします。 IE6だけでこのような現象が出ています。 ※手元のデータは外部リンクです。 -----ソース----- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css"> body {background: #EFEFEF;} #wrapper{background: #fff; padding: 0; width: 700px; line-height: 1.4em;} #header{border: 3px solid #333;} #nav{float: left; width: 150px;} #nav ul{margin:0; padding:0; list-style-type:none;} #nav li a{display:block; width:150px; margin:0 0 1px 0; background-color:#CCC;} #nav li a:hover{background-color:#FF9900; color:#000000;} #rightbox{padding:0 5px; width: 140px;} #main{border:4px solid #FF0000; float: right; width: 542px;} #footer{background-color:#CCC; clear: both;} </style> <title>test</title> </head> <body> <div id="wrapper"> <div id="header"> <h1>header</h1> </div> <div id="nav"> <ul> <li><a href="#">nav1</a></li> <li><a href="#">nav2</a></li> <li><a href="#">nav3</a></li> </ul> </div><!-- end nav --> <div id="main"> <h2>main</h2> <p>本文</p> <p>本文</p> <p>本文</p> <p>本文</p> <p>本文</p> <p>本文</p> <p>本文</p> </div><!-- end main --> <div id="footer"> footer </div><!-- end footer --> </div><!-- end wrapper --> </body> </html>

こんにちは。 私は、小さい会社でＷebの製作を担当しています。 ＤreamWeaverで製作していますが、独学の上、 ＨＴＭＬの知識も乏しいため、うまく質問内容が伝わるのか少し心配ですが、よろしくお願いします<(_ _)> 検索サイトで、上位表示してもらうため、いろいろと研究しているのですが、楽天でかなり売れているサイトで、下記のようなソースをみつけました。 <IMG height=66 src="キーワード.files/top.gif" width=230 border=0> 「キーワード」の部分にそのショップの内容やキーワードが入っていて、それがあらゆる画像や、背景画像、などでも同じようになっています。 他の上位表示されているサイトでも、同じようなソースをみました。 新しいSEO対策のひとつかと思い、自分のサイトの画像の部分の記述も同じようにしてみましたが、画像は表示されませんでした。 CSSか何かなのでしょうか？ ご存知の方がいらっしゃいましたら、教えていただければ助かりますm(__)m 私の書いた文章を読んでいただければ、お分かりかもしれませんが、私は本当にＨＴＭＬなどの知識がなく、 できればＤreamweaverのコードビューではなく、デザインビュー上で作業ができるようなものであれば、それを教えていただけると幸いです。 最近、製作に行き詰まりを感じていて、やはりソースの勉強をしなくては・・・と思っているところなのですが。 どうぞ、よろしくお願いします。

MacのDw2004MXで、ulリストでマークアップしたナビゲーションを横に並べてa要素に背景を設定し、テキストをレフトアウトしています。 Mac上のブラウザでは問題なのですが、WinのIE6で見てみると文字サイズが最小の時以外はナビの上部に白い隙間が表示されてしまいます。もちろんpaddingもmarginも0を指定しています。隙間は文字サイズが最大のとき高さ3px、文字サイズ中のとき高さ2pxです。 しかも、a要素のfont-sizeとline-hightはpxで指定しているのでWinの文字サイズ変更は効かないはず… ulタグをdivで括り、divのpaddingもmarginも0としています。 お助けください。 ====XHTML===== <div id="nav"> <ul><li><a id="nav1" href="index.html">TOP</a></li><li><a id="nav2" href="room.html">page1</a></li><li><a id="nav3" href="price.html">page2</a></li><li><a id="nav4" href="service.html">page3</a></li><li><a id="nav5" href="meal.html">page4</a></li><li><a id="nav6" href="reserve.html">page5</a></li><li><a id="nav7" href="access.html">page6</a></li></ul> </div> ======CSS===== #nav{ width:705px; height:30px; margin:0; padding:0; } #nav ul{ list-style-type:none; margin:0; padding:0; height:30px; } #nav ul li{ display:inline height:30px; margin:0; padding:0; height:30px; } #nav ul li a{ display:block; margin:0; font-size:6px; height:30px; float:left; background:url(../i/g/nav.gif) no-repeat 0 0; text-indent:-5000px; line-height:10px; }

ここで使われている記号が分かりません。 幾つか教えてもらえないでしょうか？ よろしくお願いします。

本来、横スクロールバーが出るほどでもないようなページなのに IE6だけ、横スクロールバーが勝手に出てしまいます。 どうしたら、横スクロールバーを消すことができますか？ （縦スクロールバーは必要です） ちなみに、フレームのページであっても、非フレームのページであっても出てしまうようですが、 下記の宣言を消すと、一応消えるのですが、他のスタイルシート等が無効になってしまうので困っています。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ページの内容は、複雑なTABLE入れ子をもったページです。 IE5、IE5.5、Firefox、Operaではどれも出ません。 よろしくお願いします。