- ベストアンサー
Dreamweaverでのテクニック
- Dreamweaverを使用したテクニックについて説明します。
- タイトルに画像を配置する際に注意するポイントや文字の表示問題の解消方法について紹介します。
- テキストインデントを-9999に設定することで、画像との重なりを避けることができ、音声ブラウザでも正しく読み上げられます。
- グラフィックソフト
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- ビルダーとdreamweaverについて
ホームページ製作初心者です（というかこれから始めるのですが） なにかでホームページビルダーで作ったサイトはユーザーが見る環境によって、テキストや画像の配置が違ってみえる（ずれて見える？）と聞いたことがあるのですが、本当なのでしょうか？ もし、そうであればdreamweaverのほうはそういう現象はおこったりしないのでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- フォトショップエレメンツ３でEPSで画像を保存するとき
MAC OS10、フォトショップエレメント3、イラストレーター１０を使用しています。現在カタログを製作中なんですが、 １、エレメンツで画像を加工後、EPSで画像を保存する際に、１bitで保存を選択するとイラレに配置したときに白黒で配置されます。８bitで保存すると画像は荒いですが、カラーで配置されています。印刷屋で印刷してもらうものなのですが、どちらでもきちんと印刷されるのでしょうか？ ２、エレメンツで切り抜いた画像をPSDで保存すると、イラレに配置したときも背景は透明なままですが、EPSで保存すると背景が白くなってしまうのはなぜでしょうか？いろいろ調べるとEPSで保存したほうがいいとのことですが。 ほとんど初心者ですので、よろしくお願いします。
- ベストアンサー
- グラフィックソフト
- potitionがよくわかりません＞＜
positionがよくわかりません。 【 HTML 】 <div> <h1>携帯はひとり2台の時代へ</h1> <h2>使い分ける人急増</h2> </div> 【 CSS 】 div{ width: 500px; height: 100px; background-image: url("title.jpg"); background-repeat: no-repeat; } h1 { position: absolute; top: 28px; left: 100px; font-size: 30px; } h2 { position: absolute; top: 2px; left: 12px; font-size: 14px; } ニュース番組のようなテロップ(CSSのbackground-image)に、見出し(HTMLのH1～H2)を載せていこうと考えています。これでブラウザで表示したら、文字が背景に載って大成功です。 それで、div以前にいろんな要素を配置したら、配置が崩れました＞＜。topやleftの配置はブラウザの表示領域を基準としているみたいです。divを基準にしたいのですが、どうすればよいでしょうか。
- 締切済み
- CSS
- dreamweaverで画像の右に文字を回り込ませると背景色も上にあがってしまいます。
すみません。ちょっと分かりにくいのでタグを貼り付けます。 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <style type="text/css"> <!-- #contents { background-color: #FFC; width: 750px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .photo { display: block; float: left; } --> </style> </head> <body> <div id="contents"><img src="file:///C|/Documents and Settings/administrator.JITSUGYO/デスクトップ/佳山/dreamweavercs3 cd-rom/lesson01/images/item_02.jpg" width="250" height="200" class="photo" /> 作家さんがひとつひとつ丁寧に心をこめて作り上げた器は見ているだけでも心がなごみます。器をひとつ変えるだけで食卓の雰囲気ががらりと変わり、ちょっと贅沢な気分があじわえます。 </div> </body> </html> 「これからはじめるdreamweaverの本」を購入し、その通りにやったときは問題なかったんです。 自分で画像を用意して、テキストを打ち、divを挿入。そしてdivにcssルールを設定（このときに背景色を設定）したまではよかったのですが、その次に「.photo」に対して回り込みの設定をしたら、おかしくなります。たしかに画像の右側にテキストが表示されるのですが、どうやらdivの範囲（？）もテキストと一緒に上にいってしまい、せっかく指定した背景色までテキストにくっついていってしまっている感じです。 画像の右側にも背景色が表示されないのはどうしてなんでしょうか？どなたかお分かりの方いらっしゃいましたらよろしくお願いします。
- ベストアンサー
- HTML
- 細かな噴出しなどのコメントをWEBで組む？
現在ホームページを作成していますが、難しく困っています。 というのが、大きな画像を背景にして、文字の部分はテキストで書こうと思い試行錯誤しているのですが問題がありすぎてうまくいきません。 例えばなのですが、これはたまたまWEB上で見つけたイメージなのですが、添付の画像を見てください。 もし、これらの噴出しの文章をすべてテキストで配置しようと思う場合どのようにしたらよいでしょうか？ 現在、大きな画像を作成し噴出し部分の文章は消したうえで背景としてまず配置します。 そのDIV要素の中で、色々と考えながらCSSにてコメントを配置しているのですが、気が遠くなります。ID数半端ない状態です。汗））） さらに、ちょっといけるかも？と思っても、ブラウザによってはマージン、パッディング、フォントサイズや行間隔。同じサイズを設定しても全く異なる場合がありぐちゃぐちゃ状態になってしまいました。涙でそうです。 実は、テキストで配置するのはテキストで書きたいからではないのです。 画像だと、どうしても小さな文字を読みにくく、また、スマホなどで拡大すると汚く表示されてしまいます。 要は、きれいに読むことができればそれで解決です。 どなたか詳しい方いらっしゃいましたら、画像のままで拡大拡大しても綺麗に読める方法があれば教えていただけないでしょうか？ また、やはり画像だと汚くなるので、面倒でもテキストで書くほうがよいという場合、このような感じで細かな設定を、どのブラウザ（ある程度）綺麗に設定する方法をご存知であれば合わせてご教授願います。 どうぞ、よろしくお願いします。
- ベストアンサー
- CSS
- ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択
ホームページ製作において、テーブルタグとdivタグのどっちを使うか選択についてです。 テーブルタグはレイアウトには使ってはいけない（推奨しない）というのが 書かれていますが、例えば、以下の画像のように複数の画像を整列させて 配置する（商品画像一覧や写真一覧など）のような場合、 テーブルタグで画像とテキストをぶち込むのは駄目なんでしょうか？ まさか、画像１つに対してdiv１個、テキスト１個に対してdiv１個みたいに 対応させ、段組にしていくほうがSEO対策とかプロっぽいんですかね？ 基本的なことですいません。
- ベストアンサー
- ホームページ作成ソフト
- 添付画像のようなサイトを製作したい場合。
こちらにはいつもお世話になっております。 添付画像のようなサイトを製作したいと考えております。 パソコン画面に対して、内容を中央に配置するのですが、 タイトル部分等をワンポイントにはみ出すように配置したいのです。 添付画像のように、はみ出す部分はタイトル等の下に引くラインです。 はみ出す部分は画像にするつもりです。 このようなはみ出す部分がない、中央に内容を配置するだけのサイトは製作出来ます。 既に製作しております。基本的にdivタグ等を使っております。 自分でも色々調べてやってみているのですがなかなか上手くいきません。 どのようにタグを組めばキレイに見えるか、ご伝授下さいませ。 どうぞ宜しくお願い致します。
- ベストアンサー
- HTML
- CSSを使った全体の配置
サイト全体の配置指定を外部スタイルシートを使い、 ホームページ作成をしております。 CSS初心者なので、変な質問になるかもしれませんが宜しくお願いします。 全体のぺージの構造は上にヘッダー、下にフッター 真中は3つに分け、3カラムの状態で配置しております。 今回、ヘッダー部分を2つに分けたいと思っております。 今のヘッダー部分は、最初にh1（テキスト）を左配置に表示し、その右側にテキストで「サイトマップ」のテキストリンクを配置。 その下に width="850" height="200" の大きめな画像を置き、 画像の下に右配置でh2（テキスト） 上記のような配置になっているので、外部スタイルシートコードは・・・ /* ヘッダーコンテンツ */ .header { text-align:left; padding-bottom:0.5em; width:830px; float:left;} .header h1{ font-size:12px; padding:0; float:left;} .header h2{ font-size:12px; float:right;} /* ヘッダーサイトマップ */ .headersite{ float:right;} ・・・としています。 HTMLタグの方は・・・ <!-- ヘッダー開始 --> <div class="header"> <h1>ｈ1題名</h1> <div class="headersite"><a href="sitemap.html">サイトマップ</a></div> <a href="index.html"><img src="%/logo.jpg" width="850" height="200" border="0"/></a> <h2>h2題名</h2></div> <!-- ヘッダー終了 --> 画像部分を真中から分け、左に画像を置き右はテキストにし回り込ませたいと思っておりますが、なかなか上手くいきません（汗） 画像を2つにわけるCSSコードを .header left .header right とするならば、 HTMLタグ部分は・・・ <!-- ヘッダー開始 --> <div class="header"> <h1>ｈ1題名テキスト</h1> <div class="headersite"><a href="sitemap.html">サイトマップ</a></div> <div class="header left"><a href="index.html"><img src="%/logo.jpg" width="300" height="200" border="0"/></a> <div class="header right">テキストテキストテキスト <h2>h2テキスト</h2></div> <!-- ヘッダー終了 --> にしたいのですが、CSSコードはどのように指定したら良いでしょうか？ 自分なりにCSSコードを筆記したのですが、 回り込みがうまくいかないのか、真ん中から分けた左画像の右にテキストが並んでくれなくて下に配置されてしまいます。 ちなみに全体横幅は850pxにしております。
- ベストアンサー
- その他（プログラミング・開発）
- MCF-J5630CDWでA4コピーができない原因と対処方法について教えてください。
- 原紙をセットしてコピーをする際に「多目的トレイ」エラーメッセージが表示される場合の対処方法について教えてください。
- MCF-J5630CDWのA4トレイには用紙が入っているのにもかかわらずA4コピーができない場合の解決策を教えてください。
お礼
shut0325さん、重ね重ねご返答ありがとうございます。 自分はh1などは文字に対する設定（フォントサイズやフォントカラーなど）だけだと勝手に思ってました。 参考になりました。ありがとうございます。