• ベストアンサー

Dreamweaverでのタグ挿入時、サイズ指定したくない場合

現在、DreamweaverMX(for windows)を使用して ホームページ作成をしています。 外部CSSとリンクさせているのですが、 divタグ挿入時に、勝手にサイズ(width heightなど)が指定されてしまいます。 サイズについては全てCSSで指定してあるので いつもdivタグからサイズを手動で削除しています。 この手間を省くために、はじめから サイズ指定をしないように設定したいのですが、 いろいろ調べてもやり方がわかりませんでした。 もし方法をご存知の方がいらっしゃましたら、 教えてください。 よろしくお願いします。

  • CSS
  • 回答数4
  • ありがとう数6

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

ふたたびです。 ページ見てきました。補足にあるように「<div></div>」が入ればいいんですね。 ソフト自体では出来そうにないですね。他の方法で思いつくことといえば、キーボードショートカットで「divタグ挿入」を適当なキーに割り当てる・・・でしょうか。 根本的な解決でなくて申し訳ないですが使いようによっては「<div></div>」のみ挿入できそうです。 IMEの辞書登録で(Windowsという前提ですが)「<div></div>」を登録して変換で出す方法もありますがタグの記載は半角英数なんでちょっと使いにくいですよね。

greenapple0321
質問者

お礼

いろいろとアドバイスして頂き、 ありがとうございました! この方法でやってみます!

greenapple0321
質問者

補足

お返事遅くなって申し訳ありません! DreamweaverMXではCSSにまだあまり対応できていないようなので、 とりあえずこの方法でやって慣れていくしか なさそうですね・・・。 いろいろな方法を考えてくださってありがとうございます。

その他の回答 (3)

  • KKatoh
  • ベストアンサー率32% (11/34)
回答No.4

MX2004では、挿入バーの「レイアウト」の左から2番目に「Divタグを挿入」というのがあるのですが、MXではありませんか?

greenapple0321
質問者

お礼

アドバイスありがとうございました! いずれバージョンアップしようと 思います。

greenapple0321
質問者

補足

ご回答ありがとうございます。 「Divタグを挿入」というものはなく、 かわりに 「レイヤーを描く」があります。 これを使って挿入すると、やはり余計なstyle要素が 入ってしまいます。 DreamweaverMX2004からCSSにだいぶ対応しているようなので、できたらバージョンアップした方がいいんですよね・・・。

回答No.2

なるほど、レイヤーですね。私自身、レイヤーは使っていないので気がつきませんでした。失礼しました。 positionのタグが不要ということですか?レイヤー挿入だとどうしても「位置決め」と「順序」が必要なために必ず入ってしまうのだと思います。 位置決めやサイズ指定のためのタグが不要である場合、具体的にどのような使い方をするのでしょうか? サンプルソースを記載いただければちょっとはアドバイスできるかもしれません。

greenapple0321
質問者

補足

早急なお返事ありがとうございます! 具体的に言うと、 http://www.fromdfj.net/html/column.html#step1 ↑ このような段組を作るつもりです。 styleの指定をする場合はタグに直接書き込まず、 CSSで指定したいので、なるべくタグに styleがない状態にしておきたいのです。 「レイヤー」で挿入するからいけないのでしょうか・・・。 <div></div>だけ挿入できればいいのですが。

回答No.1

私も同じソフトを使ってますがDIVでサイズ指定が出てきたことは一度もありません。 DIVは中央とか右・左といった位置決めのために使うのが本来の使い方だと思いますがDIVのサイズ指定というのがイマイチわからないです。

greenapple0321
質問者

補足

ご回答ありがとうございます。 DIVは、CSSでレイアウトする時に、 段組を作成するために使用しています。 [環境設定]-[レイヤー]でサイズの指定なしの 設定はできました!調べ足りませんでしたすみません。 しかし、まだ style(position、z-index)が自動挿入されてしまいます。 [挿入]-[タグ]からHTMLタグをずっとたどって行き、 DIVタグを選べばstyleなど全く入らず挿入できるのですが、 この方法しかないのでしょうか。 よろしくお願いします。

