痔になりやすい生活習慣とは?

おはようございます。
よろしくお願い致します。

知人からHTMLのソースを受け取り、編集しようと思っています。
ところが、DWで開くと、タグは全部あるのに、デザインビューでは途中がすっぽり抜けているのです。
でも、ブラウザのプレビュー機能で見ると、ちゃんと全部表示されているんです。
どうしてでしょうか?
どうやったらデザインビューにも全部表示されるようになるのでしょうか?

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

このQ&Aに関連する最新のQ&A

A 回答 (1件)

私にも経験がありますが、


HTMLにテーブルなどを使用している場合に
タグの閉じ忘れをしているとブラウザでは
反映されるのに
DWのデザインビューには反映されない事があります。

DWのコードビューでテーブル系のタグを追っていって
閉じ忘れ箇所を修正すれば直ると思いますよ。
    • good
    • 1
この回答へのお礼

ありがとうございます!
そういうものなのですか~。
かなりの量があって大変ですが、これからじっくり見て行こうと思います。

お礼日時:2005/05/19 09:25

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QDreamWeaverのデザインビューで外部画像を表示する方法

DreamWeaverのデザインビューで、外部の画像を表示する方法を教えて下さい。

たとえば、
<img src="http://www.×××.com/img/×××.gif">
のような感じで、インターネット上にアップロードした画像を使っているHTMLファイルを、DreamWeaverで開いて、デザインビューを見ると、灰色になって見れません。

もちろんブラウザでのプレビューでは、表示されます。

今回新しいPCに変えて、DreamWeaverも入れ直したのですが、
以前のPCでは、上記のような画像もデザインビューで正常に表示されていました。

どこを設定すれば表示されるようになるでしょうか?

バージョンは、MX2004です。

説明がわかりにくかったらすみません。
よろしくお願いしますm(_ _)m

Aベストアンサー

私の使っているのは、一世代古いMXというバージョンですが、サイト編集の項目などはおそらく同じだという前提でお答えします。

その http://www.?×××.com/img/×××.gif のある
http://www.?×××.com/ というサイトは、Dreamweaverでサイト定義されているでしょうか?
これがDreamweaverでサイト定義されていないと編集画面に画像をとってくることはできません。
もしサイト定義がされていいない、もしくは、PCを変えたことで失われてしまっているようでしたら、新規サイトとして作成してください。

さらに、サイト編集のダイアログボックスで
サイト定義 > 詳細設定 > ローカル情報
ここのHTTPアドレスの欄に、ちゃんとURL http://www.?×××.com/ が入っている必要があります。
もし入っていなかったら、入れてみてください。

詳しい説明は、そのダイアログにある[ヘルプ]ボタンを押して
[HTTP アドレス] テキストボックスに関するところを読んでください。

私の使っているのは、一世代古いMXというバージョンですが、サイト編集の項目などはおそらく同じだという前提でお答えします。

その http://www.?×××.com/img/×××.gif のある
http://www.?×××.com/ というサイトは、Dreamweaverでサイト定義されているでしょうか?
これがDreamweaverでサイト定義されていないと編集画面に画像をとってくることはできません。
もしサイト定義がされていいない、もしくは、PCを変えたことで失われてしまっているようでしたら、新規サイトとして作成してください。

さらに...続きを読む

QDreamweaverのブラウザでプレビュが表示できない

Dreamweaver4を使ってHP作成しています。

3つのフレームを使いHP作成していました。
今回、画像をクリックで別ウィンドウを表示させることに挑戦しました。
おそらくこの時何かを変更してしまったと思いますが。
upしてアクセスし、確認すると別ウィンドウは出ましたが、なかの画像が表示されない為
Dreamweaverで再度、編集しようとしたらindex.htmの、ブラウザでプレビューが表示できません(エラー画像添付)

