• 締切済み

アップロードするとレイアウトが崩れる

前にも質問させていただいたのですが、まだ解決していません。 FC２でアップロードはできたのですが、HTMLがデスクトップ上ではちゃんとみれたのに、 サーバーにアップしたら表示されません。 FFFTPでアップロードする際になにか作業をしないといけないことがあるのかわからないのですが・・・。HTMLのどこを変えたら他の方からもホームページが見れるのかわからないので、 HTMLの中身を一部追記するので、どの部分を変えたらいいのか教えて下さい。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="root/css/top.css" rel="stylesheet type="text/css"> <title>パーティ専門アイス本舗</title> </head> <body link="#61503e" vlink="#61503e" alink="#aaaa"> <div id="wrapper"> <div id="header"> <p>パーティ専門アイス本舗は、パーティや記念日などに便利な2リットルサイズの業務用アイスを販売しています。数あるフレーバーからお好きなセットをお選びください。</p> <h1><img src="root/images/logo_ice.gif" width="450" height="60" /></h1> <p id="kaimono"><a href="#"><img src="root/images/idx_btn_cart.gif" width="180" height="30" alt="kaimono" /></a></p> <ul id="menu_navi"> <li><img src="root/images/gnavi_btn01.jpg" width="158" height="25" alt="home" /></li> <li><img src="root/images/gnavi_btn02.jpg" width="158" height="25" alt="syouhin" /></li> <li><img src="root/images/gnavi_btn03.jpg" width="159" height="25" alt="kaimono" /></li> <li><img src="root/images/gnavi_btn04.jpg" width="159" height="25" alt="shiharai" /></li> <li><img src="root/images/gnavi_btn05.jpg" width="158" height="25" alt="faq" /></li> <li><img src="root/images/gnavi_btn06.jpg" width="158" height="25" alt="mailmagazine" /></li> </ul> </div><!-- //header --> <div id="page_body"> <div id="side"> <div id="kensaku"> <form method="post" action="http://test.com/text.cgi"> <p>商品名や種類で検索</p> <p><input type="text" name="kensaku" size=20"></p> <p id="kensaku_form"><input type="submit" value="検索"></p> </form> </div> <p id="tokushu"><a href="#"><img src="root/images/Untitled-5_03_03.jpg" width="180" height="120" alt="tokushu" /></a></p> <div id="prodact_side"> <div class="section1"> <p><img src="root/images/idx_menu_ph01.jpg" width="63" height="35" alt="apple" /></p> <p class="right"><a href="#"> ストロベリー</a></p> </div> <div class="section1"> <p><img src="root/images/idx_menu_ph02.jpg" width="63" height="35" alt="ugi" /></p> <p class="right"><a href="#"> 宇治抹茶</a></p> </div> <div class="section1"> <p><img src="root/images/idx_menu_ph03jpg.jpg" width="63" height="35" alt="chocoship" /></p> <p class="right"><a href="#"> チョコチップ</a></p> </div> <div class="section1"> <p><img src="root/images/idx_menu_ph04.jpg" width="63" height="35" alt="berugi" /></p> <p class="right"><a href="#"> ベルギーチョコ</a></p> </div> <div class="section1"> <p><img src="root/images/idx_menu_ph05.jpg" width="63" height="35" alt="cookie" /></p> <p class="right"><a href="#"> キャラメルクッキー</a></p> </div> <div class="section1"> <p><img src="root/images/idx_menu_ph06.jpg" width="63" height="35" alt="banira" /></p> <p class="right"><a href="#"> バニラ</a></p> </div> <div class="section1"> <p><img src="root/images/idx_menu_ph07.jpg" width="63" height="35" alt="pain" /></p> <p class="right"><a href="#"> パイナップル</a></p> </div> <div class="section1"> <p><img src="root/images/idx_menu_ph08.jpg" width="63" height="35" alt="apple" /></p> <p class="right"><a href="#"> アップル</a></p> </div> <div class="section1"> <

  • HTML
  • 回答数3
  • ありがとう数0

みんなの回答

  • abacabu
  • ベストアンサー率37% (250/663)
回答No.3

独学でWEBサイトを作成している者です。 まずはじめにXHTML構文誤りを指摘させて頂きます。 <head>内部の<link>も閉じタグが無いので空要素と思って下さい。 当然<link****** />となります。あと本文中の<imput***** />も同様です。 後リンク。 まぁどっちでもいいんですが./root/***としてもroot/***としてもいいっちゃ良いんですが、 こういう書き方をすると言う事はそのアップロードした先のディレクトリに、 rootというディレクトリが有ってその中に全て入っているってことですかね？ あと./これ付けた方がいいですよ？正しい指定方法として。 XHTMLは構文が間違ってるとちゃんと機能しませんので、ローカルのブラウザ表示でまともに表示できた というのもおかしな話です。ブラウザ自体は変わらないのだから(同一の物を使用の場合)変化するはずがないです。 FTPの設定といえばCGI関係のフォルダ、.cgiファイル、.dat or .txtなどのデータ保存ファイルなどは 環境設定等で属性設定というか実行権限を指定しなければ機能しません。 特にサーバーで指定がない場合、.cgiは７５５、.dat or .txtは６６６、フォルダは７７７と数値で指定します。 これによってサーバーでCGIが機能するようになります。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

質問が読み取れません。 titleは「アップロードするとレイアウトが崩れる」ですが、文中では「サーバーにアップしたら表示されません。」や「HTMLのどこを変えたら他の方からもホームページが見れるのかわからない」 　これって矛盾してませんか？「表示されない」のに「レイアウトが崩れている」はわからないはずです。 　画像などはちゃんと表示されるのかとか・・症状を正確に記述してください。 　

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

パスに書かれてる"root"が怪しいと思います。 "root"と同階層にindex.htmlがあるのだから（そうですよね？）"root"はいらないはず。 <img src="root/images/idx_menu_ph07.jpg"～ ↑このパス指定だとindex.htmlは"root"の一つ上の階層になければいけない。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する