• ベストアンサー

■ホームページ作成■htmlフォルダ間の移動の仕方が分かりません

myorenjiの回答

  • myorenji
  • ベストアンサー率25% (2/8)
回答No.1

「C」と「B」が同階層のフォルダなら、「C」にあるhtmlからのリンクも <img src="B/D.gif"> とすれば良いと思いますが。 違っていたらごめんなさい。

関連するQ&A

  • 編集HTMLファイルを別のフォルダに移動させるのですが…

     OSはMEです。  たとえば、WEB上のHP(ファイル名を[A]とします)をフォルダ[B]にダウンロードしますと、フォルダ[B]にはファイル名[A]のhtmlファイル(A.html)とフォルダ[A.files]ができます。  [A.html]ファイルだけをドラッグ&ドロップして他のフォルダ(ディレクトリ)に移動しても、フォルダ[A.files]も一緒についてきます。  そこで、[A.html]の名前を[C.html]に変更して、[C.html](元の[A.html])ファイル中に引用されている[A.files]を全て[C.files]に変更し、[A.files]のフォルダ名も全て[C.files]に変更したとします。  [例] 《HTMLのファイル名》[A.html]→[C.html] 《HTMLファイル》  (編集前)<IMG src="A.files\photo.gif>             ↓  (編集後)<IMG src="C.files\photo.gif> 《対象フォルダ》(編集前)A.files               ↓         (編集後)C.files  この場合、上の[C.html](元の[A.html])ファイルだけをドラッグ&ドロップして他のディレクトリに移動すると、[C.files]はついて行きません。  [C.html]ファイルだけを移動させても、[C.files]ファイルも一緒について行く方法を教えてください。できましたら理由もお願いします。

  • preg_match_allで正規表現

    preg_match_allにて、次のように<img>が連続したソースから、 ※URLは全てダミーです <img src="http://a.com/a/a.jpg"><img width="10" src='http://b.com/b/b.gif' height="10"><img width="10" height="10" src='http://c.com/c/c.png"><img src=http://d.com/d/d.jpg><img src="http://e.com/hogefuga/e.jpg"> 個々のimgタグ全体と"<img~>"、 個々のsrc="~"のURLを抽出したいのですが、下記の条件でマッチさせることはできるでしょうか? 1. imgの属性位置・有無に問わず 2. 属性のくくりが、'" のどちらでも、または有無に問わず 3. src=~内に、"hogefuga"を含まないものにだけマッチ(否定形) 次のような正規表現で試したところ、 $pattern = '/<img.*?src=(\'|")?((?(?!hogefuga).)*\.(jpg|gif|png))(\'|")?.*?>/i'; 下のようにimgタグが1行づつ並んでいる場合は上手くいったのですが、連続して並んでいる場合は個々の、"<img~>"でマッチされませんでした。 ※URLは全てダミーです <img src="http://a.com/a/a.jpg"> <img width="10" src='http://b.com/b/b.gif' height="10"> <img width="10" height="10" src='http://c.com/c/c.png"> <img src=http://d.com/d/d.jpg> <img src="http://e.com/hogefuga/e.jpg"> 最終的にはsrc="~"のURLに応じて、画像をテキストリンクへ置換する、ということをしたいのですが、正規表現がよくわからず試行錯誤しています。 このような場合はどのような正規表現を書くべきなのでしょうか? どうぞよろしくお願いします。

    • ベストアンサー
    • PHP
  • 外部ファイルの記述の仕方

    HTMLにリンクを指定している画像にマウスが重なったときに画像を変化するようにHTML文法にJavaScriptを指定しているのですが、外部ファイル化したいのですがどのように記述すればよいでしょうか? <a href="1.html"> <img src="menu01.gif" onMouseOver="this.src=\'menu11.gif\'" onMouseOut="this.src=\'menu01.gif\'" height="30" width="138" > </a> <a href="2.html"> <img src="menu02.gif" onMouseOver="this.src=\'menu12.gif\'" onMouseOut="this.src=\'menu02.gif\'" height="30" width="138" > </a>

  • 作成したホームページの保存の仕方とリンクに付きまして

    ちなみに、ソフトはビルダー6.5で、OSはXPです。 一つのHPサイトに写真を複数枚使いまして、それを18ページ作成したいと考えております。 其の場合の保存の仕方に付きまして、以下の方法で、リンクの設定、もしくは、アップロードをする際に不都合がないかどうかをアドバイス下さい。 1)18ページのサイトを保存しておくホルダー「A」を作りました。 2)其の中に、それぞれのページごとのホルダーを「1」~「18」まで作成しました。 3)この状況では、もちろん「index.html」ページから「18」ページまでのそれぞれのページの写真とか、ロゴとかの素材も、それぞれのページごとに分かれて保存します。もちろんTopページから、各ページには、リンクを貼っています。 確認内容  A)リンク設定の有効性に付きまして  ここで確認させていただきたいとのですが、実際には、現在作成途中なのですが、Topページと各ページとの間にリンクを貼っているのですが、リンクが設定出来ないように思います。 この状態では、リンクを設定した場合に、Aフォルダーの中の各フォルダーをまたいで、其の中のファイルに対してのリンクということになりますが、不都合なくリンクは設定できるのでしょうか。 それとも、リンク設定を前提にすれば、Aフォルダーの中を細分化せずに、保存したほうがいいのでしょうか。 B)それと、これらのファイルをアップロードする際に、同じように、Aフォルダーの中にTopから最後のページまでを保存していたほうがいいのでしょうか。 C)フォルダーを細分化したのは、画像枚数を含めて、素材ファイルがかなりのボリュームになりますので、細分化したほうがいいのではないかと思っただけですが。 以上よろしくお願いいたします。

  • 1つの画像オンマウスで3つの画像を切り替えたい!

    現在、下記のような感じで一つの画像オンマウスでその画像を含む3つの画像が切り替わるようにしています。 ---------------------------------- <a href="#" onMouseOver="11111.src='a.gif';22222.src='b.gif';33333.src='c.gif'" onMouseOut="11111.src='a_01.gif';22222.src='b_01.gif';33333.src='c_03.gif'"><img src="aaaaaa.gif" alt="" width="94" height="32" border="0" name="11111" /></a> <img src="b_01.gif" alt="" width="572" height="50" name="22222" /> <img src="c_01.gif" alt="" width="96" height="32" border="0" name="33333" /> ---------------------------------- IE6だと、きちんと表示されるのですが、 Firefoxだと表示がおかしくなります。 改善方法はありませんでしょうか? 助けてください!

  • 画像の切り替えの記述形式について

    <a href="#A" onclick="document.A.src='../img/gif/B1.gif'"><img src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" /></a> 画像としてA1.gifがあるのですが、A1.gifを押すと、リンク先のB1.gifが呼び出されて、変更されるというスクリプトになっています。 上のような記述をしているのですが、この場合、指定している#Aのアンカーリンクを指定しているため、画像を押す事に移動してしまいます。移動をしないようにするにはどうしたらいいですか? <a href="javascript:openURL('URL');"><img></a> このような形式で、アンカーリンクにならずに、上のような操作が可能になるという話を聞きました。 こういう場合、どのように記述したらいいですか?

  • リンク先を動的に変えたい

    CGギャラリーを考えています。 サムネイルクリックで拡大画像が切り替わり、 ダウンロードボタンで適宜選ばれたPDFを別ウィンドウで開く仕組みです。 サムネイルクリックで拡大画像が切り替わるのは完成したのですが それに対応したPDFにリンクする部分がうまく作れません。 どうぞご教授お願いします。 //クリックされたサムネイルによって拡大画像を切り替え function myChgPic(myPic){ document.images["myImage"].src = myPic; } //サムネイルで選ばれた画像によってリンク先を変更 function myChgLink(){ window.open ("A.pdf"); //↑この飛び先を、myPicによってA.pdf、B.pdf、C.pdfと変更したい } //サムネイル <img src="A-s.gif" onclick="myChgPic('A-l.gif')"> <img src="B-s.gif" onclick="myChgPic('B-l.gif')"> <img src="C-s.gif" onclick="myChgPic('C-l.gif')"> //拡大画像 <img src="A-l.gif" name="myImage"> //ダウンロードボタン <a href="Javascript:myChgLink()"><img src="dl.gif"></a>

  • 画像の間隔を詰めたい

    以下の画像の間隔を詰めたいのですがb-95.gifとその左右にあるb-305.gifとの間隔が埋まりません。 この画像はアイコンで、提供してくれるサイトにある見本ではちゃんと 感覚が埋まっているのですが、どうすればいいのでしょうか? <img src="hiyo_43.gif"> <img src="b-325.gif"><img src="b-305.gif"> <a href="index.html"> <img src="b-95.gif" border="0" onmouseover="this .src='b-105.gif'"> </a> <img src="b-305.gif"><img src="b-102.gif">

    • ベストアンサー
    • HTML
  • 半透明なGIFの作成方法

    半透明(下の絵が透けて見える)GIF画像の作り方を教えてください。 今、私が使っているFireworks4です。 具体的には、下記HTMLファイルにて、 a.gifファイルの絵が、b.gifファイルの絵上から 透けて見えるようなものです。 <html> <head></head> <body background="a.gif"> <img src="b.gif"> </body> </html> よろしくお願いいたします。

  • サブウィンドウの画像を入れ替える

    初心者です。よろしくお願いします。 親ウィンドウからテキストリンクでサブウィンドウを開きます。 サブウィンドウには、基本的に2種類の画像があります。 親ウィンドウのテキストリンクは3種類(A、B、C)あり、Aのリンクをクリックしたときには、サブウィンドウの <img src="images/x_01.gif" name="sozai01" alt="" width="469" height="142"> <img src="images/x_02.gif" name="sozai02" alt="" width="469" height="142"> の2つの画像をそれぞれ指定する同じ大きさの画像(images/a_01.gifとimages/a_02.gif)に替えたいのですが、どうしたらいいのかさっぱりわかりません。どなたか教えていただけますでしょうか?