3つのフレームをそれぞれ、『left.htm』『right_1htm『right_2.htm』で作成しているので、それぞれを個別に
Dreamweaverで開きブラウザでプレビュすると、個別だとちゃんと表示されます。
また、ファイルは、DドライブのWebsaiteフォルダにあるためそこから
Dreamweaverで開かず、直接indexファイルをプレビュするため
エクスプローラに〔D:\Websaite\index.htm〕これでも表示されない為
ファイルが壊れてるのかもしれませんが、
Dreamweaverで編集用に開くとちゃんと中身もありますし表示されます。

インターネットオプションの一時ファイル、履歴、Cookie、PS、など削除をしてみましたがダメでした。

インターネットでは、別ウィンドウ内は失敗したもののindexファイルはちゃんと表示されるので
リモートサイトのindexファイルをローカルサイトへGETしてからDreamweaverでブラウザプレビューしましたが、やはり表示されません
しかし、今度はエクスプローラに〔D:\Websaite\index.htm〕だと表示されます・・・

Dreamweaverを通して保存すると、エラーになっちゃうという状況です。
説明がヘタで、大変申し訳ありませんが、どなたか解決策のご教授お願いします。

Dreamweaver4を使ってHP作成しています。

3つのフレームを使いHP作成していました。
今回、画像をクリックで別ウィンドウを表示させることに挑戦しました。
おそらくこの時何かを変更してしまったと思いますが。
upしてアクセスし、確認すると別ウィンドウは出ましたが、なかの画像が表示されない為
Dreamweaverで再度、編集しようとしたらindex.htmの、ブラウザでプレビューが表示できません(エラー画像添付)

3つのフレームをそれぞれ、『left.htm』『right_1htm『right_2.htm』で作成して...続きを読む

Aベストアンサー

不思議ですね、パスも間違ってないようですし、表示できない理由が全くわかりません。。。

「dreamweaver4 フレーム」で検索すると2002~2003年ごろに同じようなプレビューで表示できないという質問が多数みつかるんですが、どれもこれも解決しないまま終わってました。
Dw4固有のバグなのかもしれないですけど、なにぶん触った事がないのでわからないです。
TMP******.htmてのが問題なきもするけど。

Dw4は、firefoxなどほかのブラウザをプレビューブラウザに選べるんでしょうか?
他のブラウザでも見てみるとどうでしょう?

1行目のdoctypeは正しいですか?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

ないと思うけどアップデートしてなければしてみるとか
http://www.adobe.com/jp/support/dreamweaver/downloads_updaters.html#dw4

それと質問の解決にはならにけど、とりあえず現状でフレームセットのサイトをローカルで確認する時は、index.html(フレームの親ページ)をブラウザに直接ドラッグしてプレビューするのが楽かもしれないですね。

不思議ですね、パスも間違ってないようですし、表示できない理由が全くわかりません。。。

「dreamweaver4 フレーム」で検索すると2002~2003年ごろに同じようなプレビューで表示できないという質問が多数みつかるんですが、どれもこれも解決しないまま終わってました。
Dw4固有のバグなのかもしれないですけど、なにぶん触った事がないのでわからないです。
TMP******.htmてのが問題なきもするけど。

Dw4は、firefoxなどほかのブラウザをプレビューブラウザに選べるんでしょうか?
他のブラウザでも見て...続きを読む

QDreamweaverでページ全体が文字化け

市販の解説書を見ながらDreamweaverを勉強中です。
入門書にそっての作業ですので、大して難しいことをしているわけではないのですが、編集作業で画像を差し替えたりしていたところ、なにかのきっかけでページ全体が文字化けを起こしてしまいました。(添付写真の状態)
取り消し作業や、DreamweaverやMacの再起動を行なってっも解決しませんでした。
なにか解決方法はありますでしょうか?
使用環境はMac OS 10.6、DreamweaverはCS5です。

Aベストアンサー

別の方がおっしゃっている通り、
Dreamweaver自体の問題ではないのは間違いありません。

おそらく、考えられるのは、
「HTMLファイル内のhead要素内のエンコード設定と
実際にHTMLファイルの保存エンコードがバラバラになってしまった。」
だと思います。
書籍側の素材ファイルの作り方に問題があるかもしれません。


