人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

AdobeDeamweaverCS4を使用して勉強中の者です。
そこで質問なのですが“divタグを挿入”で<div></div> は作れるのですが、
<div style=" width:750;" align="center"></div>を作りたいのです
。コードの作成の手順を教えて下さい


●質問者: ooriki
●カテゴリ:インターネット ウェブ制作
✍キーワード:コード タグ 作成 勉強
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● jeanjean
●35ポイント

下記の操作でだいたい条件に合うものが作成できます。

1) 新規HTMLを作成する
2) デザインビュー表示画面で、適当な文字(例:test)を入力する(このとき、エンターキーを押してPタグを作らないように注意する)
3) メニューの「フォーマット」->「行揃え」->「中央」を選択
4) プロパティ(プロパティインスペクタ)のCSSボタンを押す (※文末参照)
5) プロパティのターゲットのルールより「<新規インラインスタイル>」を選択
6) プロパティのルールの編集ボタンを押す
7) 出てきたルール定義ダイアログ左側の「ボックス」カテゴリをクリック
8) 出てきたルール定義ダイアログ右側の Width に750を入力
9) OKボタンを押す

以上で下記のコードが作成できます。

<div align="center" style="width: 750px;">test</div>

styleの指定をを最初に持ってこようとして、Divタグから作り始めると

「フォーマット」->「行揃え」->「中央」が指定できないため

ダイアログの「ブロック」カテゴリの Text-align で「center」を指定して下記のようになってしまいます。

<div style="text-align: center; width: 750px;">test</div>

また、横幅の指定はどうしても「px」などの単位が入ってしまいます。



■それからお節介かも知れませんが、気になる点を書いておきました。


通常のClassやIDでのCSS指定でなく、インラインでのスタイルの指定をしたい場合はコードビューで直接書いた方が絶対書きやすいのですが、CSSに不慣れな場合には一旦ドキュメント内のHEADの中に適当なClassかIDで設定を書いておいてから{}の中の文字の改行を取り去って、style="" の中にコピーしてやると良いと思います


width:指定で、pxなど単位を付けない場合はまず無いと思いますが通常のブラウザで表示させるとDivの領域はは750ピクセルでは描画されません。


ご質問の文章のwidh:指定で、先頭に1個空白を入れていますが空白は必要ありません。


Divタグに alignを使っていますが、CSSも使う場合にはむしろalignを使わずにCSS要素の text-align を style中に書いた方がよいです。divタグにalignを使って中央寄せにするのは古い書き方であり、CSS要素でまとめて書いてしまった方がCSSをたくさん使うようになる時には見やすくなるからです。


※プロパティインスペクタでのCSSルールの設定は下記を参照してください。

http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WSc78c5058ca0...


2 ● Marine-Blue
●35ポイント

いったんCSSを定義して変換するか、直接入力でstyle属性を埋め込むんでスタイルを設定していくかのいずれかになりそうです。

http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WS8BC8A54F-60...


基本的にヘッダ内や外部ファイルでCSSを定義する形式のほうが推奨されているため、インラインCSSを積極的には使えないようにしているのでしょうが、必要に応じてインラインCSSを使用する場合はこういう形になるんじゃないかと思います。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