key-child の回答履歴

全73件中1～20件表示
  • 実行中のリンクの色は設定を省略しても良い？

    a:link {color:#0000cc;} /* 通常 */ a:active {color : #cfcfcf} /*実行中*/ a:visited {color:#990099;} /*訪問済*/ a:hover {color:#ff0000} /*マウス*/ スタイルシートで、上記の様にリンクの色が設定してあります。 この中で実行中のリンクの色は、見る事が極めて短い時間だと思います。 ですので、記述を消去して、設定を省略しても問題ないですか？

    • ベストアンサー
    • HTML
  • htmlについての質問です

    <style type="text/css"> <!-- body { background-image : url("画像URL"); background-repeat: repeat-x; background-attachment: fixed; } --> </style> で上一列に画像を表示したんですが、 これとおんなじように下一列に画像を表示したら、 上のやつが消えてしまいました。 上下に画像を一列表示ってどうやったらできるんですかｋ？ 教えてください。

    • 締切済み
    • CSS
  • このhtmlソースのFontの相対指定における問題点を教えて下さい。

    このhtmlソースのFontの相対指定における問題点を教えて下さい。 html初心者です。（CSSは、まだです。） 文字フォントを相対値（単位は、％）で書いているのですが、うまくいきません。 （諸事情により、CSSを使わずに表示させなければなりません…） 作成したいWebページのイメージ図があり、 そのイメージ図で表示されている文字と同じフォントサイズ にするため相対値で設定したのですが <font size="4%"> でちょうど同じ大きさになってしまいました。 しかも、5以降の大きい数字の値にすると表示されるフォントも4%より大きくなるのですが、 そのサイズは5%でも50%でも100%でも全部同じ大きさで変わりません。 普通、相対値の場合 100% が普通の大きさというか基準の大きさになると思うのですが 今、コーディングしているページではそうはいきません。なぜなのでしょうか？ また、どこをどう変更すれば相対値 100% と書いた時、基準となる大きさを表示させられるのでしょうか。 今回、コーディングにおいて条件が付いています。それは、以下の通りです。 ・CSSは、使わない。 ・basefont sizeは、指定しない。 ・相対値の単位は、％とする。 また、よろしければFontの相対指定について基準・推奨設定方法も教えて下さい。 以下に作成中のファイルから抜粋したソースを示します。 ブラウザで表示する場合、エンコードを Unicode(UTF-8) で表示させて下さい。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>システム</title> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/" /> </head> <body style="margin-top : 0px"> <table align="center" style="margin-top : 0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <table style="margin-top : 0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <!--フォントサイズを相対値で指定--> <font size="4%"> <a href=>システム</a> </font></td> </tr> </table> </td> </tr> </table> </body> </html> 以上、よろしくお願いします。

  • このhtmlソースのFontの相対指定における問題点を教えて下さい。

    このhtmlソースのFontの相対指定における問題点を教えて下さい。 html初心者です。（CSSは、まだです。） 文字フォントを相対値（単位は、％）で書いているのですが、うまくいきません。 （諸事情により、CSSを使わずに表示させなければなりません…） 作成したいWebページのイメージ図があり、 そのイメージ図で表示されている文字と同じフォントサイズ にするため相対値で設定したのですが <font size="4%"> でちょうど同じ大きさになってしまいました。 しかも、5以降の大きい数字の値にすると表示されるフォントも4%より大きくなるのですが、 そのサイズは5%でも50%でも100%でも全部同じ大きさで変わりません。 普通、相対値の場合 100% が普通の大きさというか基準の大きさになると思うのですが 今、コーディングしているページではそうはいきません。なぜなのでしょうか？ また、どこをどう変更すれば相対値 100% と書いた時、基準となる大きさを表示させられるのでしょうか。 今回、コーディングにおいて条件が付いています。それは、以下の通りです。 ・CSSは、使わない。 ・basefont sizeは、指定しない。 ・相対値の単位は、％とする。 また、よろしければFontの相対指定について基準・推奨設定方法も教えて下さい。 以下に作成中のファイルから抜粋したソースを示します。 ブラウザで表示する場合、エンコードを Unicode(UTF-8) で表示させて下さい。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>システム</title> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/" /> </head> <body style="margin-top : 0px"> <table align="center" style="margin-top : 0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <table style="margin-top : 0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <!--フォントサイズを相対値で指定--> <font size="4%"> <a href=>システム</a> </font></td> </tr> </table> </td> </tr> </table> </body> </html> 以上、よろしくお願いします。

  • IE6とその他のブラウザでセンターの位置が【微妙】にずれる・・・

    XHTML+CSSで作ったのですが、ブラウザのチェックをしたところIE６だけ一部右寄りになってしまいます。 一部というのは、上から「head」「nav」「main」「wrap」としているのですが「nav」と「wrap」部分だけが微妙に右寄り、もしくはその他が微妙に左より？になってしまいます。 センター寄せには基本的に「0px auto」を使用しているので、色々調べたところ、それが原因？と思い、「textalign center」にしてもなぜか少しずれてしまいます。 ためしに、headとnavだけのスリムな状態にしても同じでした。。。 解決方法に心当たりのある方はお願いします。 【CSS】 @charset "shift_jis"; * { line-height: 150%; font-size: 12px; letter-spacing: 1px; } body{ margin:0px; padding:0px; text-align:center; background-repeat: no-repeat; } img { border: none; vertical-align: bottom; } h1 { font-weight: normal; margin: 15px 0 0 50px; } #head{ width:900px; height:69px; background-image: url(img/bg-head.jpg); margin: 0px auto; text-align: left; } #nav { width: 100%; background-image: url(img/bg-nav.jpg); } #nav ul { margin: 0px auto; width: 900px; padding: 0px; list-style: none; height: 31px; } #nav li { float: left; } #main { width: 100%; height: 284px; text-align: center; background-image: url(img/bg-main.jpg); } #wrap{ width:880px; margin:0px auto; text-align:left; padding: 0 10px 0 30px; background-image: url(img/bg-wrap.jpg); background-repeat: repeat-y; } #left{ width:645px; float:left; } #right{ width:220px; float:right; text-align: right; padding: 0px; height: 1200px; background-image: url(img/bg-right.gif); } #foot{ position:relative; width:100%; height:35px; clear:both; background-image: url(img/bg-foot.gif); margin: 0 0 50px 0; } 【html】 <body> <!-- ********* ヘッダー ******** --> <div id="head"> <h1>\\\\\\\\\\\\\\\\\\</h1> </div> <!-- ***** nav ****** --> <div id="nav"> <ul> <li><img src="img/nav_01.jpg" /></li> <li><img src="img/nav_02.jpg" /></li> <li><img src="img/nav_03.jpg" /></li> <li><img src="img/nav_04.jpg" /></li> <li><img src="img/nav_05.jpg" /></li> <li><img src="img/nav_06.jpg" /></li> <li><img src="img/nav_07.jpg" /></li> </ul> </div> <!-- ***** main ****** --> <div id="main"><img src="img/main.jpg" /></div> <div id="wrap"> <!-- ********* 左側 ******** --> <div id="left"> </div> <!-- ********* 右側 ******** --> <div id="right"> </div> <br style="clear:both" /> </div> <!-- ********* フッター ******** --> <div id="foot"> </div> </body>

    • ベストアンサー
    • HTML
  • なぜli要素のblockが角丸に

    下のサイトなんですが、 http://www.i2i.jp/fx/currency_pair.php <div id="globel_navi">の中の<li>の上部が角丸矩形になっています。 なぜ角丸になるのでしょうか？ 画像を見ると普通の長方形ですし、CSSファイルを見ても分かりません。 #globel_navi li a { padding: 8px 0 0 0; display: block; color: #FFFFFF; width: 100px; height: 17px; background: url("http://www.i2i.jp/fx/n_img/g_off.gif") no-repeat; font-size: 11px; text-align: center; } またもう一つ疑問なのですが、 liの高さは25pxあります。試しにパディングの8pxを0にするとテキストが上にぴったりと着き、liの高さが17pxとなりました。 パディングはheight17pxにプラスする形になっているのですが、パディングとはボックスのheightの中に含まれるのではないのでしょうか？（ボックスの内壁と内容との間の距離なのでは？） 上記のことがどうしても分かりません。 お教えいただけますでしょうか。

    • ベストアンサー
    • HTML
  • XHTML+CSSでフッターを下部に固定させるには？

    http://www.hddx.net/hc2/_index.html ※CSSファイル http://www.hddx.net/hc2/includes/main.css 上記のようなサイトを制作しており、フッター画像をウィンドウサイズに関わらず、下部に固定させようとしています。 下部に固定させ、ウィンドウサイズの変更にも対応できたのですが、 ウィンドウの縦幅をどんどん狭くしていくと、フッター画像が上のコンテンツにかぶっていってしまいます。 http://www.lucky-bag.com/archives/2005/04/footer.html http://www.stylish-style.com/csstec/ultimate/fix-foot.html 上記サイトを参考にしたのですが、どうしてもうまく対応しません。 どなたかお分かりでしたらご教授頂きたいと思います。 宜しくお願い致します。

  • モバイルサイト構築 - CSS/Class/IDの使用について

    初めて携帯サイトを作っています。 モバイルサイトに詳しい方、教えてください。 CSSは外部ではなくHEADのスタイル部分に記述しています。IE等のPCブラウザでは普通に表示されるのですが、エミュレーターで表示してみるとスタイル（ID)がまったく適用されません。 Classで指定している部分はそのスタイルが適用されているのですが、ID＃で指定すると適用されません。書き方に問題があるのでしょうか・・・。 まずはAUを対象に作っているのですが、何かAUどくとくの記述ルールがあるのでしょうか。教えてください。 以下ソースです。（CSSだけ）↓↓↓↓ <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML 1.0//EN" "http://www.openwave.com/DTD/xhtml-basic.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <!-- XHTML宣言 ここまで --> <!-- ここから上は固定 --> <head><title>いまよむトップ</title> <meta http-equiv="content-type" content="text/html;charset=shift_jis" /> <!-- CSS --> <style type="text/css" media="メディアタイプ"> body {margin:0; padding:0;} .marquee { font-size:xx-small; /* 変更不可 */ color: #ffffff; background-color: #FF0066; } .top_logo {text-align: center;} .div_bace { font-size: x-small; /* 変更不可 */ background-color: #FFCCCC; } .div_bace#top {border: solid 1px #000000;} .title { font-size: medium; color: #ffffff; text-align :center; margin-top :0; } .title#001 {background-color: #ff0066;} .title#002 {background-color: #FF9900;} .title#003 {background-color: #33CCFF;} .title#004 {background-color: #000000;} .title#005 {background-color: #99CC00;} .title#006 {background-color: #FF9900;} .title#007 {background-color: #990099;} .title#008 {background-color: #FFFFB5;} .title#009 {background-color: #FF6699;} .title#010 {background-color: #000000;} .title#011 {background-color: #000000;} .div_bace#shinkan {border: 2px solid #ff0066; margin: 3px;} .div_bace#osusume {border: 2px solid #FF9900; margin: 3px;} .div_bace#tokushu {border: 2px solid #33CCFF; margin: 3px;} .div_bace#shoseki {border: 2px solid #000000; margin: 3px;} .div_bace#comic {border: 2px solid #99CC00; margin: 3px;} .div_bace#shashinshu {border: 2px solid #FF9900; margin: 3px;} .div_bace#boyslove {border: 2px solid #990099; margin: 3px;} .div_bace#magazine {background-color: #FFFFB5; margin: 3px;} .div_bace#ranking {border: 2px solid #FF6699; margin: 3px;} .div_bace#imayomu_room {border: 2px solid #000000; margin: 3px;} .div_bace#search {border: 2px solid #000000; margin: 3px;} .footer {border: 2px solid #000000; margin: 3px;} .bottom_base {font-size:xx-small; /* 変更不可 */} .hr_color { color:#808080; /* 変更不可 */ width:100%; /* 変更不可 */ size:1px; /* 変更不可 */ } .smallest {font-size: xx-small;} .smallest#orange {color: #ffcc00;} .smallest#red {color: #ff0000;} .smallest#pink {color: #FF00FF;} .smallest#gray {color: #C0C0C0;} .smallest#blue {color: #3300CC;} .border { width :100%; height :90px; margin :5px; border-top: 2px solid #ff0066; border-bottom: 2px solid #ff0066; text-align: center; } .largest {font-size: medium;} .largestt#orange2 {color: #ffcc00;} .largest#red2 {color: #ff0000;} .largest#pink2 {color: #FF00FF;} .largest#gray2 {color: #C0C0C0;} .largest#blue2 {color: #3300CC;} </style> <!-- CSS ここまで--> </head>

    • ベストアンサー
    • HTML
  • ソフトバンクの携帯で文字を小さくする方法はありますでしょうか？

    はじめまして。 今、手探りながら携帯サイトを作成しています。 ドコモとAUに関しては「<font size="-1">」で文字を通常より小さくしているのですが、ソフトバンクだと小さくなりませんでした・・・ なんとかしてソフトバンクでも小さくしたいと考えているのですが・・・ ソフトバンクの仕様書？を見ても初心者のためか文字を小さくするにはどうすればいいのかわかりませんでした・・・ http://developers.softbankmobile.co.jp/dp/tool_dl/web/tech.php どなたかご存知の方はどうかお願いいたします！

    • ベストアンサー
    • HTML
    • noname#52036
    • 回答数1
  • プリント用CSSについて

    いつもお世話になります。 プリント用のCSSを作成しようと思うのですが、 複数記述してもエラーは出ないのでしょうか？ 説明がうまくないので具体例を書かせていただきます。 “a.css”“b.css"の各々のプリント用cssを “aprint.css”と“bprint.css"とした場合に <link rel="stylesheet" href="css/a.css" type="text/css" media="all"> <link rel="stylesheet" href="css/b.css" type="text/css" media="all"> <link rel="stylesheet" href="css/aprint.css" type="text/css" media="print"> <link rel="stylesheet" href="css/bprint.css" type="text/css" media="print"> この記述で不具合はないものかと悩んでいます。 それともa,bを統合して“c.css”という新たなものを作り、 プリント用“cprint.css”を設けるべきでしょうか？ できれば複数記述できると助かるのですが。 要領を得ない質問ですみませんが、ご教授いただけると嬉しいです。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • HTML
    • JALJAS
    • 回答数1
  • 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
  • HTML(JSP)で、入力不可項目を作る方法

    タイトルとおりですが、 " readonly="readonly" だと、確かに入力不可なのですが、見た目でわかりません。 背景も灰色にしてロックする方法お願いします。

    • noname#209802
    • 回答数1
  • htmlタグを機能させずにそのままのせれるタグ

    htmlタグを機能させずにそのままのせれるタグがあれば教えてください。 <pre> </pre>だとタグが機能してしまうので・・・。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 初心者向けのサイト

    これからHTMLについて学ぼうと思っているのですが、 初心者が入門のような形で見れるサイトを教えていただけないでしょうか。どうかよろしくお願いします。

  • cssでborderを設定した場合のブラウザによる内容の余白の潰しについて。

    下記のソースをIEとFirefoxで表示した場合、IEではheightの値からborderの値を二倍した200pxが -つまり 400px-200px=200px　- 見た目の高さとして返されますが、Firefoxの場合、heightの値からborder-widthの高さそのものである100pxだけ引かれ、見た目の高さは300pxになります。どちらの解釈が正しく、またどのブラウザでも同じように表示されるよなheightの最小値の設定のしかたはあるのでしょうか？ <html> <head> <style type="text/css"> table { border-collapse : collapse; } td { text-aligh : left; vertical-align : top; padding : 0px; border-style : solid; border-width : 100px; border-color : #cccccc; width : 200px; height : 400px; background-color : #ff0000; } </style> </head> <body> <table> <tr> <td> text.text.text.text.<br /> text.text.text.text.<br /> text.text.text.text.<br /> </td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
    • As2022
    • 回答数3
  • テーブルを完全に左に寄せる。

    ホームページビルダー10を使ってます。 テーブルだけではなく文字も左寄せをしてもい1cmくらいの無駄なスペースができてしまいます。 どうやったら無駄なスペースが消えるか わからないので教えてください。

    • ベストアンサー
    • HTML
  • [DTD]CDATA【要素】

    HTML 4 DTDより <!ENTITY % Script "CDATA" -- script expression --> <!ENTITY % StyleSheet "CDATA" -- style sheet data --> <!ELEMENT STYLE - - %StyleSheet -- style info --> <!ELEMENT SCRIPT - - %Script; -- script statements --> だそうです。 さて、実際のHTMLのDTDには登場していませんが， これをベースに俺は勝手に STYLE要素とSCRIPT要素に子としてCDATA【要素】を取るDTDを作ることにしました。 ・・・・どうしたらいいのでしょう？ #マーク区間使えよ、って話はおいておきます

  • テーブル読み上げ

    アクセシビリティに対応したページのことで教えて下さい。 レイアウトでテーブルを使うのではなくて、テーブルで表を作って 中に金額やら、他の値やらを入れて見やすくしたいのです。 その場合アクセシビリティに対応するようにテーブル読み上げモード で読まれるようにidとかcolとか使いますよね。 それらを解説したページを教えて下さい。 id+headersやscope="row"の使い分けがよく分からなくて、 どんなテーブルの場合にはどちらというのを知りたいです。 お願いします。

    • ベストアンサー
    • HTML
    • noname#37442
    • 回答数1
  • ＩＥ７の印刷サイズの設定について

    Ａ4サイズでプリントを印刷することを前提にレイアウトを組んでいます。しかし、ページによっては、Ａ4サイズの範囲より外側に操作ボタンをつけた箇所があります。印刷したいのはあくまでもＡ4サイズの範囲内なのですが、IE6では特に問題ないのですが、IE7では印刷時に「印刷サイズの変更」が「縮小して全体を印刷する」になってしまい、その都度100％にしてＡ4部分のみを印刷しています。 ブラウザ側で100％固定になるように設定できるのか、HTML側で何らかの工夫が必要なのかについて、教えて頂けると非常に助かります。

    • guitar_
    • 回答数1
  • tableタグ内で、空白セルでも罫線を表示させられるためのタグは

    次のように、1行×5列のテーブルがあります。 <html><body> <table border="1"> <tr> <td>1</td> <td></td> <td> </td> <td>　</td> <td>&nbsp;</td> </tr> </table> </body></html> 1列目：文字列 1 2列目：未記入 3列目：半角スペース 4列目：全角スペース 5列目：文字実体参照の&nbsp; 2列目と3列目だけ、罫線が表示されないですが（セルがつぶれてみえる） わざわざ&nbsp;とかで<td>と</td>の間を埋めなくても、 罫線を明示的に表示させられるタグがあったと思いましたが、何だったでしょうか。

    • ベストアンサー
    • HTML