quads の回答履歴

全397件中1～20件表示
  • IEを使わない最大の理由は？

    最近、IE7が重いと感じSleipnirを使ってみたものの、使い勝手が悪く、やはりIE7に戻しました。 IE以外のブラウザをまだ1つしか使ったことない私がこんなことを言うのは恐縮ですが、やはり自分としてはシンプルなIEがベストなのかなーと思ってしまいます。 マウスジェスチャなども、専用のフリーソフトを使えばいいし、少々の重さやセキュリティ面での不安も、安定性を考えれば仕方ないと思います。 そこで、お聞きしたいのですが、皆さんがIE以外のブラウザを使う「最大の理由」はなんですか？1つだけお願いします。 できれば、他のフリーソフトなどと組み合わせてもIEでは実現できないメリットをお願いします（例えば、マウスジェスチャは実現できるので除いてください）。

    • wins2
    • 回答数9
  • ｈｔｍｌとindex/htmlの違い　SEO

    さきほど、大手のSEOに強い上位サイトをみたところ、 サイト名/index.html と、サイト名/html の二種類でした。 これは、どう違うんですか？ 当然SEOに強い表記にしたいので違いを教えていただきたいです。 わたくしとしては素人ながら、 サイト名/index.html の方が大手に多かったので気になりましたが・・・ お時間あるときで構いませんので書き込み宜しくお願いします.

    • ベストアンサー
    • HTML
  • ブラウザのシェアについて

    国内でのブラウザのシェアが知りたいのですが そういったことを掲載しているサイトをご存じないでしょうか？ 海外のサイト http://www.w3counter.com/globalstats.php は知っているのですが、国内のは見つけられなかったので… ちなみにWebデザインを勉強しています。宜しくお願いします

    • flicker
    • 回答数3
  • tableのあるセルに無駄な空間が出来てしまいます。

    tableのあるセルに無駄な空間が出来てしまい、全くの足踏み状態で困っています。 3兼4列目（あるセル）の中身が終わるとすぐに3列目、4列目がくっついてくるようにしたいです。 <TABLE border=1> <TBODY> <TR> <TD colSpan=3>あああああああああ</TD> <TD>いいいいい</TD></TR> <TR> <TD rowSpan=2 valign="top">1列目</TD> <TD rowSpan=2 valign="top">2列目<br> 2列目<br>2列目<br>2列目<br>2列目<br>2列目<br>2列目<br> 2列目<br>2列目<br>2列目<br>2列目<br>2列目<br>2列目<br> <br><br><br> </TD> <TD colSpan=2 valign="top"> 3兼4列目 <br> このセルと下の3列目、4列目を近づけさせたいです。<br> ↓この空間をなくす方法を教えてください。 </TD></TR> <TR> <TD valign="top">3列目</TD> <TD valign="top">4列目</TD></TR></TBODY></TABLE> 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 改行禁止の応用

    今ホームページビルダー（V.10）で、サイトを作っているのですが… 表を作り、幅を224ピクセルで指定し、そのセルの中に文字を入れています。文字を改行禁止（<NOBR>～</NOBR>）にしているのですが、224ピクセルよりも量が多いので、表の幅が広がってしまいます。 必ず表の幅は224ピクセルにし、それより文字量が多くなるようでしたら、文字を切り捨てて、それ以上は表示しないようにはできないでしょうか？ お願い致します。

    • TKYJ08
    • 回答数4
  • CSS Validatorでエラーの出ないclearfixハックとは

    W3CのCSS ValidatorでCSSをチェックしていますが、 フロートをクリアするための記述に問題があり、 正当なCSSと判断されません。 Validatorでエラーの出ないclearfixハックをご存知の方、 アドバイスをお願い致します。 関係あるかわかりませんが、一応書いておくと htmlの記述は「XHTML 1.0 Strict」で行っております。 以下、エラーが出ているclearfixの記述です。 /*------Floatのclearfix*/ #header:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } #header{ display:inline-block; } /*clearfix　Win版IE7・Mac版IE5対策*/ *html #header{ height:1%; } #header{ display:block; } Validatorが問題としている箇所は、下記の部分です。 *html #header{ height:1%; } 現在、悩みすぎて泥沼状態です。 どうも他の対策を思いつく余裕がなくなってきました。 申し訳ありませんが、皆様のお力をお借りしたく、 投稿させて頂きました。 なお、clear:both;の場合、完全にクリアされないことが あり、あまり使いたくない状況です。 何か良い対策方法があれば、アドバイスをお願い致します。

    • ベストアンサー
    • HTML
    • kemura
    • 回答数3
  • 実務でＩＤとclassの使い分け方法

    現在ＣＳＳを勉強中です。 classセレクタを使うとＣＳＳの指定が同じタグでもそれぞれ違う デザインが指定できて非常に使えるなぁと思ってます。 例えば、一方のＨ１タグの文字の色を青にしてもう一方のＨ１タグの 色を赤にしたりすることが可能です。 しかし、ＭｄＮを見てみるとよく外部ＣＳＳファイルに「＃○○」、 bodyタグ内にＩＤを指定してデザインを適用する使い方が多くを 占めていました。 このＩＤを使うときは、ページが縦に長いときに印をつけて、ページ内の指定位置へリンクするという使い方だけだと私は思っていました。 classではなくＩＤをよく使う理由はなんなのでしょうか？？ みなさまよろしくお願い申し上げます。

    • ベストアンサー
    • HTML
    • eefedor
    • 回答数4
  • textareaの幅を画面と合わせたい

    HTMLのテキストエリアで画面サイズに合わせたいのですが、 何か方法はないでしょうか。 お知恵を貸してください。 <textarea name="addtext" cols="35" rows="25"></textarea> これだと固定になってしまいます。 <textarea name="text" width=30% height=100%></textarea> イメージ的にはこんなことをしたいのです。

    • ベストアンサー
    • HTML
    • akinaga
    • 回答数2
  • ホームページ作っていて疑問です

    無料でつくるホームページ入門という本を買ってきて、簡単ですがＨＰを作ってみました。 自分のＰＣでは完全に動くのですが、ｙａｈｏｏに載せようと思い、無料のｇｅｏｃｉｔｉｅｓにてＥＺアップロードしたのですが、さっぱり動きません。 ファイルマネージャーには、のせているし。 今後どのようにすればいいかわかりません。 ご存知な方、当方、ＰＣは初心者なので、簡単な言葉で、教えていただけると幸いです。 よろしくお願いします。

  • 1カラムの段組について(mainの中のdiv要素について)

    こんばんは。 今サイト作りをしているのですが、mainの中のdiv要素が反映されないんです。最初はmainのmarginを0pxにして、divの所にmargin:10px;などにして、余白調整を行おうとしたのですが、反映されないんです。それでmainの所を20pxにした所、main部分は反映されましたが、div要素は反映されないままです。 間違いがありましたらご指摘お願いします。 CSS部 a:link{color:#181818; text-decoration:none;} a:visited{color:#383838; text-decoration:none;} a:active{color:#181818; text-decoration:none;} a:hover{color:#4c4c80; text-decoration:none;} body { margin:0px; padding:0px; font: 12px "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka; background-image:url("backimage3.gif"); } #header { width:700px; height:250px; } #layout { width:700px; margin: 0px ; background-image:url("backimage3_3.gif"); } #main { margin:20px; } div.sample1{ background-color: transparent; margin: 30px; text-align:left; color:#181818; font-size:12px; } div.sample2{ background-color:transparent; margin: 20px; text-align:left; color:#181818; font-size:12px; } HTML部 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link href="css.css" rel="stylesheet"　type="text/css"> <title>サンプル</title> </head> <body> <div id="layout"> <!--メニュー　ここから--> <div id="header"> <img src="webtitle3.gif" alt="map" usemap="#map1" /> <map name="map1">中略</map> </div> <!--メニュー　ここまで--> <!--中身　ここから--> <div id="main"> <div class="sample2"> ファースト<br> ファースト <div class="sample1"> セカンドセカンド </div> サードサード </div> </div> <!--中身　ここまで--> </div> </body> </html> 分かりにくい説明で申し訳ありません。もし何か補足説明がいるようでしたら是非仰って下さい！ それでは失礼します。

    • 締切済み
    • CSS
  • marginと配置について教えてください。

    以下のサンプルですが２点教えていただきたいことがあります。 1点目　何故box-Aの左側が200pxになるのか？ 2点目 box-Aとbox-Bの上の部分が同じ高さにならずbox-Aが少し下になるのか？ よろしくお願いします。 <body> <div id="box-A">a</div> <div id="box-B">b</div> <div id="box-C">c</div> </body> ------------------------------------------------- div { margin: 100px; border: 5px solid #blue; width: 100px; height: 100px; } div#box-A { float:left; background-color: black; } div#box-B { background-color: black; } div#box-C { background-color: black; }

    • ベストアンサー
    • HTML
    • mixiho
    • 回答数1
  • MTブログ　カテゴリーの非表示

    MTブログをインストールして初期から表示される「カテゴリー」が必要ないのでブログから非表示にしたいのですが、どのように設定すればいいでしょうか。また代わりにリンク集のようなものを作りたいのですがそういったプラグインかフリースペースのようなものの作り方があれば教えてください。

    • ベストアンサー
    • HTML
  • スタイルシートのみで表の作成

    よくある、「サービスにログインするときのパスワード、ＩＤ入力画面」というものを作ってます。 パスワード、テキストフィールド ＩＤ、テキストフィールド ログインボタン のような。 たとえば簡単にテーブルで組みますと、 <table width="400" border="0" cellspacing="0" cellpadding="2"> <tr> <td width="100">パスワード</td> <td><label> <input type="text" name="textfield" /> </label></td> </tr> <tr> <td>ＩＤ</td> <td><input type="text" name="textfield2" /></td> </tr> <tr> <td colspan="2" align="center"><label> <input type="submit" name="Submit" value="ログイン" /> </label></td> </tr> </table> 似たり寄ったりこんな感じだとします。 これと同等のものを、スタイルシートだけで作成できますか？ たとえば、ソースは、 <dl id="LOGIN-FORM"> <dt class="loginFormLabel" id="USER-NAME-LABEL"> <label for="USER-NAME">ユーザ名</label> <input type="text" name="username" size="24" value="" id="USER-NAME" class="inputText" /> </dt> <dt class="loginFormLabel" id="USER-PASSWORD-LABEL"> <label for="USER-PASSWORD">パスワード</label> <input type="password" name="password" size="24" value="" onmousedown="" onkeydown="if (event.keyCode == 13) {enter.click();return false;}" id="USER-PASSWORD" class="inputText" /> </dt> <dt class="loginFormLabel" id="USER-INFO-SUBMIT-LABEL"> <label for="USER-INFO-SUBMIT">アクション</label> </dt> <dd class="loginFormText" id="USER-INFO-SUBMIT-TEXT"> <input type="submit" value="ログイン" id="USER-INFO-SUBMIT" class="submit" /> </dd> </dl> です。 テキストフィールドの頭をそろえたり、ログインボタンの位置を 変えたりしたいです。 テーブルでやればいいのに・・・と思いますが、 スタイルシートで頼むといわれて、困ってます。 教えてください。

    • mahhhhh
    • 回答数6
  • ソースを表示させない方法はありますか

    ブラウザ上で右クリックしてページのソースを表示することが出来ますが、これを見せないようにする方法はありますか？ 教えてください！宜しくお願い致します。

    • ベストアンサー
    • HTML
  • firefoxで見るとdiv背景画像がスクロールで消えてしまいます

    http://www.geocities.jp/testac2007/ bodyに「top_bg.gif」という背景画像指定をした上で更にdivを重ね、そのdiv内に「side_860.gif」という背景画像を指定しています。 ieだと意図した通りに表示されるのですが、 FirefoxやNetscapeで確認すると、表示されているページより下部のスクロール以下の背景画像が表示されません。 何とか同症状についてネットで検索し試行錯誤してみたのですが、解決に至りませんでしたのでこちらでヘルプさせていただきました。皆さんのお知恵を拝借いただきたいです。 ■■■HTMLの概要■■■ <body> <div id="side_bg"> <div id="outline"> <div id="A01">○○○</div> <div id="A02"> <div class="A02_left">○○○</div> <div class="A02_right">○○○</div> <br class="c-both"> </div> <div id="B01">○○○</div> </div> </div> </body> ■■■CSSの概要■■■ body { margin:0px auto; background-image:url(images/top_bg.gif); } #side_bg { width:860px; height:100%; margin:0 auto; background:#ffffff url(images/side_860.gif); overflow:visible; } #outline { width:830px; margin:0 auto; background-color:#FFFFFF; } .c-both { clear:both;} #A01{ width:830px; margin:15px 0px 4px 0px; overflow: auto; } #A02{ width:830px; margin:0px 0px 4px 0px; overflow: auto; } .A02_left{ width:304px; float:left; } .A02_right{ width:526px; float:right; margin-top:4px; } #B01{ width:730px; margin:20px 50px; }

    • ベストアンサー
    • CSS
    • sk03
    • 回答数1
  • CSSの文字色指定

    ＣＳＳ検証サイトで警告が出てビックリしました。 background : buttonhighlight;　の部分です。 解説は：　色の名前に大文字／小文字の区別はありませんが、名前をより区別しやすくするため、大文字を混ぜて使う事が推奨されます: って事でした・・・ background : ButtonHighlight;　が正しいそうですが、 どちらでも良いような気もしますし 他のサイトで調べてみましたが答えが出ません。 色名等は、頭文字を大文字にすべきなのでしょうか？？？

    • ベストアンサー
    • HTML
    • naokita
    • 回答数1
  • BODY内にCSS「a:hover」を使いたい

    「HEAD内の書き換えは不可」 「スクリプト（JavaScriptなど）言語使用不可」 という条件がある中で、 オンマウスした時にフォント色と画像の変化をしたいのです。 BODYタグ内で、スタイルシートの「a:hover」を設定する方法、 その他でも可能になる方法があれば教えてください。 また、<style type="text/css">宣言はHEAD内にということですが、 無理やりBODY内に<style type="text/css">宣言した場合 どのような現象が起きるのでしょうか？ （実際にIE6でこの方法をやってみましたが、レイアウトのくずれやおかしな挙動はありませんでした） よろしくお願いします。

    • ベストアンサー
    • HTML
  • FirefoxとNetscapeについて

    こんにちは。 HTMLとCSSでホームページ作成をしています。 タイトルの部分に画像を挿入し、その下に<p>で文を入れて、背景色を指定したところ、IEではきちんと画像が表示されたのですが、 FirefoxとNetscapeでは、<p>で指定した背景色によってタイトルの画像が消されてしまいます。（画像はまったく見えない状態です） 色々考えてみたのですが、解決できませんので、 ご存知の方がいらっしゃいましたら教えていただけませんか？ よろしくお願いします。 スタイルシート div.title { width: 700px; border-bottom: 1px solid #d3d3d3; margin:　0px; padding: 0px; float: left; } p.gomikuzu { text-align: left; background-color: #0033cc; color: #ffffff; font-size: 80%; padding: 2px 15px; margin: 0px; position: relative; } HTML <div class="title"><img src="title1.png" width="700" height="80" alt=""></div> <p class="gomikuzu">　HOME</p>

  • メニューをリストでマークアップした時のNNのバグ

    メニューをリストでマークアップして製作したのですが、WinのNetscape7×だと、ブラウザ上に横ライン（a:linkで設定したカラーのラインが出ます）が出てしまいます。 以前どこかで、このCSSのバグに対する回避法を読んだのですが、どこで読んだのかを忘れてしまい、ネットで検索したのですが求めている回答が出てこなかったので、こちらで質問させていただきます。 この現象の回避法をご存知の方、よろしくお願いいたします。

    • 締切済み
    • CSS
  • メニューをリストでマークアップした時のNNのバグ

    メニューをリストでマークアップして製作したのですが、WinのNetscape7×だと、ブラウザ上に横ライン（a:linkで設定したカラーのラインが出ます）が出てしまいます。 以前どこかで、このCSSのバグに対する回避法を読んだのですが、どこで読んだのかを忘れてしまい、ネットで検索したのですが求めている回答が出てこなかったので、こちらで質問させていただきます。 この現象の回避法をご存知の方、よろしくお願いいたします。

    • 締切済み
    • CSS