まず問題のHTMLファイルを保存して、
そのファイルを直接開いてブラウザで閲覧したみましょう。
その時にも、文字化けが起こりますか?


実際にファイルを開いてみて、文字化けが起こるのであれば、
メニューから[表示]-[エンコード]をチェックしてしましょう。
どのブラウザでも実装されていますので、
この[エンコード]の出てくる一覧から、それぞれのエンコード名に切り替えてみます。
もし、文字化けしないエンコードがあったら、実際はそれで保存されている、ということになります。

もしブラウザを開いた際には文字化けが起こらないのであれば、
同じように「エンコード」一覧を開くと、文字化けの起こらないエンコード名が正しい保存形式です。


head内の「charset=」部分と、
Dreamweaverの環境設定内の「新規ドキュメント」設定にある「エンコード初期設定」が
それぞれ同じになっているかを確認してみてください。


もしすべてがバラバラであれば、どれか1つに統一するのがまず第一。
現在のファイルは、「TeraPad」などのテキストエディタソフトをダウンロードしてきて、
文字化けしなかったエンコーディング設定に保存し直す必要があります。

別の方がおっしゃっている通り、
Dreamweaver自体の問題ではないのは間違いありません。

おそらく、考えられるのは、
「HTMLファイル内のhead要素内のエンコード設定と
実際にHTMLファイルの保存エンコードがバラバラになってしまった。」
だと思います。
書籍側の素材ファイルの作り方に問題があるかもしれません。


まず問題のHTMLファイルを保存して、
そのファイルを直接開いてブラウザで閲覧したみましょう。
その時にも、文字化けが起こりますか?


実際にファイルを開いてみて、文字化けが起こるのであ...続きを読む

QDreamweaverでタグが反映されない場合

Dreamwaver利用初心者でよくわからないのですが、
コード画面のタグがデザインビューに反映されない原因にはどのようなものがあるのでしょうか?

角丸のボックスを表示するために、CSSで
border-radius:10px;

の設定をしたのですが、radiusタグが反映されず、デザインビューには角が尖った普通の四角いボックスしか表示されません。しかし、ブラウザで確認してみると角丸は反映されており、反映されてないのはデザインビューの部分だけです。CSSスタイルパネルのプロパティの部分にも特にエラーや取り消し線などは表示されていません。

これは一体どういう事なのでしょうか?
何が原因なのか、どうすれば反映されるようになるのか、どなたかご存知でしたら教えて下さい。

Aベストアンサー

>これは一体どういう事なのでしょうか?

基本的にpyoko1017 さんの勘違いです。
デザインビューはプレビューではありません。バージョンが明記されていませんので、定かではありませんが、最近のバージョンではデザインビューのほかにライブビューがあります。確認目的でしたら、そちらの使用をおすすめします。

例えば<table><tr><td>うんあた</td><td>あちゃ</td></tr>><td>さくぁざ</td><td>きじゅ</td></tr></</table>
なんてのを視覚的に選ぶとか、wordから書式も引っ張りながら挿入するとか、ショートカットを使って、文章構造を変えていくとか……をやりやすくするために、便宜的にそれっぽく見せているだけで、ブラウザでの表示を再現する機能ではありません。

角丸以外にも沢山、ブラウザ表示と違う表示になります。そういうものなので、反映されることを目指すのは無駄です。

QDreamweaver デザインビューの表示が変

DreamweaverCS4を使っていますが、デザインビューに、テーブルの一番上のセルに張った画像しか表示されません。
ブラウザでプレビューすると綺麗に全体が表示されるのですが、デザインビューで編集がまったくできない状態なので困っています。

表示→ライブビューをクリックすると、デザインビューにも綺麗に表示されますが、編集は効かない状態です。

以下が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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-script-type" content="text/javascript">
<meta name="keywords" content="aaa">
<meta name="description" content="aaaaaa" />
<title>あいうえおかきくけこ</title>
<link href="style/common.css" media="all" rel="stylesheet" title="CSS" type="text/css" />
</head>
<body>
<div id="pageBody">
<table width="700" border="0" align="center">
<tr>
<td><center>
<img src="style/top_image_a.png" />
</center></td>
</tr>
<table width="700" border="0" align="center" cellspacing="0">
<tr>
<td bgcolor="#97E1A3">このサイトは?</td>
</tr>
<tr>
<td bgcolor="#E8FECF">あいうえお</td>
</tr>
</table>
<table class="table001">
<tr>
<td width="130" rowspan="2"><img src="style/Btn_info_a.bmp" /></td>
<td width="570"><h2>このサイトのごあんない</h2></td>
</tr>
<tr>
<td valign="top"><p>このサイトの説明です。</p></td>
</tr>
</table>
</table>
</div>
</body>
</html>

DreamweaverCS4を使っていますが、デザインビューに、テーブルの一番上のセルに張った画像しか表示されません。
ブラウザでプレビューすると綺麗に全体が表示されるのですが、デザインビューで編集がまったくできない状態なので困っています。

表示→ライブビューをクリックすると、デザインビューにも綺麗に表示されますが、編集は効かない状態です。

以下がhtmlのコードです。
まだ作成途中ですが、この段階でもデザインビューには文字すら出てきません。
無知な質問で申し訳ありませんが、どなたかご教授よろ...続きを読む

Aベストアンサー

table直下にtableは置けません。
そこを治せばデザインビューでも見れると思います。(2つ目のtableの前を閉じる。最後の/tableを1つ取る)
文法間違いのチェックなら、採点ツールが便利です。
http://cetus.sakura.ne.jp/htmllint/htmllint.html

大きなお世話ですが、
無知でこれから勉強するなら、勉強方法?、教本・お手本のたぐいの見直しをされたほうがいいですよ。今から物理レイアウトタグやテーブルレイアウトを学ぶのはかなりの遠回りになります。html+cssでレイアウトはcssに任せる事をお勧めします。

具体的には
「align="center"/<center>タグ/bgcolor」を使わない。
今回の質問ではtableは1つも使わない。

見た目の為のタグやtableは使わない。見た目はスタイルシートに任せましょうという、web標準や文章構造と見た目(デザイン)の分離に触れている教科書で学びなおしをされることをお勧めします。

Q【DreamWeaver】「コード」画面の文字を大きくしたい

ドリームウィーバー8(Win)使用者です。
HTMLを表示する「コード」画面の文字が小さくて目が疲れるため、もう少し大きくならないかと考えています。
DreamWeaverの機能としてなんとかなりませんでしょうか?
お詳しい方、よろしくお願いいたします。

Aベストアンサー

「編集」「環境設定」「フォント」を選択。
「コードビュー」「サイズ」を16ptを選択。

QブラウザでプレビューでCSSが反映されません・・・

現在、CSSでホームページを作成しているんですが、ブラウザのプレビューで見てみても、なぜかCSSで指定したレイアウトが反映されません。

ドリームウィーバーの画面ではCSSが反映されているんですが、ブラウザだと反映されていない状態です。
どうすればいいのでしょうか?

また、以前はテーブルを使用していました。
大きな枠はCSSで作成するのは比較的簡単なんですが、同じ枠内に|横2列2列のコンテンツなどを作る時もCSSで作成するべきなのでしょうか?

それともCSSでテーブルを組み合わせて作成しても問題ありませんでしょうか?

質問内容が2つになってしまいましたが、どうかご教授よろしくお願いいたします。

Aベストアンサー

#2、#3です。
もし差し支えなければHTMLの表記とCSSの記述をこちらで書かれてみてはどうでしょうか。
詳しい方からのアドバイスがあるかもしれません。
DreamWeaverでは問題がなくても、ブラウザによっては反映されない指定方法があったりしますし。
(IEやFirefoxでもCSSの記述の違いによって表示が変わってきます)

