下に紹介したHPからの参照となるのですが
画像から離れた場所へ、それも一つの場所へ
文字を表示するにはどのようにしたらいいのですか?
(下のHPの一番上の部分です)

http://www.ume.sakura.ne.jp/~rei/top.html

A 回答 (2件)

他の方への回答とダブってしまうのですが…


参考URL【うさのJavaScript講座】のJavaScriptを改造すると良いと思います。

右端のSsmples
【8】レイヤー属性

をクリックすると出てくるリストの
サンプル17を改造すると良いと思います。

参考URL:http://www.scriptsquare.com/usajava/
    • good
    • 0

メニューの画像の下を右クリックして「ソースの表示」で見てみると


JavaScriptとmap等色んな技が使われてるようです。
js_lib.jsをダウンロードして見ると、おぼろげながらhtmlの構成はみえてきますが、一から作るとなると大変ですね。じっくり解析すると勉強になるかも知れません。
    • good
    • 0

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

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

Q[http://lxr.mozilla.org/mozilla/source/layout/style/html.css]のファイルを得るには

UAごとのHTML,CSSのデフォルトスタイルシートの違いが知りたいと思って検索していたところ

Firefoxのデフォルトスタイルシートは
http://lxr.mozilla.org/mozilla/source/layout/style/html.css
にあるらしいことが判明しました...が、これ、普通に見ると行番号のついた拡張子CSSのHTMLですよね。(行番号のない)CSS本体を入手するにはどうしたらいいのでしょうか?

#IE6,IE 7 beta2,Operaのデフォルトスタイルシートのありかについても知ってたら教えていただけるとありがたいです

Aベストアンサー

Firefox のデフォルトスタイルシートは
C:\Program Files\Mozilla Firefox\res\html.css

たぶん IE や Opera のデフォルトスタイルシートはプログラムに直接組み込まれていて CSS ファイルとして取り出すことは出来ないと思います。

Qhttp://www.jqa.jp/index.html

http://www.jqa.jp/index.html
のようにブラウザの横幅を変更しても
内容が左右真中に表示され
ていますがこのようにするには、
どのようにすればよいのでしょうか?
よろしくお願いいたします。

Aベストアンサー

このような感じですか
最大800px,最小500px内で、ウィンドウ幅の60%で中央に表示される。

とりあえずサンプル・・
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )
で(HTML4.01Strict)検証済み

<!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 http-equiv="Content-Style-Type" content="text/css">
<link rev="made" href="mailto:hoge@hoge.com" title="send a mail" >
<link rel="START" href="../index.html">
<style type="text/css">
<!--
html,body{
margin:0px;padding:0px;background-color:rgb(200,200,200);
}
body>div{
width:60%;min-width:500px;max-width:800px;margin-left:auto;
margin-right:auto;background-color:white;padding:10px;
border:none;}
p{text-indent:1em;}
div{ margin:0.5em 1em; border:solid 2px blue;}
-->
</style>

</head>
<body>
<div>
<h1>サンプル</h1>
<p>http://www.jqa.jp/index.htmlのようにブラウザの横幅を変更しても、内容が左右真中に表示されていますがこのようにするには、どのようにすればよいのでしょうか?</p>
<p>よろしくお願いいたします。</p>
<div>
<p>こんな感じですかね。</p>
</div>
</div>
</body>
</html>

このような感じですか
最大800px,最小500px内で、ウィンドウ幅の60%で中央に表示される。

とりあえずサンプル・・
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input )
で(HTML4.01Strict)検証済み

<!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; ...続きを読む

Qhttp://www.bohr.ne.jp/

http://www.bohr.ne.jp/

こちらのサイトのメインビジュアル(フラッシュの最後の写真)のような、
人以外の背景を自然に白くした感じにするにはどうやっているのでしょうか?
フォトショップで可能でしょうか??

ご存知の方、ご教授お願いします!

Aベストアンサー

パスで切り抜きしたあと、そのパスを選択範囲に変えて
レイヤーマスクで不必要な場所をかくしてしまえばいいと思います。

できれば解像度の高い大きい状態の写真で切抜して
レイヤーマスクをかけたあと、必要な大きさに縮小してしまえば
より綺麗になるかと。

Qhttp://・・・・・・.co.jp/ から下のURLを見えないようにするには?

たまに見かけるのですが、co.jp/以下がどんなにページを渡っても
表示されないのはどんな仕掛けなんでしょうか?
cgiなんかではURLが見えると思いますが、それでも可能でしょうか?
あまり階層を見せたくない場合てあると思うのですが。

co.jp/index.html は最初にアクセスして見えても
co.jp/abc/index.html    ←や
co.jp/abc/def/index.html  ←等の下に降りた場合でも
co.jp/  とだけ表示される様にアドレス欄に表示させない方法です。

アドバイスいただければ幸いです。

Aベストアンサー

私はHPのアドレスをスマートにする、という目的で、
好きなアドレスに名前を変更できるフリーのアドレスサービスを活用しているのですが、
その設定のうちのひとつに、どのページに行ってもアドレスをトップページのまま表示するかしないか、
ということを選択できるようになっています。
私の場合はページが変わるごとにアドレスが変わるのは見苦しいかと思い、
どこに行ってもトップのアドレスが表示されるように設定しています。

私の利用しているところを参考URLに表示しておきます。
新規中止になっていますが、登録できますので一度行ってみるといいと思います。

参考URL:http://www2.to/

Q[stylesheet] www.fujirockfestival.com/artist/のスタイルシートについて

こんにちわ。
スタイルシートについてお聞きしたいことがありますので、カテゴリはHTMLではありますが、質問させていただきます。

表現の方法が難しく、標題がこのようになってしまいましたが、
http://www.fujirockfestival.com/artist/

において、アーティストのリンクがありますが、フォーカスできる範囲が非常に大きくマージンが取られているようなリンクになっています。
ソースを拝見すると、スタイルシートで指定しているらしいというところまではわかったのですが、具体的にどのようなスタイルシートで指定しているのでしょうか。

アクセシビリティといいますか、とても操作的に印象がよく、ぜひ活用したいと思っています。

皆様のお知恵を拝借できませんでしょうか。

Aベストアンサー

該当箇所だけ抜き出すと
#artist .section dd a {
display: block;
padding: 7px 0;
height: 1;
}
この部分でしょうか。
要は、アンカー(<a ~>)に display:block を指定する事で、
フォーカスの範囲をテキスト部分からブロックに拡大しています。


人気Q&Aランキング

おすすめ情報