【 HP質問過去ログ 】

【HP質問過去ログ/詳細】　一覧 / 詳細

No.2729　画像配置で

いつも参考にしています
大変勉強になります
質問なのですがテーブル内の画像配置でうまくいかないものが
あります
テーブル左端に高さ５ピクセルの画像を配置します
その隣の列に5×5ピクセルの画像を背景として配置し
左端の画像と連結しようとしていますがどうしても
背景の方が複数表示してしまいうまく繋がった状態で
表示されません
このような場合はどの様な方法で解決すればいいのか
ご教授ください
よろしくお願いいたします

[aju]　02/06/13 (木) 23:00

No.2731　RE:画像配置で

背景は通常無指定の場合、表示できる限りその画像を繰りかえします。

背景を1つだけにする場合は、スタイル属性の「background-repeat: no-repeat」を使用します。



のような感じ。

また、背景画像は、その中央に表示されると思いますので、「background-position: left」などを使って、左寄せする必要があるかもしれません。

スタイル属性については、ここの「HTMLの扉」－「14.スタイル属性」に詳しい解説があります。

	ここに背景を無指定で記述
	こちらは、no-repeat指定
	さらに「position:left」を追加

【上記　記述サンプル】

	ここに背景を無指定で記述
	こちらは、no-repeat指定
	さらに「position:left」を追加

[atom]　02/06/13 (木) 23:44

No.2733　ありがとうございます

atomさんレスありがとうございます
これを参考にやってみます
また何かあったらおねがいいたします

[aju]　02/06/14 (金) 02:28

No.2736　画像からリンク

すいません。。初歩的な質問で。
画像の一部から、リンクするにはどうすれば良いですか？
http://csc.jp/~satsuma/pojeBNS.jpg
↑の画像の一部分からリンクを貼りたいんです。
たとえば、
ヘルプとかいてあるボタンが左がわにありますよね。
そこだけからリンクを貼りたいんです。
そんなことはできますか？
よろしくおねがいします。

[satsuma]　02/06/16 (日) 00:42

No.2737　RE:画像からリンク

できなくはないです。
ただし、HTMLで記述するとなるとちょっと厄介ですね。

というのも座標位置が正確に掴みにくいからです。

画像の中にリンクを埋め込むのは、クリッカブルマップとかイメージマップとかホットスポットとか呼ばれます。

「HP作成の予備知識」－「7.クリッカブルマップ（イメージマップ）って何ですか？」に解説があります。
その領域が四角の場合は「rect」を使用します。

[atom]　02/06/16 (日) 00:49

No.2739　RE^2:画像からリンク

有難うございました。。
それで試そうと思ったんですが、
じつは、テーブルのbackgroundとしてその画像をしようしつつ、
クリッカブルマップを使用したいんです。
http://csc.jp/~satsuma/san.htm
↑のように、黒い所に文字を入れつつ。
そうなると、どうやっていいか分からなくなってしまって。。。
よろしくおねがいします。

[satsuma]　02/06/16 (日) 10:36

No.2741　RE^3:画像からリンク

ちょっと、無茶ですね。(笑)

まず、背景画像に、クリッカブルマップは指定できません。
どうしても背景に画像を持ってくるなら、ヘルプの位置に全角空白のリンクでも置いてジャンプさせるしかないですね。

でも、そんな方法でうまくいくかどうか疑問ですが．．

[atom]　02/06/16 (日) 11:25

No.2744　RE^4:画像からリンク

やはり無茶でしたか。。。有難うございます。
なるほど。。。。。。。。
では画像の上に文字をのせる(ペイントとかでじゃなくて)には
どうすれば良いでしょうか？
よろしくおねがいします。

[satsuma]　02/06/17 (月) 06:00

No.2745　RE^5:画像からリンク

今satsumaさんがやってる方法でよいのではないでしょうか？

背景に画像を埋め込んで、普通に文字を記述すれば．．<#pre#><table width="160" height="160"><tr><td background="/images/baloon.gif" align="center"><font color="red"><b>こんな風に！<br>ここには全角空白でリンクを設定。<br>↓<br><a href="/">　　　　　　　　　　</a></b></font></td></tr></table><#/pre#>

[atom]　02/06/17 (月) 09:06

No.2746　RE^6:画像からリンク

毎度毎度、有難うございます。
そうすると、
クリッカブルマップがしようできないので。。。。
ん～＾c………。。。
よろしくおねがいします。（ごめんなさい。。。)

[satsuma]　02/06/17 (月) 09:06

No.2747　RE^7:画像からリンク

それも、無茶です。(笑)

前面に画像を持ってくれば、文字は挿入できません。

フローティングフレームを使うという手がありますが、かなり厄介ですし、うまくいくかどうかもわかりません。

どんなことをしようとしているのか解りませんが、もっと単純にできませんか？

HTMLは文字装飾や文面装飾を高度にするためのものです。
プログラムではありませんので．．

[atom]　02/06/17 (月) 09:12

No.2748　RE^8:画像からリンク

有難うございます。
そうですよねぇ。
やっぱり難しいものですね。
実はゲームの紹介のページを作ろうと思って、
左上の黒い所にメニューみたいな感じでもっていきたかったんですよねぇ
それで、音楽とかBGMのところには、
ホームページのBGMをつけるだとかつけないだとか
そういう感じに。。
ちょっと無茶すぎますかね？

[satsuma]　02/06/17 (月) 11:04

No.2750　RE^9:画像からリンク

出来上がりの状態が見えないので、よく解りませんが、今までの話を聞いてると、何故クリッカブルマップにこだわるのかよく解りません。

要は、見た目同じような雰囲気ができればいいんでしょう？

私も以前、プログラムの延長線上にHTMLを考えていろいろ凝った物を作ってましたが、最近は頭を柔らかくして、要は雰囲気が同じであれば、中身はどうでもいいと思うようになってきました。

だって、説明ができればいい訳で、そのページでゲームをするわけでもなんでもないですからねぇ。

背景画像を、適当に切り裂いて、何分割かしたテーブル（表）の背景として埋め込めば何とかなるのではないでしょうか？
クリッカブルマップと同じようなことは、テーブル分割の画像でも充分できます。

[atom]　02/06/17 (月) 11:19

No.2756　RE^10:画像からリンク

別に、クリッカブルマップにこだわってるわけじゃないんですよ。
(そうみえたのなら、仕方ないですが。。。)
あのゲームの雰囲気を訪問者につかんでほしくて、
なるべく近い形にもってきたかったわけです。
テーブル分割も考えましたが、
画像を分割するのは結構手間そうなので、
最近時間無いのでやらなかったんです。。。
でもどちらも手間は同じぐらいですね。。。
夏休みにでもやってみたいとおもいます。
有難うございました。。。

