アプリ版：「スタンプのみでお礼する」機能のリリースについて

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

締切済

  • 質問者：mimura0906
  • 質問日時：
  • 回答数：3件

前にも質問させていただいたのですが、まだ解決していません。
FC２でアップロードはできたのですが、HTMLがデスクトップ上ではちゃんとみれたのに、
サーバーにアップしたら表示されません。


FFFTPでアップロードする際になにか作業をしないといけないことがあるのかわからないのですが・・・。HTMLのどこを変えたら他の方からもホームページが見れるのかわからないので、
HTMLの中身を一部追記するので、どの部分を変えたらいいのか教えて下さい。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<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">
<

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3

  • 回答者： abacabu
  • 回答日時：

独学でWEBサイトを作成している者です。


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

No.2

  • 回答者： ORUKA1951
  • 回答日時：

質問が読み取れません。


titleは「アップロードするとレイアウトが崩れる」ですが、文中では「サーバーにアップしたら表示されません。」や「HTMLのどこを変えたら他の方からもホームページが見れるのかわからない」

　これって矛盾してませんか？「表示されない」のに「レイアウトが崩れている」はわからないはずです。

　画像などはちゃんと表示されるのかとか・・症状を正確に記述してください。
　
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： torayoshi
  • 回答日時：

パスに書かれてる"root"が怪しいと思います。


"root"と同階層にindex.htmlがあるのだから（そうですよね？）"root"はいらないはず。

<img src="root/images/idx_menu_ph07.jpg"～
↑このパス指定だとindex.htmlは"root"の一つ上の階層になければいけない。
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報