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

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

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

以下が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" 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>

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

A 回答 (1件)

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標準や文章構造と見た目(デザイン)の分離に触れている教科書で学びなおしをされることをお勧めします。
    • good
    • 0
この回答へのお礼

おかげさまでデザインビューでも見られるようになりました。
リンクの採点ツールも今後利用したいと思います。
tableタグでレイアウトするのはよくないそうですね。もっとcssの勉強をしたいと思います。
ご教授いただき助かりました。ありがとうございました(^_^)

お礼日時:2012/11/08 13:25

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

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

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

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

QDWで、デザインビューに表示されないのはどうして?

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

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

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

Aベストアンサー

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

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

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

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

Aベストアンサー

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

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リストの数字のフォントサイズを変えたい

リストを使ったときに頭につく数字のフォントサイズを小さくすることは
できるのでしょうか?
文章のフォントは<li>の後にフォントタグをつければ小さくなるのですが
リストの数字が小さく出来ません。
これを小さくすることは可能でしょうか?
<ol>
<li>
<li>
</ol>

Aベストアンサー

スタイルシートを使えばできます。
たとえば、

<ol style="font-size:80%;">
<li>サンプル</li>
</ol>

のように記述すると元のサイズの 80% になります。

Qフォトショップのオプションツールバーが消えてしまいました

フォトショップエレメンツを使っています。
今日、急にオプションバーが見えなくなってしまいました。
エクセルやワードならメニューや他のツールバーの上で右クリックすれば・・・・なのですが??

このソフトのヘルプも独特の書き方で、キーワードで検索しましたがわかりません

特に何も変わった事はしていなくて、今日突然なので???です

どうかよろしくお願いいたします

Aベストアンサー

ウインドウ-オプションでチェックが有るか無いかと
思うのですが、一応、ウインドウ-パレット位置を初期化を
お試し下さい。
あとエレメンツが付くか付かないかで大違いなので
ソフト名は初めからちゃんと書いた方がいいですよ。

Qdreamweaverの「ファイル」パネルが表示されない。

お世話になります。dreamweaver初心者です。

タイトル通りなのですが、「ファイル」パネルグループの、「ファイル」というパネルがどこかに消えてしまいました。(他に、「アセット」とか、「スニペット」とかのパネルが入っているところです。この2つはちゃんと表示されていますが、「ファイル」パネルだけ見当たりません。)

どうしたらまた表示されるようになりますか?教えてください。よろしくお願い致します。

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でタグが反映されない場合

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

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

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

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

Aベストアンサー

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

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

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

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


人気Q&Aランキング