日本負けてしまいましたね。。。
しかも韓国勝ったし。。。(なぜかむかつくのは私だけ？
まぁ共催国とかっていいふうにみえるけど
資金面では日本のほうがね。。。。。
それでは。。。。。。。。。。。。。

[satsuma]　02/06/18 (火) 10:24

No.2759　RE^11:画像からリンク

>日本負けてしまいましたね。。。

うん、残念です。(>_<)

>しかも韓国勝ったし。。。(なぜかむかつくのは私だけ？

あははは。

>まぁ共催国とかっていいふうにみえるけど
>資金面では日本のほうがね。。。。。

過去のことを考えればプラスに考えないといけないと思いますね。

[atom]　02/06/18 (火) 11:05

No.2769　RE^12:画像からリンク

>>まぁ共催国とかっていいふうにみえるけど
>>資金面では日本のほうがね。。。。。
>
>過去のことを考えればプラスに考えないといけないと思いますね。
過去のことのところが理解できません。。。(泣
ただたんに私の知識不足だと思いますが。。
西班牙が勝つかなぁ。＞今

それはそうと、
テーブルをつかってやってみました。
http://csc.jp/~satsuma/poje/
です。
左下のところを場所によってリンクできるようにしました。。
でもリンク先はまだ未完成です。。
初めてにしては上出来だと思います。。。

[satsuma]　02/06/22 (土) 03:03

No.2770　RE^13:画像からリンク

>テーブルをつかってやってみました。
>http://csc.jp/~satsuma/poje/
>です。

すごいすごい、時間は掛かるけど一番確実かもね。

[atom]　02/06/22 (土) 07:51

No.2738　画像作成で･･･

こんばんは。いっつもお世話になっています。今回は、画像の上に、文字を重ねたものを作成したいのですが、文字だけが重なって欲しいのですが、四角い枠まで重なってしまい、画像の上に貼り付けましたと言わんばかりの物が出来てしまいました。文字だけ重ねるにはどの様にしたらいいのでしょうか？
よろしくお願いします

[どれみ]　02/06/16 (日) 10:28

No.2740　RE:画像作成で･･･

この説明では、ちょっと解りづらいのですが、
きっと、作成した文字画像の背景のことを言ってるのだと思います。

画像の背景を無くすには、画像ソフトなどを使用して透過モードで画像を作成しないといけません。

[atom]　02/06/16 (日) 11:20

No.2742　画像作成で･･･

四角の枠があってその中に文字の分だけ四角を作り、透過したのですが、外側の四角までもが、そのまま白く表示されてしまうのですが･･･

[どれみ]　02/06/16 (日) 16:52

No.2743　RE:画像作成で･･･

>四角の枠があってその中に文字の分だけ四角を作り、透過したのですが、外側の四角までもが、そのまま白く表示されてしまうのですが･･･

うう～ん．．そんなはずはないのですがね。
なにか、やり方が違うんでしょうね。

まず、画像ソフトは何をお使いですか？
それと、いまひとつイメージがわかりづらいのですが、原図か作成後の画像を見せて欲しいのですが。

[atom]　02/06/16 (日) 20:20

No.2749　右クリック禁止について

　はじめまして、駆け出しプログラマーのyayaと申します。
　今会社でwebソフトを作っているのですがある問題点が生じて
　困っています。その問題というのはそのソフトの性質上、右クリ　ックを禁止しなければいけないのですが会社のブラウザがネスケ
　の３を使ってまして、バージョンに合ったサンプルソースがなか
　なかないのです。ネスケ３にも使える右クリック禁止の方法を伝　授していただけないでしょうか？

[yaya]　02/06/17 (月) 11:07

No.2751　RE:右クリック禁止について

ご質問の趣旨がよく解らないのですが、社内のプログラムなのに右クリックを禁止するのですか？
あえて、便利な機能を殺してしまうんですか？

何故、そんな必要があるのでしょうか？
また、右クリック禁止は、完璧なものはありません、どんなものでも結局は無駄なことだと知ってるんですよね！？
ブラウザのバージョンや種類、環境設定などを変えたりされると簡単に解除されたりします。

ＮＮ３だけに対応した右クリック禁止というのもなぁ．．

というのも私が右クリック禁止を反対（？）しているから気乗りがしませんねぇ。
古いバージョンにもつかえるものは、「JavaScriptサンプル」－「右クリック禁止」がよいかと思いますが．．

ただし、私はＮＮ６しか持っていませんので、確認はしていません。

[atom]　02/06/17 (月) 11:27

No.2752　教えてください。。

お恥ずかしながら、教えて頂きたいのですが、
動画をダウンロードするにはどうしたら良いのでしょうか？？
ダウンロードしても、静止画像になってしまいます。。
ファイル名に「gif」をつけると良いと聞いて、それもやってみたのですが、「×」印の画像が出たり静止画像だったりでやはり
ダメでした。
動画をダウンロードする方法を是非教えてください。

[hana]　02/06/17 (月) 15:13

No.2753　RE:教えてください。。

>動画をダウンロードするにはどうしたら良いのでしょうか？？

普通に右クリックしてダウンロードなどでできますよ。

>ダウンロードしても、静止画像になってしまいます。。

どんな方法で確認しているのでしょうか？
画像ソフトなどで見ても、静止画で表示されますよ。
ちゃんと、ブラウザ（ＩＥやＮＮ）で見てますか？

[atom]　02/06/17 (月) 18:31

No.2757　RE^2:教えてください。。

ブラウザで見ると、画像が表示されないんです～。
画像の部分が「×」印になってしまってるんです。

[hana]　02/06/18 (火) 10:59

No.2758　RE^3:教えてください。。

やっぱり、意味がわかんないですねぇ。

具体的に、どこのページのどの画像なんでしょうか？

[atom]　02/06/18 (火) 11:04

No.2754　FTPについて

こんにちは、このサイトに来たのは初めてですが、御質問があります、
自分の使っているパソコンはiMacという機種なんですが、それに対応できる無料のFTP、ってあります？お教え下さい

[thief]　02/06/18 (火) 05:05

No.2755　RE:FTPについて

私はMAC使いではないので詳しくはないですが、
MACだと通常、Fetchを使用しますよね。

これはシェアウェアでした。

MACで無料のFTPソフトを探してみましたが、どれもシェアウェアでした。
数種類は見つかりましたが．．

[atom]　02/06/18 (火) 05:15

No.2760　RE^2:FTPについて

やはりそうでしたか、分かりました、御回答、本当にありがとうございます

[thief]　02/06/19 (水) 07:12

No.2761　ソースに名前が。。。

超初心者質問で失礼します。
この間ＨＰをＵＰしたんですけど。。ソースに名前がでちゃうんですけど。。どうしたら名前でないんでしょうか？ビルダーとか使ってるからでしょうか？

[ぴこ]　02/06/19 (水) 11:21

No.2763　RE:ソースに名前が。。。

>ビルダーとか使ってるからでしょうか？

え、ビルダーで名前が出ます？
個人名のことですよねぇ？

ワードや一太郎で個人名が出るのは聞いたことがありますが、ビルダーででるというのは聞いたことがないですね。

私もビルダーを使ってましたが、個人名を入れるところはありませんよね？
ご質問の内容は、ソフトの使い方になるので、ビルダーの使い方を教えてくれる掲示板などのほうが早いかもしれませんね。

HTMLの話だと、該当箇所を削除すればいいだけだと思いますが．．

[atom]　02/06/19 (水) 22:03

No.2762　隣同士のリンク文字の色をクリックした時に変えるのは？？

隣同士の文字に別々にリンクをしているんですが、リンクはうまくいくのですがどうしてもクリックしてからの文字の色が変わりません(T_T)できる方法を知っている方教えてくださ～い。お願いします。

[にゃんこ]　02/06/19 (水) 11:26

No.2764　RE:隣同士のリンク文字の色をクリックした時に変えるのは？？

隣同士の文字ねぇ、ちょっと意味がわかりませんが、リンク文字の文字色は、BODYタグで指定します。

ここのＨＰの「HTMLの扉」－「4.文字の飾り付け」に詳しい解説があります。

[atom]　02/06/19 (水) 22:05

No.2765　文字の下線を太くしたり二重線にするには？

フォントにアンダーラインをつけるには、普通は
<U>　</U>のタグになりますよね。

それでは、このアンダーラインを太くしたり、色をつけたり、
二重線の線種にかえたりするには、
どういったタグになるんでしょう？
どなたか、レスお願いします。

[ピグモン]　02/06/20 (木) 22:22

No.2766　RE:文字の下線を太くしたり二重線にするには？

調べてみましたが、そういうタグはないと思います。

もし、そのような装飾を見たことがあるのなら、そのページアドレスをお教えください。

[atom]　02/06/20 (木) 23:06

No.2768　RE^2:文字の下線を太くしたり二重線にするには？

NOLIHISAです。

文字をSPANで囲って、CSSのborder-bottomで代用したらどうでしょう？
<span style="border-bottom : 5px #000000 solid">
aaaaaaa<br>
</span>
<span style="border-bottom : 5px #f00 double">
aaaaaaa<br>
</span>

[NOLIHISA]　02/06/21 (金) 21:22

No.2771　RE^3:文字の下線を太くしたり二重線にするには？

NOLIさん、いつもありがとうございます。
そんな方法がありましたか。

さすが、頭が柔らかいですね。
ちょっと試してみよう。<#pre#><span style="border-bottom : 5px #000000 solid">aaaaaaa</span><br>
<span style="border-bottom : 5px #f00 double">aaaaaaa
</span><br><br><br><br>
おお～っ、ちゃんとできる、す、すごい。
<#/pre#>

[atom]　02/06/22 (土) 07:57

No.2778　RE^4:文字の下線を太くしたり二重線にするには？

>NOLIさん、いつもありがとうございます。
>そんな方法がありましたか。
いえいえ。いつもご迷惑をおかけしてますから。
これぐらいしないと・・・(^-^;;;

[NOLIHISA]　02/06/23 (日) 05:24

No.2772　ブラウザの指定？？

atomさん、いつも参考にさせて貰ってます。
で１つ質問があるのですが、
携帯からだと見れるのに、パソコンからだと見れないページって
よく携帯サイトで見かけるんですが、あれってどうやってるんですか？

[YSH]　02/06/22 (土) 10:38

No.2773　RE:ブラウザの指定？？

私はパソコンオンリーで携帯をほとんど使わないので、携帯に対する知識は少ししかありません。
だから、「携帯からだと見れるのに、パソコンからだと見れないページ」はまだ見たことがありません。

知ってたらそのアドレスを教えてください。
私のネッ友で携帯サイトを作成している方が何人かいますが、パソコンでも見れますからねぇ。

私が思うのは、プロバイダによっては、携帯専用のディレクトリ（フォルダ）が決まっている場合がありますよね。
これは、コンテンツの整理のためにしているだけだと思います。

YSHさんがいうように、ブラウザを認識してJavaScriptかCGIで拒否しているか、apacheの環境設定で拒否しているのかもしれませんね。

ちょっと、知識不足ですね。(^^ゞ

[atom]　02/06/22 (土) 20:33

No.2774　RE^2:ブラウザの指定？？

レスありがとうございます。
http://bx.sakura.ne.jp/%7Ekyou/i/imp08/melo.htm
たとえばこのサイトの?FM音源用　と言うのをクリックしてみて下さい
iモードでは見れるのに、パソコンからだと見れないヨウ
になってます。
こういうのを作りたいのですが、まったく分からないので
質問したと言うわけです。
わかりますか？？

[YSH]　02/06/22 (土) 22:41

No.2775　RE^3:ブラウザの指定？？

確かに、そうですね。
アドレスは、単純にhtmですし、なぜ同じアドレスを表示させているのにソースが変わるのか解りません。

JavaScriptでもCGIでもないようですし．．
今は残念ながらわかりません。

私ももっと勉強します。

[atom]　02/06/23 (日) 02:21

No.2776　RE^4:ブラウザの指定？？

考えて頂いてありがとうございます。
本当に感謝します。

[YSH]　02/06/23 (日) 04:56

No.2777　RE^5:ブラウザの指定？？

どうも。NOLIHISAです。
面白そうなので調べてみました。
Iriaで対象ファイルをDLしようとすると、
18:18:09 rtn>サーバへリクエスト送信
18:18:09 cmd>GET /~kyou/i/i08/fm16.htm HTTP/1.0
18:18:09 cmd>Accept: */*
18:18:09 cmd>Accept-Encoding: gzip
18:18:09 cmd>Connection: close
18:18:09 cmd>Host: bx.sakura.ne.jp
18:18:09 cmd>Referer: http://bx.sakura.ne.jp/~kyou/i/i08/index.html
18:18:09 cmd>User-Agent: Iria/1.07a
18:18:09 rtn>サーバからのレスポンス
18:18:09 res>HTTP/1.1 403 Forbidden
18:18:09 res>Date: Sun, 23 Jun 2002 09:18:07 GMT
18:18:09 res>Server: Apache/1.3.26 (Unix)
18:18:09 res>Pragma: no-cache
18:18:09 res>Connection: close
18:18:09 res>Content-Type: text/html
18:18:09 nfo>bx.sakura.ne.jpから切断します
18:18:09 err>protocol error 403 Forbidden
18:18:14 nfo>http://bx.sakura.ne.jp/~kyou/i/i08/fm16.htm のダウンロードを停止しました

と403が返されています。
サーバー側で、４０３のエラーページをああいう風に変えているんじゃないでしょうか。
（あくまでも推測ですが・・・）

[NOLIHISA]　02/06/23 (日) 05:23

No.2780　RE^6:ブラウザの指定？？

ということは、コンテンツではなく、やはりサーバー依存でページロックが掛かっているようですね。

YSHさん、そのような機能を持ったサーバーなら何も考えず簡単にできるのではないでしょうかね。

[atom]　02/06/23 (日) 21:48

No.2791　RE:ブラウザの指定？？

ええと、もうこのスレッドは役目を終えているかもしれませんが一応お答えしておきます。ちなみに僕は上記http://bx.sakura.ne.jp/~kyou/i/のサイト管理人です。アクセス解析で辿ってきました。

ディレクトリ毎にアクセス制限をかけたり、403forbiddenのページをオリジナルにするには「.htaccess」というファイルを使用します。ドコモの携帯端末のIPアドレスは帯域が決まっているため、それ以外からのアクセスであった場合はオリジナルの403forbiddenページへ飛ばされるようにしてあります。これはブラウザを判定しているわけではありません。ユーザーエージェント(ブラウザ情報)というのはブラウザ側で偽装が簡単なため、アクセス制限に使うのは無意味だからです。

「.htaccess」や、IP制限に興味をお持ちでしたら僕が書いた以下のページを参照されるとよろしいかもしれません。
http://bx.sakura.ne.jp/~kyou/Topic/Sec/sec.htm
http://bx.sakura.ne.jp/~kyou/Topic/Sec/sec2.htm
http://bx.sakura.ne.jp/~kyou/Topic/imode/index.htm

[アニ]　02/06/28 (金) 05:28

No.2792　RE^2:ブラウザの指定？？

アニさん有益な情報ありがとうございます。

なるほど、.htaccessかぁ、そう言えばそういうものがあったなぁ．．
プロバイダによっては使用できないところもあるが．．
普段使わないので忘れてました。(笑)

一時期、いろいろ勉強していた時期もありましたが、あまり必要に迫られたことが無かったので、記憶の片隅に追いやられてました。(^.^)

私も時間があるとき再度勉強させていただきます。
また、携帯コンテンツ関係はまだまだ、勉強の余地がありますので、何かの節はお伺いさせていただくかもしれません。
今後ともよろしくお願いいたします。

本当にありがとうございました。

[atom]　02/06/28 (金) 06:50

No.2793　RE^3:ブラウザの指定？？

NOLIHISAです。
.htaccessだったんですか～
僕もめったなことで使わないので忘れていました。(^-^;;;
それにしても、携帯のIPって決まってたんですね。
勉強になりました。
アニさんありがとうございました。

[NOLIHISA]　02/06/28 (金) 22:05

【HP質問過去ログ/詳細】　一覧 / 詳細

page update：2010/08/23 23:34

Home ↑ページトップ