教えてください(≧▽≦)

A 回答 (1件)

管理者より:


同等の質問があるのでそちらをご参照下さい

参考URL:http://www.okweb.ne.jp/kotaeru.php3?q=244619
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q度忘れして気持ち悪いので教えてください!

HTMLのイメージタグやリンクタグについてなのですが、alt で代替テキストを指定すると、実際に表示した時にその部分にマウスカーソルをかざしたときに指定した文字がポップアップというか小さく浮き上がって表示されますよね。それの名称って確かあったと思うのですが度忘れしてしまってなんともスッキリできません。。。いろいろ調べても出てこなくて。ご存知の方いらっしゃいましたらご教授下さい。また、その表示(ポップアップ)を無効・有効と切り替える方法ってあるんでしょうか。

Aベストアンサー

#1です。
> alt属性とtitle属性って何が違うのでしょうか

titleこそ、代替テキストをポップアップさせる事を主眼として追加された属性です。
alt属性とtitle属性を両方記し、それぞれ異なる代替テキストを記述した場合、
title属性で記述したテキストが優先してポップアップします。
また、画像非表示設定でブラウジングした場合、altに記述したテキストは、画像の
表示される位置にバツ印のアイコンと共に代替テキストが文字表示されますが、
titleの場合は文字表示はありません。

Q困っています。教えてください!

ブラウザ表示すると、変な場所にリンクがつきます。
置き換えた画像にリンクがつきません。
ナビゲーションを画像にして横に並べたいです。

以下にコードあります。
どこが間違っていますか?
教えてください。
お願いいたします!

-----HTML-----
<div id="navi">
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="price">Price</a></li>
<li><a href="#" id="catalog">Catalog</a></li>
<li><a href="#" id="access">Access</a></li>
<li><a href="#" id="reserve">Reserve</a></li>
</ul>
</div>

-----CSS-----

#navi {
width:950px;
height:48px;

}

#navi ul {
list-style:none;
margin:0px;
padding:0px;
}

#navi li {
text-indent:-9999px;
float:left;
width:135px;
margin:0px;
padding:0px;
}

#navi li a {
display:inline;
}

#navi ul li a#home {
display:block;
width:148px;
height:48px;
margin-left:100px;
margin-top:30px;
background:url(images/home.gif) no-repeat;
}

#navi ul li a#price {
display:block;
width:135px;
height:48px;
margin-left:116px;
margin-top:30px;
background:url(images/price.gif) no-repeat;
}

#navi ul li a#catalog {
display:block;
width:154px;
height:48px;
margin-left:120px;
margin-top:30px;
background:url(images/catalog.gif) no-repeat;
}

#navi ul li a#access {
display:block;
width:135px;
height:48px;
margin-left:140px;
margin-top:30px;
background:url(images/access.gif) no-repeat;
}

#navi ul li a#reserve {
display:block;
width:155px;
height:48px;
margin-left:150px;
margin-top:30px;
background:url(images/reserve.gif) no-repeat;
}

ブラウザ表示すると、変な場所にリンクがつきます。
置き換えた画像にリンクがつきません。
ナビゲーションを画像にして横に並べたいです。

以下にコードあります。
どこが間違っていますか?
教えてください。
お願いいたします!

-----HTML-----
<div id="navi">
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="price">Price</a></li>
<li><a href="#" id="catalog">Catalog</a></li>
<li><a href="#" id="access">Access</a></li>
<li><a href="#" id="reserve">R...続きを読む

Aベストアンサー

簡単なソースですが、
・最初の方法は、はるかに簡単ですし、画像を読み込まない場合も適切に表示されます。
・二番目の方法は画像を読み込ませない場合読めません。
 いずれの方法を使っても、:hoverや:active、:visitedで画像を変化させるロールオーバーが可能。

★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )
 オプションでCSS3を選択する

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>サンプル</title>
<meta name="author" content="ORUKA1951">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
<link rel="START" href="../index.html">
<style type="text/css">
<!--
div{clear:left;}
div.nav{
width:950px;margin:0 auto;
height:48px;
line-height:48px;
text-align:center;
}
div.nav ul,div.nav ul li{
display:block;padding:0;list-style:none;
margin:0;padding:0;
}
div.nav ul li{float:left;}
div.nav ul li+li{margin-left:3px;}
#home{width:148px;background-image:url(images/home.gif);}
#price{width:135px;background-image:url(images/price.gif);}
#catalog{width:154px;background-image:url(images/catalog.gif);}
#access{width:135px;background-image:url(images/access.gif);}
#reserve{width:155px;background-image:url(images/reserve.gif);}
div.nav ul li a{display:block;text-decoration:none;}
div.nav ul li a:link{color:transparent;}/* CSS3 */
div.nav ul li a span{display:none;}/* CSS2.1にするときはa内のテキストを<span></span>で囲み上の行を消す */
-->
</style>
</head>
<body>
<h1>サンプル</h1>
<div class="nav">
<ul>
<li><a href="#"><img src="images/home.gif" width="148" height="48" alt="Home"></a></li>
<li><a href="#"><img src="images/price.gif" width="135" height="48" alt="Price"></a></li>
<li><a href="#"><img src="images/catalog.gif" width="154" height="48" alt="Catalog"></a></li>
<li><a href="#"><img src="images/access.gif" width="135" height="48" alt="Access"></a></li>
<li><a href="#"><img src="images/reserve.gif" width="155" height="48" alt="Reserve"></a></li>
</ul>
</div>
<div class="nav">
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="price">Price</a></li>
<li><a href="#" id="catalog">Catalog</a></li>
<li><a href="#" id="access">Access</a></li>
<li><a href="#" id="reserve">Reserve</a></li>
</ul>
</div>
</body>
</html>

簡単なソースですが、
・最初の方法は、はるかに簡単ですし、画像を読み込まない場合も適切に表示されます。
・二番目の方法は画像を読み込ませない場合読めません。
 いずれの方法を使っても、:hoverや:active、:visitedで画像を変化させるロールオーバーが可能。

★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
★W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )
 オプションでCSS3を選択する

<!DOCTYPE HTML PUBLIC "-//W3C//DTD ...続きを読む

Qかすれている画像の作り方を教えてください

よく見るかすれた画像
http://www.starbucks.co.jp/ja/home.htmの背景にある画像や
http://www.fusionm2.com/FM2_v5/frameset.htmlのロゴ
のような画像を見よう見まねで作ったのですがうまく
いきません。
制作方法を教えてください。
よろしくお願いします。

Aベストアンサー

こんにちは!

手っ取り早く作りたいのなら、テキストを【ラスタライズ】して、まだらな形の消しゴムで、不透明度を変えたり大きさを変えたりしながらランダムに消していきます。
消しゴムの形はブラシパレットのサブメニューにいろいろ入っていますので読み込んで見てください。

背景は汚れた紙をグシャグシャにしてひらいてからスキャナで取り込んで、画像のレイヤーの上に重ねて不透明度を調整するだけで出来ると思います。

QXREAでHPを運営されている方教えてください。

現在XREAにてドメイン1個と広告免除サービスにてサーバースペース1つを借りてHPを運営しています。

そこで今回、もう一個別のドメインを取得したいと考えています。(サブドメインではないです。)

しかしながら、現在使っているサーバー(広告免除済み)なのですが、実際は50M程度しか容量を使っていませんし、今後増えても100Mまでいくことは無いと思います。そうすると残りの900Mが非常にもったいなく思います。

何とか2個のドメインを1つのサーバーで運営したいと考え調べるのですが、設定方法など見つけることが出来ません。そもそも可能なのでしょうか?

どなたかご経験者の方がおられましたらアドバイスいただけたらと思います。

どうか、宜しくお願いいたします。

Aベストアンサー

XREA.COMの管理画面にログインして、ドメインウェブで設定すれば、
いくつが限界かわかりませんが、複数ドメインを設定できますよ。

ドメインウェブの設定をすると、public_htmlの下に
www.xxxxx.comというようなディレクトリができて、
その下がそのドメインのルートになります。

Q何度クリックしてもリンク先が新しい窓で開くようにするタグを教えてください

タイトルのとおりです

アイコンを何度クリックしても、
常に新しい窓で参照できるようにするタグを
教えてください。

いつもは、下記のようにしています。
<A href=http://・・・・ target=_blank>●●●</A>

これで、今開いているページよりも新しい窓が
開くのですが、その何度かクリックすると
最初にできた新しい窓が更新されるだけなんです。

見る方の側に立つと、一回一回新しい窓が開いた方が
インパクトあると思うので、そうしたいのです。

よろしくお願いします。

Aベストアンサー

こんにちは。
HTMLの補足になりますが
_blankは名前のない新しいウィンド
_selfはリンク元を表示している現在のウィンドウ
_topはフレーム内からのリンクで使用。フレームを解除しウィンドウを全体で表示
_parentはフレーム内からのリンクで使用。リンク設定したHTMLファイルの親の階層(<FRAMESET>を設定したHTMLにあたるので多くの場合全体に)表示

☆target="***"について☆
****には表示先のウィンドウ名を指定します。
ここで指定するウィンドウの名称はjavascriptで指定されたものか、フレームのname属性で指定されたものになります。
任意の名称をつけて指定するとその名称をもつウィンドウがないのでリンク先は新しいウィンドウを開いて表示され、そのウィンドウが指定した名前を持ちます。(^-^*)
---------------------------------------


<A href="abc.html" target="marcet">マーケット</A>
<A href="aab.html" target="fising">釣り</A>
----------------------------------------------
任意の名前をつけてあげれば新しい別々のウィンドウが開きます。

こんにちは。
HTMLの補足になりますが
_blankは名前のない新しいウィンド
_selfはリンク元を表示している現在のウィンドウ
_topはフレーム内からのリンクで使用。フレームを解除しウィンドウを全体で表示
_parentはフレーム内からのリンクで使用。リンク設定したHTMLファイルの親の階層(<FRAMESET>を設定したHTMLにあたるので多くの場合全体に)表示

☆target="***"について☆
****には表示先のウィンドウ名を指定します。
ここで指定するウィンドウの名称はjavascriptで指定されたものか、フレームのname...続きを読む


このカテゴリの人気Q&Aランキング

おすすめ情報