• 締切済み

Filezillaでソースを編集 → 崩れる

Filezillaからソースを編集( Dreamweaver使用 )した際に、 サイトのソースの表示が崩れてしまいます。 ( 表示させたい例 ) <dl class="news"> <h2>&nbsp;行事日程</h2> <dt>○月×日</dt> <dd>文化祭の日程について更新</dd> <dt>○月×日</dt> <dd>文化祭の日程について更新</dd>... ( 実際表示される例 ) <dl class="news"> <h2>&nbsp;行事日程</h2> <dt>○月×日</dt> <dd>文化祭の日程について更新</dd> <dt>○月×日</dt>  <dd>文化祭の日程について更新</dd> <dt>○月×日</dt> ... Dreamweaver上では表示させたい例のように、表示されているのですが、 サイトに行き、右クリック→ソースの表示で見るとレイアウトが崩れています。 この件に関し、対処の仕方を知っている方がいましたら、教えて頂けると幸いです。 回答の程、よろしくお願い申し上げます。

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

みんなの回答

  • kmee
  • ベストアンサー率55% (1857/3366)
回答No.1

改行コードの違いだと思われます。 「右クリック→ソースの表示」で表示されるのは、どのアプリケーションのものでしょうか? たとえば、Windowsのメモ帳は LFが改行だと、改行として機能しません。

wasppp
質問者

補足

回答ありがとうございます。 申し訳ないのですが、どのアプリケーションで見ているか、わかりません。 使用しているパソコンはMacです。 ソースを表示した際のURLはview-source:..となっております。 使用ブラウザはGoogle Choromeです。 ( Firefoxで試したところ、正常に表示されました。) ただ、FileZillaから編集する以前に、アップロードした際は、 Google Chorome上でソースを表示しても、崩れはありませんでした。 編集中に改行コードが変わってしまっているということなのでしょうか?

関連するQ&A

  • HTMLテキストを編集する際に、「&nbsp;」が「?」になってしまいます

    web上のHTMLテキストを、handleText()を用いてタグとタグにはさまれたテキストのみを取り出そうと思っています。 しかし「&nbsp;」が「?」になってしまうのです。 たとえば、 <html> <body> &nbsp;3&nbsp;月&nbsp;27nbsp;日 </body> </html> と書かれたHTMLソースがあると、handleText()で取り出すと、「?3?月?27?日」となってしまいます。 どうすれば「&nbsp;」を「?」と表示させずに、「3月27日」と表示させることができるのしょうか? よろしくお願いします。

  • 定義リスト

    質問です。 定義リストに関してですが、<dt>タグに対して複数の<dd>タグは使用可能でしょうか? 例) <dl> <dt>見出し</dt> <dd>コメント1</dd> <dd>コメント2</dd> </dl> HTMLソースチェックをしたところエラーにはなりませんでした。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • ボックスに高さが設定できません。

    h4タグに高さを設定して、そのボックスの一番下に文を表示させたいのですが、幅は設定できるのですが、高さが変わりません。 #wrapperの中の#contentsの中の#subconの中の#menuの中に下記のようにしています。 <h4>~</h4> <dl> <dt>~</dt> <dd>~</dd> </dl> <h4>~</h4> <dl> <dt>~</dt> <dd>~</dd> </dl> と、これをあと三回くらい繰り返しています。 <dl>や<dt>や<dd>には高さを設定できます。 なぜでしょうか? これでわかるでしょうか? お願いします。

    • ベストアンサー
    • HTML
  • はじめて質問させていただきます!

    はじめて質問させていただきます! 宜しくお願い申し上げます! 友人にajaxでmysqlから最新の1件のニュースデータを引っ張り出して表示させるphpスクリプトを作ってもらいました。 こんな感じになります。 <!---ここからがスクリプトで---> <?php $i = 0; foreach ($news as $thenews): $class = null; if ($i++ % 2 == 0) { $class = ' class="altrow"'; } ?> <dl> <dt> <?php echo $my->df($thenews['News']['date'],"Y.m.d"); ?>【<?php echo $thenews['News']['title']; ?>】</dt> <dd> <div style="height: 60px; overflow-y: auto;"> <?php echo $thenews['News']['body']; ?> </div> </dd> </dl> <hr /> <?php endforeach; ?> <dl> <dt><a href="news/">■過去のニュースはこちら</a></dt> </dl> <!---ここまでで終りっす---> このスクリプトを変えて、最新の2件のニュースデータを引っ張り出して表示させようと思って、こんな風にしてみたのですが、こうすると同じニュース(最新の1件)が2個表示されてしまいました。 <!---ここからがスクリプトで---> <?php $i = 0; foreach ($news as $thenews): $class = null; if ($i++ % 2 == 0) { $class = ' class="altrow"'; } ?> <dl> <dt> <?php echo $my->df($thenews['News']['date'],"Y.m.d"); ?>【<?php echo $thenews['News']['title']; ?>】</dt> <dd> <div style="height: 60px; overflow-y: auto;"> <?php echo $thenews['News']['body']; ?> </div> </dd> <dt> <?php echo $my->df($thenews['News']['date'],"Y.m.d"); ?>【<?php echo $thenews['News']['title']; ?>】</dt> <dd> <div style="height: 60px; overflow-y: auto;"> <?php echo $thenews['News']['body']; ?> </div> </dd> </dl> <hr /> <?php endforeach; ?> <dl> <dt><a href="news/">■過去のニュースはこちら</a></dt> </dl> <!---ここまでで終りっす---> 当の友人に直してもらおうと連絡してみても、音信不通でメールも帰ってこない状態なので困ってしまい、こちらに質問させていただきました。 こんなソース見ても、わからないのかも知れませんが、もし参考になるようなご意見をいただけましたら幸いです! 何卒、宜しくお願い申し上げます。

    • 締切済み
    • PHP
  • CSSを使ってスクロールバーつきのボックスを作成していますが、設定が一

    CSSを使ってスクロールバーつきのボックスを作成していますが、設定が一部反映されません。 詳しい方ご教授願います!! ・スクロールバーが出ずに指定した高さを超えてデカデカと表示される ・ボックスを囲む線が表示されない ・その他の設定(余白、色、フォント・・・)は指定通り表示される 外部CSSの記述は下記の通りです。 ----------------------------------- #main dl.info { height: 130px; overflow: auto; margin-right: auto; margin-left: auto; padding: 10px; border: 1px solid #cccccc; margin-bottom: 1em; } #main dl.info dt { font-weight: bold; float: left; } #main dl.info dd { border-bottom: 1px solid #cccccc; padding-left: 8em; } ----------------------------------- ちなみに、mainは下記の通りです。 ----------------------------------- #main { float: left; margin-top: 20px; margin-left: 40px; width: 500px; } #main h2 { font-size: 110%; background-image: url(images/h2bg.gif); background-repeat: no-repeat; background-position: bottom; padding-left: 10px; color: #696969; clear: both; } #main p { padding: 2px; } ----------------------------------- htmlファイルへの記述は下記の通りです。 ----------------------------------- <div id="main"> <h2>更新情報</h2> <dl class="info"> <dt>2010/11/11</dt> <dd>ここに文章</dd> <dt>2010/11/11</dt> <dd>ここに文章</dd> <dt>2010/11/11</dt> <dd>ここに文章</dd> <dt>2010/11/11</dt> <dd>ここに文章</dd> <dt>2010/11/11</dt> <dd>ここに文章</dd> <dt>2010/11/11</dt> <dd>ここに文章</dd> <dt>2010/11/11</dt> <dd>ここに文章</dd> </dl> </div> <!--/main--> ----------------------------------- いくら見直しても書き直してみても、直りません・・・ きっと私がどこか抜けているか間違っているのだと思うのですが・・・ 宜しくお願い致します!

  • 角丸教えてください。

    HTMLを勉強しています。 下記にソースに丸みを帯びたセルをつけたいのですが わかりません。 わかりやすくおしえていだけないでしょうか? よろしくお願いいたします。 HTML <div class="item-group"> <h3><img src="URL" alt="商品別検索" /><p> </p><td height="400" bgcolor="#c0c0c0"> </h3> <dl> <dt>▼test</dt> <dd><a href="http://URL">・てすと</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼test</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼作成中</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dt>▼作成中</dt> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><a href="http://">・★★★</a></dd> <dd><p><a href="http://★★★/">商品一覧</a></p></dd> </dl> </div> になります

    • ベストアンサー
    • HTML
  • <dl><dt>タグ使用時、インデントが生じない

    こんにちは。 <dl><dt><dd>タグを使った文章で、 よく、説明部分の字下げが生じないことが あります。 今回、 <img src="5.gif" style="float:left;"> <dl> <dt>作品例です。</dt> <dd>こんなものを作っています。</dd> </dl> <br clear="left"> というコードで、<dt>と<dd>部分が 並んで表示されます。 何度か、こういうことが生じて、 非常に困っています。 なにが、原因でしょうか。 何か分かる人がいましたら、 よろしくお願いします。

    • ベストアンサー
    • HTML
  • フォームデータの内容が確認画面で反映されません。

    フォームデータの内容が確認画面で反映されません。当方素人ですので優しくお答えいただけますと幸いです。 まず入力画面がこちら。 <dt>御社名 <span class="must">&#8251;必須</span></dt> <dd><input type="text" class="inputs" name="company_name" placeholder="例)wash life" value="<?php echo form_field["company_name"]; ?>"></dd> <dt>住所 <span class="must">&#8251;必須</span></dt> <dd><input type="text" class="inputs" name="aaa" placeholder="例)大阪市中央区" value="<?php echo $form_field["aaa"]; ?>"></dd> <dt>購入代理店名又は担当者名<span class="must">&#8251;必須</span></dt> <dd id="_field_your_name"><input type="text" class="inputs" name="your_name" value="<?php echo $form_field["your_name"]; ?>" placeholder="例)田中太郎"></dd> <dt>お名前<span class="must">&#8251;必須</span></dt> <dd id="_field_user_name"><input type="text" class="inputs" name="user_name" value="<?php echo $form_field["user_name"]; ?>" placeholder="例)山田太郎" value=""></dd> そして確認画面がこちら。 <dt>御社名</dt> <dd><?php echo h($form_field['company_name']);?></dd> <dt>住所</dt> <dd><?php echo h($form_field['aaa']);?></dd> <dt>購入代理店名又は担当者名</dt> <dd><?php echo h($form_field['your_name']);?></dd> <dt>お名前</dt> <dd><?php echo h($form_field['user_name']);?></dd> 御社名とお名前は入力した文字が確認画面で反映されるのですが、他の2つは反映されません。 どなたかよろしくお願いいたします。

    • 締切済み
    • PHP
  • phpのフォームについて

    phpで問合せフォームを作成中なのですが、分からない点が3点あります。 ご教示お願い致します。 (1)問合フォームの入力項目の最後の送信ボタンに下記のコードで「submit」を入れると、入力項目である郵便番号を入れると自動で住所表示(Ajaxzip2を使用)する機能が作動しなくなります。「submit」を入力しないと自動表示されますが、データーは送信されません。 どうしたらよいのでしょうか。 【問合せフォームの入力画面のコード/HTML】 <form method="POST" action="visit Application.php" > <h3 class="taitoru11">問合せ</h3> <label for="name">お名前を入力して下さい</label> <input type="text" name="name" id="name" placeholder="例)山田value=""> <label for="number">電話番号</label> <input type="tel" name="tel" id="tel" placeholder="例)0123" value="">   <label for="mail">メールアドレス</label> <input type="text" name="mail" id="mail" placeholder="例)" value="">    <label for="zip">郵便番号&nbsp;&nbsp;※必須</label> <input type="text" name="zip" id="zip" value="" placeholder="xxx-xxxx"maxength="8" />     <label for="addr">住所</label> <input type="text" name="addr" id="addr" /> <label for="addr2">マンション・部屋番号</label> <input type="text" name="addr2" id="addr2" /> <label for="comment">その他コメント</label> <textarea id="comment" name="comment" placeholder="問合せ内容をご記入ください" value="" wrap="hard" ></textarea> <input type="submit" value="入力内容を確認する" data-inline="true"/> </form> (2)上記のコードにある<input type="submit" value="入力内容を確認する" data-inline="true"/> を入力すると、ボタンを押さなくても、入力項目でエンターを2回押すと、送信先に勝手に送信されてしまいます。 どうしてでしょうか? また、ボタンを押さないと送信されない様にするにはどうすればいいのでしょうか。 (3)(1)のデーターの送信先で、上記の「その他コメント」欄については改行表示をさせたく、下記の様に「nl2br」を使ってみましたが、改行されませんでした。どうしたらよいのでしょうか。 【問合せフォームの送信先のコード/PHP】 <dl> <dt>お名前</dt> <dd><?php print(e($_POST['name'])); ?></dd> <dt>電話番号</dt> <dd><?php print(e($_POST['tel'])); ?></dd> <dt>メールアドレス</dt> <dd><?php print(e($_POST['mail'])); ?></dd> <dt>郵便番号</dt> <dd><?php print(e($_POST['zip'])); ?></dd> <dt>住所</dt> <dd><?php print(e($_POST['addr'])); ?></dd> <dt>マンション・部屋番号</dt> <dd><?php print(e($_POST['addr2'])); ?></dd> <dt>その他コメント</dt> <dd><?php print(nl2br(e($_POST['comment']))); ?></dd> </dl> 何卒よろしくお願い致します。

    • ベストアンサー
    • PHP
  • 上手い編集方法を知りたい

    お世話になります。 具体的な話ですが、 文字列を編集するときに以下のようにしています。 もっと上手い方法があれば教えて欲しいのですが。 文字列 20100122125720 (2010年1月22日12時57分20秒)を 10年1月22日/12時57分 → 10.01.22/1257 と表示したいために、 $wk = substr($dt,2,2).".".substr($dt,4,2).".".substr($dt,6,2)."/".substr($dt,8,4); とやっています。 宜しくお願いします。

    • ベストアンサー
    • Perl