関連するQ&A

  • Dreamweaver8のタグの後の/>について

    イメージタグを挿入すると <img src="***" alt="***" width="10" height="10" /> のように最後に/>が入ります。 以前のDreamweaverMXでは入らなかったと思うのですが。 <br>タグも<br />となります。 このままで問題ないのでしょうか? それとも以前からそうでしたか? 「/」を消したほうがいいのでしょうか?

    • ベストアンサー
    • HTML
  • max-widthを指定した場合の縦サイズのリサイズ方法

    画像のサイズをCSSのmax-widthを指定した場合、縦のサイズを、縦横比率を変えずに自動でリサイズする方法を探しています。 CMS (Movable Type)でサイトを構築しており、ブログ記事の本文に「画像挿入」ボタンを利用して挿入するため、<img src="photo.jpg" width="600" height="400">とwidthとheightが指定された状態のため、max-widthで400pxと指定すると画像が縦長になってしまっています。 どのようにすれば縦横比率を変えず、さらにmax-widthのような形で縦のサイズを自動でリサイズする事ができますでしょうか?宜しくお願いします。

    • ベストアンサー
    • HTML
  • cssで、imgタグに、背景画像を敷きたい

    cssで、imgタグに、背景画像(影)を敷く方法を教えてください。 ※divタグに敷く方法は分かるのですが、imgタグに敷く方法が分かりません。 ■現状 <HTML> <div id="hoge"> <img src~ <CSS> #hoge img { background-image:url(/images/background_shodow.jpg); background-repeat: none; background:position: ? width:? height:? margin:? padding:?; <影の大きさ> ・width400px ・height200px <写真のサイズ指定> ・width390px ・height190px ※これまでは、 写真のサイズが違うので、 css部分の#hoge img で、 画像の大きさを強制指定してました。 出来れば、 画像の大きさは、html側で指定せずに、 css側で調整したいです。 ムリなら、html側で大きさ指定します。 div枠にcss設定できれば早いかと思いますが、 それが出来ないため(img タグにしかcss指定不可)の相談です。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSでの画像サイズ指定について

    本などでCSSを練習中です。 画像サイズを自動的に指定したサイズに縮小するCSSは ありますでしょうか? 以下のよな商品紹介のサムネイルを作りました。 画像部分は常に120×120pxに収まってほしいのですが、 横幅が高さより大きい画像を入れた場合、高さは指定した120pxになりますが(縦横比率は同じ)、横は飛び出してデザインが崩れてしまいます。 正方形の画像はそのまま120×120pxになります。 何かアドバイスをお願い致します。 また、他のおかしいところもご指摘下さい。 【HTML】 <div id="itemBox"> <div class="itemPhoto"><a href="#"><img src="#" alt="商品名" width="120" height="120" /></a></div> <p><a href="#">商品名</a></p> </div> 【CSS】 div#itemBox{ border: 1px solid #9f9f9f; width: 120px; margin: 10px; float: left; text-align: center; padding: 10px; height: 150px; } div#itemBox p{ float: left; text-align:left; width: 120px; margin-top: 5px; } div#itemPhoto{ margin: 0; padding: 5px; text-align: center; width:120px; height:120px; }

    • 締切済み
    • CSS
  • スタイルシートでの文字サイズ指定について

    ホームページの文字表示サイズについての質問です。 私は全てWindows Vistaのメモ帳で作っているのですが、文字サイズを <Font Size="サイズ"> で指定するやり方では、MACで有効ではないと分かり、スタイルシートの外部から引き出すやり方で、まずs.cssに、 BODY { font-size: 13px } と書き、index.htmlに <head> <style Type="text/css"> <!-- body,td {line-height:15pt;} --> </style> <link href="s.css" rel="stylesheet" type="text/css"> </head> と打ち込んでみました。 しかし、こうするとMacX10.5では文字化けを起こしてしまいました。 <link href="s.css" rel="stylesheet" type="text/css"> を挿入するやり方がどこかおかしいのでしょうか。 または、文字サイズの指定のやり方が、他にもあるのでしょうか。お手数かと思いますが、どうかお助けください。

  • DreamWeaver自動で挿入されるタグ

    Dream Weaver cs3.0のライブラリ機能を使って画像リンク・文字リンクを管理しています。 ライブラリファイルを変更し、ライブラリの更新をかけると、htmlコードのライブラリ部の前後に自動的におかしな<span>タブが入ってしまいます。 これにより更新をかけるたびに、ページ全体がくずれ大変困っています。( ´・ω・`) ・</span>~<span>と、逆のspanタグでライブラリhtml部分が挟まれます。 </span id="★★">    <!-- #BeginLibraryItem "★★.lbi" -->       <div style="★★" >       </div>    <!-- #EndLibraryItem --> <span> 基本はコードを手打ちしていて、勝手な<span>タグが入らないようにしたいです。 Dream Weaverの設定か、コードの変更でなんとかならないでしょうか? また、プロパティで文字のスタイル(色)を指示した時に自動でhead部に入るstyleタグも入らないようにしたいです。 (cssで管理しています) 教えてください。<(_ _)>

  • DreamweaverMXでこんなタグを指定するには?

    DreamweaverMXで以下の通りのタグを指定するには(直接タグを打ち込まないで)どうしたら良いのでしょうか? <span style=background:red>文字</span> 蛍光マーカーで引いたように、部分的に背景色を変えるようにしたいのです。 スタイルシートだと思ってCSSウィンドウから背景を選んで色を指定したら全体の背景色が変わってしまい、失敗。 こんな簡単なタグなのにDreamweaverで指定できないのもおかしな話だと思って色々いじくったんですが、わかりませんでした。 どなたか教えてください。

  • div領域をウインドウサイズに合わせる

    divタグで生成された3つの領域を横に並べたいのですが、 左2つは幅をピクセル指定で固定し、3つめをウインドウサイズに合わせて残りの幅全てを使う、という指定はどうすればいいでしょうか? 高さもやはりウインドウサイズにあわせるようにしたいです。 また、左2つの領域は固定したまま、3つめの領域のみスクロールができるようしたいです。 現在下記で試していますが、うまくいきません。 お分かりになる方、知恵をお貸しくださいo(_ _*o) 【HTML側】 <div id="left">1</div> <div id="center">2</div> <div id="right">3</div> 【CSS側】 html,body{   height:100%;   width:100%;       } div#left{   width:150px;   height:100%;   float:left; } div#center{   width:160px;   height:100%;   float:left; } div#right{   width:100%;   height:100%;   float:left; }

    • ベストアンサー
    • HTML
  • CSSで記述した数値が取得できない

    あるdivタグのサイズを640px*480pxにしようと思い、以下のように記述しました。 (省略) <style type="text/css"> <!-- #oshiete { width: 640px; height: 480px; } //--> </style> </head> <body> <div id="oshiete"></div> (省略) その後、これをJavaScriptで動的に変化させようとしたのですが、 document.getElementById("oshiete").style.width などでの数値の取得が出来ません。 調べてみたところ、divタグに <div id="oshiete" style="width: 640px; height: 480px;"></div> と直接スタイルを記述していれば数値の取得が出来ました。 しかしスタイルシートを使う以上、タグに直接スタイルを書いていたのではせっかくの効果が発揮できません。 スタイルシートをheadタグに記述、あるいは外部CSS呼び出しを使いつつ、JavaScriptから数値を取得する方法を教えてください。 よろしくお願いします。

  • テーブル高さ指定タグについて

    テーブル高さ指定タグについて サイズがバラバラの4枚の画像をテーブルを使って同じ幅・高さ縦横各2枚並べて表示したいと思っています。 下記のとおり高さ・幅300と指定をしているにもかかわらず、400×400pixの画像が高さを超えて目いっぱい表示してしまいます。 <table border="1" width="600" height="600" cellspacing="0" cellpadding="0"> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_1.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_2.jpg"></td> </tr> <tr> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_3.jpg"></td> <td width="300" height="300" align="center"> <IMG border="0" src="http://○○○○/f000000_4.jpg"></td> </tr> </table> どうすれば、すべて300×300pixの範囲内におさめることができるのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう