【 HP質問過去ログ 】

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

No.9819　リンクを貼った画像を複数回押すと、違うページに移動してしまいます

こんばんは、お忙しい中失礼します。
今、初めてホームページを作っているところです。
画像にリンクを貼り、他のページへ移動出来るように指定したのですが、なぜか【text】と【link】の画像をクリックすると、トップページと指定したページが交互に出て来てしまいます。
（HP上の右上にあるアイコンのうちの右端２つです）
タグは正しく書いてあるつもりなのですが、どこか間違っていますでしょうか？
ちなみに【about】の画像は、何回押しても指定したページのみにちゃんと繋がっています。
指定したタグは以下の通りです。

＊＊＊＊＊＊

<A href="index.html" target="_self"><IMG src="image/b02_a_top.gif" border="0"></A>

<A href="top.html" target="_self"><IMG src="image/b02_a_home.gif" border="0"></A>

<A href="about.html" target="_self"><IMG src="image/b02_a_about.gif" border="0"></A>

<A href="text.html" target="_self"><IMG src="image/b02_a_text.gif" border="0"></A>

<A href="link.html" target="_self"><IMG src="image/b02_a_link.gif" border="0"></A>

＊＊＊＊＊＊

見る限りでは、正しく表示されるページと同じだと思うのですが･･･。
どうすればトップページと交互に表示されなくなるでしょうか？

よろしくお願い致します。

[ちゃいか]　08/09/01 (月) 20:36

No.9820　Re:リンクを貼った画像を複数回押すと、違うページに移動してしまいます

簡単です。

【text】のページ、【link】のページのリンク先が間違ってるからです。
トップページだけでなく、各ページのリンクも正しいかどうか、よく見てみましょう。

[atom]　08/09/01 (月) 21:01

No.9821　ありがとうございました！

本当です！
言われるまで気付きませんでした。
きっと教えていただかなければずっとグルグルしていたかもしれません･･･（苦笑）

簡単なことで煩わせてしまって申し訳ありませんでした。
答えていただいて、ありがとうございました！

[ちゃいか]　08/09/01 (月) 21:20

No.9824　「編集できない部分」とは?

お世話になります。
初歩的な質問かもしれませんが、よろしくお願いします。

興味を引いたホ－ムペ－ジのソ－スをコピ－して、自分のホ－ムペ－ジビルダ－に貼り付けて勉強しているのですが、たまに
「ファイルを交換しないと、ペ－ジ編集タブで編集できない部分があります」

これってどのような意味なのでしょう?
同じhtml言語のはずなのに、何故?

具体的な例を挙げれば、tableタグのものをコピ－して貼り付けた場合、上記のメッセ－ジが表示、仕方なくファイル変換OKをクリックすると、tableタグが自動的に消滅しており、divタグに変換されています。

私なりに「tableの中に、標準的でないhtmlが使われているから、このようなメッセ－ジが出るのかな」と思ったりしているのですが、どうなんでしょうか。

[ダメオヤジ]　08/09/23 (火) 10:40

No.9825　Re:「編集できない部分」とは?

これはホームページ作成の質問というより、ビルダーの質問ですね。

特定のソフトの質問は私が解る限りしか答えられません。
本来なら、ビルダー関係の掲示板で質問すべきですね。

> 私なりに「tableの中に、標準的でないhtmlが使われているから、このようなメッセ－ジが出るのかな」と思ったりしているのですが、どうなんでしょうか。

正確には答えられませんが、そうだと思います。
ご自分が使われてるビルダーの環境と、そのtableタグの書式がマッチしないものと思われます。

[atom]　08/09/23 (火) 15:09

No.9826　Re^2:「編集できない部分」とは?

> ご自分が使われてるビルダーの環境と、そのtableタグの書式がマッチしないものと思われます。

ご回答有り難うございます。

一応、私の考え方が間違っていないのだということが確認できました。
原因となっているタグについて、さらに調べてみたいと思います。

IBMにホ－ムペ－ジビルダ－の件で電話で質問することもあるんですが、一般的な質問には対応してくれるんですが、突っ込んだ質問には答えられないのが現状です。

[ダメオヤジ]　08/09/23 (火) 17:43

No.9827　Re:「編集できない部分」とは?

> 「ファイルを交換しないと、ペ－ジ編集タブで編集できない部分があります」
>
> これってどのような意味なのでしょう?

「「どこでも配置モード」で編集するためにファイルを変換します。
（ファイルを交換しないと、ペ－ジ編集タブで編集できない部分があります）」
というメッセージでしょうか？

ビルダーのどこでも配置モードをお使いならば、
ビルダーがそれに合うように、挿入したタグを勝手に変換する仕様になっています。
タグを挿入する時点で「どこでも配置モード」の作成・編集に合わなくなるので、
挿入されたタグが何であれ、変換されます。
（※レイアウトに影響しない一部のタグをのぞく）

ビルダーの標準モードで作成すれば、
「編集できない部分」というメッセージは出ません。
（tableタグに間違い（コピペミスも含む）があれば、別のメッセージが出ます。）

ちなみに、ファイル変換でキャンセルをクリックすれば、
tableタグがdivタグに変換されることはありません。

追加
>原因となっているタグについて、さらに調べてみたいと思います。

ビルダーの仕様の問題なので、タグそのものは関係ないと思います。
ビルダー関連の掲示板で調べればよかったのに、と思います。
（突っ込んだ質問にも対応してくれます。）

[maimu]　08/09/23 (火) 18:36

No.9828　Re^2:「編集できない部分」とは?

maimuさんありがとうございました。

質問の中に、「「どこでも配置モード」で編集．．」という言葉があれば私も気が付いてたかもしれませんね。

「どこでも配置モード」は私自身使ってませんし、この掲示板でも「使わない方がいいですよ。」と言ってるからなおさらでした。

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

[atom]　08/09/23 (火) 18:46

No.9832　Re^2:「編集できない部分」とは?

maimu様　この度は、ご回答いただき有り難うございます。

お尋ねに対する私の状況は、下記のようなものです。

> 「「どこでも配置モード」で編集するためにファイルを変換します。
> （ファイルを交換しないと、ペ－ジ編集タブで編集できない部分があります）」
> というメッセージでしょうか？


おっしゃる通りです。


> ビルダーのどこでも配置モードをお使いならば、
> ビルダーがそれに合うように、挿入したタグを勝手に変換する仕様になっています。
> タグを挿入する時点で「どこでも配置モード」の作成・編集に合わなくなるので、
> 挿入されたタグが何であれ、変換されます。
> （※レイアウトに影響しない一部のタグをのぞく）
>
> ちなみに、ファイル変換でキャンセルをクリックすれば、
> tableタグがdivタグに変換されることはありません。


おっしゃる通りです。仕方なく「ペ－ジの保存」ボタンを押して保存しています。
「ペ－ジ編集」ボタンを押しても「プレビュ－」ボタンを押しても「編集できない部分が・・・」と表示されてしまうので、身動きがとれないんです。

気が付く点は、普通ビルダ－ではhtmlの色は「紫」色で表示されていますが「赤」色の部分が混在してくるんです。

だから私は「赤色のhtml部分の中に、標準htmlではないものが含まれているのかな?」と考えてしまうのです。

> ビルダー関連の掲示板で調べればよかったのに、と思います。
> （突っ込んだ質問にも対応してくれます。）

IBMに電話で質問すると、調べてくださり該当するFAQ番号を教えてくれるのですが、FAQに載っていないものは答えられません。
突っ込んだ質問に答えるホ-ムペ－ジがあるのなら、電話での質問に答えられない際にそのアドレスを提示してあげるのが親切だ、と私は思います。

でも、maimu様にアドバイスいただき、検索した結果、ホ－ムペ－ジビルダ－にもFAQだけでなく質問箱があることが分かりました。

[ダメオヤジ]　08/09/27 (土) 11:35

No.9829　擬似インラインフレームで外部リンク先を表示

HTMLもCCSも初心者です（勉強中です…）。
このたび、インラインフレームを使用せず、CSSで擬似インラインフレームを作成しようと思っています。

トップページ（ひとつのページ）で、擬似インラインフレームの中に、HTMLを変更できない外部のurl先（レンタル掲示板）を直接表示することは可能でしょうか？

インラインフレームを使えば「scr="http～」で直接掲示板の表示が可能ですが、レンタル先のHTMLを触れないため、バーの色（IE７使用時）を変更する事ができませんでした。
そのため、CSSで擬似インラインフレームをつくり、バーの色を自分の方で変更できないか試してみたいのですが、煮詰まっています。
以下の二点が不明のためご教授よろしくお願いいたします。

１：擬似インラインフレーム内で外部のurl先ページを表示することは可能なのか。
２：擬似インラインフレームの場合、IE７使用時、読み込み先のHTML変更が出来なくても自分のCSSでバーの色をカスタマイズできるのか。


以前こちらの質問箱に似たような質問をされている方がいらっしゃったようですが、答えが不明でしたので、再度質問させていただきました。

[馬]　08/09/25 (木) 15:36

No.9830　Re:擬似インラインフレームで外部リンク先を表示

> １：擬似インラインフレーム内で外部のurl先ページを表示することは可能なのか。

これは通常htmlだけでは無理ですね。
cgiやphpなどを使って外部ページの呼び出し処理などを作成すれば実現可能ですが、初心者には難しい作業となります。

> ２：擬似インラインフレームの場合、IE７使用時、読み込み先のHTML変更が出来なくても自分のCSSでバーの色をカスタマイズできるのか。

読込先のソースが全く変更できないのであればまず無理です。
自分のhtml内の擬似インラインフレームの外枠などの色変更などはできますが、スクロールバーとなると無理ではないでしょうか？

[atom]　08/09/25 (木) 16:03

No.9831　Re^2:擬似インラインフレームで外部リンク先を表示

早速のご返答ありがとうございました。

やはり難しいのですね…
調べても答えが出ず、二日間ほど煮詰まっておりましたので、初心者には実現が難しいということだけでも分かり、助かりました。
今回の質問内容につきましては、レベルアップしてから再度挑戦してみようと思います。

重ねて御礼申し上げます。

[馬]　08/09/25 (木) 16:24

No.9833　イラストサイトを作ろうと思ってるのですが・・・

既出だったらすいません
イラストサイトを作るにあたり、教えてほしいことが；

*よく、他のイラストサイト様で見かけるのですが、
イラストの画像が小さく？表示されてて、
それをクリックすると別ウィンドウが出るんじゃなくて、
こう、パッと出てきて、大きな画像に代わるようにするには
どうやればいいんでしょうか・・

*あと、イラストサイトは
忍者ホームページで作ろうと思ってるのですが、
他に無料でイラストサイトを作るのに適してる（？）
所があったら教えてください＞＜；



文、変で読みにくいですがお願いします；

[のゆり]　08/10/16 (木) 14:14

No.9834　Re:イラストサイトを作ろうと思ってるのですが・・・

まず画像の件ですが、
マウスオーバーの事でかねぇ．．
マウスを乗せるだけで画像を変えたいなら、「DHTMLサンプル」－「オンマウスで画像の変更」があります。
画像を２種類用意すればいいでしょう。

イラストに適してるかどうかと言うのは分かりかねます。
何を持ってして適してると言うのかがあいまいだからです。

単純なものならどこのサイトでも可能でしょう。

ここのサイトの「無料関連のサイト」でいろいろ巡回したりGoogleの検索で調べてみるのもいいでしょう。

[atom]　08/10/16 (木) 15:01

No.9835　Re^2:イラストサイトを作ろうと思ってるのですが・・・

atomさん返信ありがとうございます！
> まず画像の件ですが、
> マウスオーバーの事でかねぇ．．
> マウスを乗せるだけで画像を変えたいなら、「DHTMLサンプル」－「オンマウスで画像の変更」があります。
うーんすこし違うみたいです；
マウスを乗せると画像表示じゃなくて、
クリックすると画像表示って感じにしたいのですが

> 画像を２種類用意すればいいでしょう。
なるほど！

> イラストに適してるかどうかと言うのは分かりかねます。
> 何を持ってして適してると言うのかがあいまいだからです。
> 単純なものならどこのサイトでも可能でしょう。
確かに・・orz　すいません；

> この際との「無料関連のサイト」でいろいろ巡回したりGoogleの検索で調べてみるのもいいでしょう。

さっそく調べてみます！

[のゆり]　08/10/16 (木) 16:27

No.9836　Re^3:イラストサイトを作ろうと思ってるのですが・・・

なんだ、
普通のクリックでいいなら、単純です。
<a href="大きい画像のファイル名（url）"><img src="小さい画像のファイル名（url）"></a>

これだけです。
普通のページにジャンプするのと同じです。

[atom]　08/10/16 (木) 17:11

No.9837　Re^4:イラストサイトを作ろうと思ってるのですが・・・

> なんだ、
> 普通のクリックでいいなら、単純です。
> <a href="大きい画像のファイル名（url）"><img src="小さい画像のファイル名（url）"></a>
>
> これだけです。
> 普通のページにジャンプするのと同じです。
ありがとうございます！

[のゆり]　08/10/16 (木) 19:57

No.9838　ホームページビルダーで転送が出来ません。

プロバイダでauを利用していたのですが、このたびOCNに変更しました。
自分のホームページを作っていたので、新たに転送し直そうとしたのですが、どうしても出来ません。
考えられる理由・解決策など、思い浮かぶ方がいたら、どうぞよろしくお願いします。

・OCNプランは「フレッツADSL」
・ホームページビルダーV１１使用
・ホームページビルダー内『転送設定』変更済み
（「プロバイダ選択」「WEBサーバー名」「WEBアカウント」「WEBパスワード」「転送先フォルダ」各種設定、おそらく合っていると思います…）

症状～
転送ファイルを選んで[転送]ボタンが出る画面までは進めるのですが、クリックして「ファイル転送中」の窓が出たとたん、ホームページビルダー自体が固まってしまいます。
（以前だったら、横長に青いゲージが伸びていくのですが、何の反応も示さないまま止まっており、タスクマネージャーで操作しないとビルダーも閉じれないような状況です。）

参考になるかどうか分かりませんが…
別口で、fc2でもホームぺージビルダーで作ったサイトを持っているのですが、これらは普通に更新することが出来ました。

ビルダー操作的な問題なのでしょうか？
OCN側の問題なのでしょうか？
環境にもるものなのでしょうか？

いろいろと試してみたのですがさっぱり分からないので、質問させてもらいました。
よろしくお願いします！！　

[まるす]　08/10/23 (木) 03:38

No.9839　Re:ホームページビルダーで転送が出来ません。

この質問は、HP作成と言うよりビルダー関係（ソフト）の質問ですね。

今回のようなトラブルは経験がないと答えられません。
ビルダーのFTP転送は自動化が進みすぎて何が問題でそのような問題が発生するのか手掛かりがありません。

特定のソフトの質問であれば、ここではなく、ビルダー関係の掲示板で質問されるほうがずっと早道ですよ。

[atom]　08/10/23 (木) 08:06

No.9840　Re^2:ホームページビルダーで転送が出来ません。

レスありがとうございました。
ビルダー関係の掲示板を探してみます。

[まるす]　08/10/23 (木) 19:26

No.9841　テンプレートのテーブルタグがいじれない

http://komachi.erimo.net/
のサイトにある、
No.012-b
Darksky
をダウンロードしたんですが、上のテーブルのタグが、
<table cellspacing="0" cellpadding="0" id="menu"><tr><td style="border-left-width:0">
となっていて、これを含めて四つ<td>があったんですが、
これを6つに増やしたら、4つが正常に、残りの二つが縦に狭く並んでしまいました。それぞれ<td>タグにwidth="16%"（１７％）を加えてみたのですが、上手くいきませんでした。
6つリンクを横に並べるにはどうしたらいいでしょうか？

まだアップしてないので、アドレスはありません

[ひにせ]　08/10/30 (木) 21:58

No.9842　Re:テンプレートのテーブルタグがいじれない

相手先のソースを覗きましたが、非常にわかりづらい記述をしています。

セルは<td>で始まり、</td>で終了します。
ところが先方のソースは、行を跨いで、

<a href="#">ABOUT</a></td><td>

こんな記述になっています。

先方のソースはタグの意味がわかってないと使えません。
タグの意味をきちんと理解しましょう。

ここのサイトの「HTMLの解説」のテーブル関係をよく読んで理解した後、改造しましょう。
またタグが読めないなら、改造は無理です。

もしくは、ここのサイトで紹介しているHP作成ソフトなどを利用するか．．

[atom]　08/10/30 (木) 22:18

No.9843　Re^2:テンプレートのテーブルタグがいじれない

回答ありがとうございます。
よく見たらスタイル形式で、そっちをいじくって解決しました

[ひにせ]　08/10/31 (金) 19:24

No.9844　スクロールバーが・・・・

はじめまして。ストライクＤといいます。先日ｆｃ２でホームページを作ってみました。まだコンテンツは少ないのですが、これからゆっくりと増やそうと思っています。
さて質問なんですが、ぼくはalphaEDITを使ってホームページを作っているんですが、ブラウザの大きさによっては文章が改行されてしまいます。横方向のスクロールバーはどのようにすればつけられるでしょうか？ご指導お願いします。

[ストライクＤ]　08/11/02 (日) 23:30

No.9845　Re:スクロールバーが・・・・

横スクロールバーは、ブラウザの横幅に入りきらない場合、自動的に表示されます。
文字だけの文章の場合、ブラウザの横幅にあわせて文字が自動的に折り返されます。

本来これが親切な設計です。

横スクロールバーが入る事は、見る側にいらない操作を余分にさせる事になりますから、とてもわずらわしいもので、不親切な設計ですね。

それでもあえてそのようにしたいのなら、
初心者が簡単に行える方法は、テーブルを使い、その横幅を指定し、その中に文章を入れると実現できます。
テーブルで横幅を指定しているので、ブラウザの横幅が小さくなろうとも、文字は折り返さず、横スクロールバーが表示されます。

将来的には、横スクロールバーよりも、文字を折り返す方のデザインを考えたほうがいいでしょう。

[atom]　08/11/03 (月) 09:00

No.9846　Re^2:スクロールバーが・・・・

そうなんですか！これからはその様な点も、しっかり考えてホームページを作りたいと思います。
ご指導ありがとうございます。

[ストライクＤ]　08/11/03 (月) 23:12

No.9851　マウスカーソルの動きでスクロール

縦幅は表示画面最大以下で横長のサイトを作りたいのですが、横にスクロールしてもらうために、ホイールを回転させたら横に進むようにしたいと思ったのですが、それ以上にマウスカーソルを移動すればそれにページがついてくるようにしたいと思いました。可能でしょうか？

[まりん]　08/12/03 (水) 21:14

No.9852　Re:マウスカーソルの動きでスクロール

Javascriptを使用すれば可能だと思います。

そんな複雑で不便なものは私では解説できませんし、そのようなものは必要性があると思われないので、サンプル自体もないと思いますね。

ご自分で勉強して設置するしかないと思います。

[atom]　08/12/03 (水) 21:51

No.9853　Re^2:マウスカーソルの動きでスクロール

ありがとうございます^^
もう少し質問しながら勉強していきます。
　
もう少し入った質問なんですが、
<HTML>
<HEAD>

<style type="text/css">
#item {position:absolute; visibility:hidden; left:0px}
</style>

<SCRIPT LANGUAGE="JavaScript">
<!--
var isNSC=(document.layers);
var is_all=(isNSC)? '' : 'all.' ;
var is_style=(isNSC)? '' : '.style' ;
var is_visible=(isNSC)? 'show' : 'visible';
var win_wd, win_ht, item, true_scroll=false, for_down;
function init(){
item=eval('document.'+is_all+'item'+is_style);
get_win_size();
item.visibility=is_visible;
scrl_page();
}
function get_win_size() {
win_wd=(isNSC)? window.innerWidth-5 : document.body.clientWidth;
win_ht=(isNSC)? window.innerHeight : document.body.clientHeight;
(isNSC)? item.clip.width=42: item.width=42;
(isNSC)? item.clip.height=20 : item.height=20;
mv_item();
}
function resize_NSC() {
setTimeout('document.location.reload()',400);
}
function mv_item() {
if (isNSC) {
item.moveTo((pageXOffset+win_wd-120),(win_ht+pageYOffset-120))
}else{
item.pixelLeft=document.body.scrollLeft+win_wd-120;
item.pixelTop=win_ht+document.body.scrollTop-120;
}
}
window.onload=init;
(isNSC) ? window.onresize=resize_NSC : window.onresize=get_win_size ;
function scrl_page() {
status = '';
if (true_scroll) {
if (for_down) {
(isNSC)? window.scrollBy(0,4) : window.scrollBy(0,4) ;
} else {
(isNSC)? window.scrollBy(0,-4) : window.scrollBy(0,-4) ;
}
}
mv_item();
setTimeout('scrl_page()', 20);
}
//-->
</script>

</HEAD>
<BODY>
<div id="item">
<a href="javascript:void(0)" onMouseover="true_scroll=true;
for_down=false" onMouseout="true_scroll=false">
<img src="up.gif" border="0"></a>


<a href="javascript:void(0)" onMouseover="true_scroll=true; for_down=true"
onMouseout="true_scroll=false"><img src="down.gif" border="0"></a>
</div>
<table border=0>
<tr><td>


</td></tr>
</table>
</BODY>
</HTML>

これでオンマウスでスクロールは可能みたいなのですが、動くメニューが右下に表示されていて不便です。
動くメニュー(ｽｸﾛｰﾙに追いかけてくる)を二箇所に分けて設置したり、画面の左右半分ずつに設置したりは出来ないでしょうか？

質問わかりにくくてすみません。
ﾌﾗｯｼｭで作成されているサイトがあったのでイメージとして載せておきます

[まりん]　08/12/04 (木) 16:25

No.9854　Re^3:マウスカーソルの動きでスクロール

出来なくはないでしょうが、かなり試行錯誤しながら作って行くしかないでしょうね。

ご自分で作成されたものや、単純なものならアドバイスもできるのですが、複雑なものや配布物の改造は、アドバイスがし難いですね。

今回のご質問は、質問と言うより、javascriptの作成依頼という感じです。
残念ですが、私ではちょっとご期待には添えません。

[atom]　08/12/04 (木) 18:41

No.9857　Re^4:マウスカーソルの動きでスクロール

ありがとうございます
できなくはない。ですか。
やってみます。
この件についてはこのくらいで終わりますね。
他の質問については別に質問します。

[まりん]　08/12/05 (金) 20:43

No.9862　ロゴ横の一行だけの背景色を変えるには？

HTMLの学習のために既にあるサイトを勝手ながら真似てソースを手書きしてみました。

例えば下記サイト
http://gshop2.com/main/
において

ロゴの右に「G-SHOP モバイルは、携帯電話白ロムの買取り販売サイトです。」とあります。

<P ALIGN=RIGHT><IMG SRC="logo.jpg" ALT="GS MOBILE" ALIGN=LEFT WIDTH=352 HEIGHT=55 BORDER=0><FONT SIZE=1>G-SHOP モバイルは、携帯電話白ロムの買取り販売サイトです。</FONT><BR CLEAR=LEFT>
</P>

と記述すると、ロゴの右が青くなりません。

背景色を指定するとページ全体の背景色が変わってしまいます。

このサイトのように、ロゴの青い部分とうまく繋がるように文字の部分まで青くするにはどうすればよいのでしょうか。

初心者で下らない質問ですが、どなたかお答えください。
よろしくお願いします。

[まこじ]　09/01/27 (火) 22:30

No.9863　Re:ロゴ横の一行だけの背景色を変えるには？

単純に、スタイルシートを使い、ヘッダ（ロゴ）の部分の背景色だけ指定すればいいのでしょ？

[atom]　09/01/28 (水) 07:54

No.9864　Re^2:ロゴ横の一行だけの背景色を変えるには？

> 単純に、スタイルシートを使い、ヘッダ（ロゴ）の部分の背景色だけ指定すればいいのでしょ？

ありがとうございます。出来ました。

[まこじ]　09/01/29 (木) 12:34

No.9865　tableの両側に影を付けたい

HTMLの学習のために既にある下記のサイトを勝手ながら真似ています。
　　http://gshop2.com/main/

画面の中央に内容を配置するために、内容の殆んどをtable内に記述して、<table align=center>としました。

さて、元のHPでは中央に配置した内容の右、下、左を取り巻くようにして影が付いています。

最初に
filter:progid:DXImageTransform.Microsoft.Shadow(Color=blue,Strength=20,Direction=90);
filter:progid:DXImageTransform.Microsoft.Shadow(Color=blue,Strength=20,Direction=270);
としてみましたが、後の文によって先の文が訂正されてしまうのか、tableの両側に影が出来ません。

次に
filter:progid:DXImageTransform.Microsoft.Glow(Color=blue,Strength=20);
とした状態が添付ファイルです。

影が四方に出来てしまい、ページ最上段を左から右へ横断しているバーの上にまで影が出てしまいました。HPアドレスの状態です。

どうすれば三方にだけ影を出すことが出来るでしょうか。

[まこじ]　09/01/29 (木) 14:12

No.9866　Re:tableの両側に影を付けたい

今回のフィルターは定義が全く同じなので、当然、どんどん上書きされます。

参考にされてるページを詳しく見たわけではないので、はっきりとはいえませんが、一般的には画像を背景に埋め込む方法で行います。

左側、右側、下側の画像を横幅にあわせて、それぞれ別々に作り、それぞれ3つの背景に埋め込む方法です。

左右の幅、上下の高さが常に固定なら、そのボックスと同じ画像を作って、全体の背景に埋め込めば可能です。

[atom]　09/01/29 (木) 15:49

No.9869　Re^2:tableの両側に影を付けたい

table両側の影にカーソルを置いて右クリック。「名前を付けて背景を保存」とすると、wrapper_01.gifというファイル名がデフォルトで入ってくるので、多分に元のサイトもatomさんがご指摘のように、影を予め画像として用意することでtable両側の影を実現しているようです。

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

[まこじ]　09/02/01 (日) 15:07

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

page update：2010/08/23 23:34

Home ↑ページトップ