QCSSでborderの長さを指定、または可変にしたい。

下記のように指定していますが、これだと横幅いっぱいに下の線が表示されてしまいます。

文字なりの長さ、または指定のピクセル数にしたいのですが、どのようにしたらよいでしょうか。

h3{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

Aベストアンサー

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよければ

<h3><span>××○○</span></h3>
のようにspanで囲い、スタイルをspanに対して指定する方法もあります。

h3 span{
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

borderの長さはそのボックスの大きさですから、ボックスの大きさを指定する事になります。
h3{
width:???px;
border-width : 0px 0px 1px 5px;
border-style : solid ;
border-color : #FF3333;
padding-left : 5px;
}

また、文字数(ボックスの内容)に合わせたい場合は、ボックスを浮動化(float)する等の方法もありますが・・・そのボックスの周りへ影響が出たり、ブラウザ毎にバグや実装の違いなどが比較的多く、扱いが面倒になるのであまりおすすめできません。

HTMLの方も修正する方法でもよけ...続きを読む

QDreamweaverのデザインビューが乱雑

普段タグ入力でWebページを作っているのですが、
Dreamweaver CS4で読み込んだところ、デザインビュー画面のレイアウトがぐちゃぐちゃになっています。
ライブビューや、実際のブラウザで見るときれいに表示されますが、これは私の作り方が間違っているんでしょうか?

普段Dreamweaverを使っている方は、どのような使い方をされているかも知りたいです。

Aベストアンサー

DreamWeaverのデザインビューはほとんど使われていないと思います。
floatやposition周りのCSSがかなり適当に表示されます。
正直、IE6よりひどいときもあります。

デザインビューはWYSIWYGエディタ代わりに使う程度で、
ワープロ感覚でリストやテーブルをささっと組みたいときや、
プログラムのコードをページ内で使用したいときに
デザインビューにコードを貼り付けると<や>が文字参照(&xx;)に自動で変わるなどで役に立ちますが、
デザインの完成具合をチェックするときには使いません。

Q画像イメージの上下左右、欲しいところに好きな間隔を入れられますか?

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方に要らない間隔ができてしまい困っています。

例えば右だけに間隔が欲しい。
左だけに間隔が欲しい。

こういう場合って、何かやり方があるのでしょうか。

もともと余白込みの画像を用意するという手も講じましたが、
その場合はその場合で、その画像が他のレイアウトに流用しづらい
という弱点を生んでしまい、レイアウトごとに画像を用意しなければならないので
対症療法としてはうまくいきませんでした。

また、画像ごとにセルを用意して任意の余白を作り出す手もありましたが、
セルがあまりにも絡まりあってしまい、
かなりぐちゃぐちゃなものになるためうまくいきませんでした。

やはりもうちょっと詳しい方にお訊きしようと思いまして
質問を立てさせていただきました。
素人質問で大変申し訳ありません。
どうぞ宜しくお願いいたします。

こんにちは。タイトルの通りサイト作成で、
画像の上下左右、好きな方向に間隔を入れられるかその方法をお教えください。

参考までに、DreamWeaver(ドリームウィーバー)2004MXです。

画像とテキストの兼ね合いで、画像の右側や左側に、
ところどころで間隔が欲しいと思っています。

間隔をいじれるところといえば縦間隔、横間隔になりますが、
縦間隔なら「上」と「下」、横間隔なら「右」と「左」、
これらが一度に動いてしまうのです。
片方には確かに欲しい間隔が得られるのですが、
ほう片方...続きを読む

Aベストアンサー

HTMLの初歩です。具体的には、
-------------------------------------------
<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 10px 20px 0 30px;">

上10px 右20px 下0 左30px の四方の隙間が開く。
数値は例なので適当に変更を。
-------------------------------------------

<img src="○○.gif" width="100" height="100" alt="*"
style="margin: 5px 20px;">
上下5px 右右20px の2方の隙間が開く。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング