- 締切済み
ＨＴＭＬ か ＣＳＳ だと思うのですが・・・
現在ＨＴＭＬとＣＳＳでホームページを作っているのですが <a href="">○○○</a> でリンクを作成すると、マウスをその該当文字である○○○にあてるとマウスの形が指先になりますよね？ ですが、位置がおかしいのです！ 少し下にずれて指先マークになるのです。 普通ならリンクの文字に触れた途端にマウスの形が矢印から指先に変わりますよね？ ですが、私の場合リンク部分の文字の若干上の方にマウスの矢印をあてると、指先になりません！ 文字の半分くらいにカーソルをもってくるとやっと指先マークになります。 また、文字の下にカーソルを持って行って、リンク文字からカーソルが若干下に外れても指先になっています。 このおかしい現象として考えられる原因としては何があるでしょうか？
- Hypocrite_k
- お礼率8% (24/290)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
考えられる原因：IE のバグ ていうかソースを見せてください。 面倒であれば最低限 CSS のリンク設定、差し支えなければある程度 HTML と CSS のソースを全体的に。 どんな名探偵も現場を見なければ事件は解けないのです。 いや、私は名探偵の比喩に当てはまる人間じゃありませんけどね（笑）
関連するQ&A
- CSSの「position:absolute;」属性について
どうしても理解できませんので、どうかお力添えをお願いいたします。 以下のかんたんな“カテゴリー”を、ＨＴＭＬとＣＳＳで作成しました。 ------------------------------------------------------------------- （ＨＴＭＬ） <div id="navi"> <div id="kategory"> <a href="http://～">テスト１</a> <a href="http://―">テスト２</a> </div> </div> ------------------------------------------------------------------- （ＣＳＳ） #navi{ width:180px; } （幅１８０ｐｘのＢＯＸを作成） #kategory a:link, #kategory a:visited{ display: block; background-color:red; border:solid 1px; } （マウスカーソルがのっていないとき、背景色は赤色） #kategory a:hover{ background-color:green; } （マウスカーソルがのっているとき、背景色は緑色） -------------------------------------------------------------------- 「firefox」では問題なかったのですが、「Internet Explorer」ではリンク文字のところにカーソルをもっていかないと、背景色が赤色から緑色に変化しませんでした。 いろいろと調べてみた結果、 「position:absolute; top: 0px;」 をＣＳＳの「#navi」のなかに書きたすことで、リンク文字以外の箇所にマウスをもってきても背景色が赤色から緑色に変化するようになりました。 どうして「position:absolute;」という属性を使うことにより、リンク文字以外のところへカーソルをもってきても、赤色から緑色へ変化するようになるのでしょうか？ どうか、よろしくお願いいたします。
- ベストアンサー
- CSS
- HTMLについて
HTML 矢印（画像）の向きについて よくHPの下にある 『 ← 前のページ 次のページ → 』 を表示させたいのですが、どのようにすればよいのかわかりません。 （矢印は画像） 現在の私のHTMLは <div id="go"><a href="../＊＊/＊＊.html">前のページ（全角スペース）</a> <a href="../＊＊/＊＊.html">次のページ</a> </div> CSSは #go a{ padding-left: 30px; background: url(../img/＊.gif) no-repeat left; } となっているので『 → 前のページ → 次のページ 』 と表示されてしまいます。 矢印が同じ向きに表示されるのはわかるんですが、divタグを別にしてCSSで矢印の向きを それぞれ指定しようとすると 『 ← 前のページ 次のページ → 』 となり改行されてしまいます。 同じ行に矢印の向きを別にして表示させるにはどのようにしたらよいのでしょうか？（矢印は画像で表示させたいです。） 誰か教えていただけると助かります。宜しくお願いします。
- ベストアンサー
- Windows XP
- CSSがHTMLに反映しない
CSSをはじめて使う者です。XPでIEを使っています。 解説サイトの最も簡単そうなプログラムをコピペし、 HTMLファイルと外部CSSファイルを同じフォルダ（デスクトップにあるtopフォルダ） に入れてHTMLを開いたのですが、CSSを全く読み込まず、HTMLのテキストしか表示されません。 ★HTMLデータ（top.html） ------------------------ <HTML> <HEAD> <link rel=stylesheet type="text/css" href="C:\Documents and Settings\Administrator\デスクトップ\top\top.css"> </HEAD> <BODY> <div class="selecter">文字が赤くなり、左に5pxの罫線が引かれます。</div> </BODY> </HTML> ★CSSデータ（top.css） ------------------------ .selecter { color:#ff0000; border-left:solid 5px #ff9900; } ・他のサイトにはHTMLファイルのstylesheetに""があったので付けてみたのですが、意味なしでした。 ・他のサイトの形が異なるCSSも試したのですが同様の状態だったので、HTMLのHEADの部分が怪しいと思い、ファイル名指定を"top.css"に変えたりしたのですが、意味なしでした。 ・CSSは最初メモ帳で書いたのですが、拡張子がどうしてもCSSになってくれなかった（top.css.txtになる）ので、ワードパッドで書いて保存したら、拡張子は正常にCSSになりました。ただ何故かアイコンが、プログラムが見つからない時に表示される奴になっています…。 スタート地点から躓いていて非常に恐縮なのですが、何卒よろしくお願いいたします。
- 締切済み
- HTML
- 外部CSSが読み込めません/HTML
HTMLにおいて、外部CSSを読み込めず困っております。 ググって対処法を実践しても一切反映されません。 現在下記のisaraというサイトを模写しております。 https://isara.life/ HTMLにおいて linkタグでCSSファイルを読み込んだのですがCSSが一切反映されず困っております。 HTMLとCSSファイルは同一フォルダ内にあります。 HTMLファイル名：isaramosya.html CSSファイル名：isaramosya.css HTMLの記述 <link rel=”stylesheet” href="isaramosya.css"> いくらググっても原因がわからず困っております。 原因思い当たる方いらっしゃいましたらお答えいただけましたら幸いです。
- ベストアンサー
- CSS
- HTMLメールの外部CSSが有効になりません
HTMLメールから以下のように外部CSS（http://から始めてます）を利用したいのですが、実際にOUTLOOK 2003 SP3で見るとスタイルが適用されていません。 ローカルで同じHTMLをブラウザで開くとスタイルは適用されます。HTMLメールのときは何か特別なことが必要なのでしょうか？ <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> ヘッダ全体を以下に掲載しておきます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <title>TITLE</title> <link href="http://domain/style.css" rel="stylesheet" type="text/css"> <script language="JavaScript1.2" src="http://domain/js.js" type="text/javascript"></script> <link rel="stylesheet" href="http://domain/style2.css" type="text/css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>
- 締切済み
- HTML
- 外部CSSが反映されるHTMLとされないHTML
レンタルサーバのファイルマネージャを使ってサイトを作っています。 外部CSSで文字のフォントをＭＳ Ｐゴシックに統一したいのですが、反映されるページとされないページができました。 CSSには、 @charset "Shift_JIS"; p { font-family: "ＭＳ Ｐゴシック",sans-serif; } 読み込みには、 <link href="./style.css" rel="stylesheet" type="text/css"> と記述しました。 反映されたのはサイト２ページ目の２分割フレームの片側だけで、その他のページはブラウザで指定したフォントのままCSSが反映しません。 HTML、CSS共に文字コードはShift_JISで統一していて、それぞれ<head></head>間の同じ位置に記述してあります。 反映されたHTML内にはボックスの幅指定でCSSを使っていますが、その他のページにはCSSを使っていません。違いはこれだと思うのですが、それがきっかけで反映されたりされなかったりと変わるものなのでしょうか？ HTML、CSS共に初心者です。この質問が初歩的なことなのか難しいことなのかもわかりません。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 「横並び」にする方法→HTML&CSS
HTMLでは、 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>KUJIRA cafeへようこそ</title> <link rel="stylesheet" type="text/css "href="css/style.css"> </head> <body> <div class="wrapper"> <!-- ヘッダー --> <h1 id="logo"><a href="index.html"><img src="images/logo1.png"width="400"height="200"alt="KUJIRA cafe"</a></h1> <ul id="nav"> <li><a href="index.html">ホーム</a></li> <li><a href="about.html">店舗案内</a></li> <li><a href="access.html">アクセス</a></li> <li><a href="menu.html">メニュー</a></li> <li><a href="contact.html">お問い合わせ</a></li> </ul> CSSでは #nav li { display:inline; list-style-type: none; padding-right: 30px; } と書きましたが「横並び」になりません。何が間違っているのでしょうか？ 非常に困っております。 回答よろしくお願いします。
- ベストアンサー
- HTML
- HTMLとCSSのホームページのメニューについて
HTMLで過去に作った経験がほんのちょっとだけありますが、フレームは良くないという話もあり、 またCSSたどあとで全HTMLファイルに対してちょっとの変更でデザイン変更できるということで 今回初めてHTMLとCSSでホームページを作りました。 HTMLはまあこんな感じです。 <body> <div id="contener"> <div id="contents"> <h1>内容だよ</h1> <div id="main"> <p>内容１だよ<br> 内容１ですよ。内容１だって言ってるよ。 </p> </div> </div> </div> <!--左サイドメニューバー（回り込み）--> <ul> <li><a href="index.html">TOPページ</a></li><br> <li><a href="naiyou1/naiyou1.html">naiyou1</a></li> <li><a href="naiyou2/naiyou2.html">naiyou2</a></li> <li><a href="naiyou3/naiyou3.html">naiyou3</a></li> <li><a href="naiyou4/naiyou4.html">naiyou4</a></li> </ul> </body> で今困っているのが「左サイドメニューバー（回り込み）」以下で左にメニューバーを設置しているのですが、 コンテンツを増やすたび”全部のHTMLにリンク１行追加しなければいけない”ということです。 <li><a href="naiyou5/naiyou5.html">naiyou5</a></li> とか。 数ページだったらなんてことないのですが、２０ページ以上になると手間ですし、ミスも出てきます。 こんなものなのでしょうか？ いい知恵があれば教えてください。
- ベストアンサー
- CSS
- ＨＴＭＬやＣＳＳの言語は音読みする時は？何語？
ホームページ作りを勉強中です。ＨＴＭＬやＣＳＳの言語って英語なんですよね？というのも<!DOCUTYPE HTML PUBLIC "-3//W3C//DTD HTML 4.01//EN">の最後がENだからでしょうか？そこが違ったら英語じゃないということですか？本題ですが、例えばリンクを表すA HREFとかって何て呼ぶんですか？カタカナで。ほかにも何て呼んだらいいかわからないタグがたくさんあります。カタカナで読み方も書いてある本やサイトってないのでしょうか？ありましたら教えてください。よろしくお願いします。
- ベストアンサー
- Windows XP
- ＣＳＳについて
前回「ＣＳＳ今度は外部ファイル！」で質問をさせていただきました http://okwave.jp/qa4254612.html ＃２の回答者様の記述ソースをコピペしてＣＳＳファイルと、ＨＴＭＬファイルを作ったところ、ＨＴＭＬファイルに外部ＣＳＳが反映されて表示されました。 しかし、このＣＳＳファイルの中身（だけ）とファイル名を変更したところ、今度は反映されなくなりました。 ■ＣＳＳファイルの変更■ 変更前 body { color: blue; font-size:30px; 変更後 .hpname{ font-size:50ox; color:#006666 text:align:center; } ■ＣＳＳファイル名 半角小文字でhpname.css ■ＨＴＭＬファイル 変更前 <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> 背景色は青で文字は30px </body> </html> この中の <link rel="stylesheet" type="text/css" href="test.css"> を変更。 href="test.css">を href="hpname.css"> にしました。 ///////////////////////////////////////////////////////////// ＣＳＳファイルの作りかたがいけないのでしょうか？ 「.」をつけてはいけない？ それとも外部ファイルを読み込むパスを絶対指定などしなくてはならないのでしょうか（同じフォルダ階層内です） 何回やり直しても結果が同じなので、また質問させていただきました。
- 締切済み
- その他（インターネット・Webサービス）
