- 締切済み
DreamWeaver CS3でメールマガジン用のHTMLを作業してま
DreamWeaver CS3でメールマガジン用のHTMLを作業してます。 前任者が作ったベースで作業してるので、制御がさっぱりわかりません。 CS以前のゴーライブでの作業は普通に出来ます。 今、格好悪いなぁと思っているのは フォントをさわるたびにStyleが増えてしまっているんです。もうすぐ100近い。 それがメールで一斉に配信されるのがやりきれません。 CSS?、スタイルシート？ できれば、タイトル、見出し、本文、色変え文字3パターンくらいに納めたいのです。 headのコピペを途中までですが下に貼ってみました。 教えて下さい。よろしくお願いします。 <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style type="text/css"> body { font-size: 0.9em; } font { font-size: inherit; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; } p { font-weight: inherit; font-style: inherit; } a, a:link, a:visited { color: #f00; text-decoration: none } a:hover, a:active { color: #fff; background-color: #f00; text-decoration: none; } td {text-align:left;} .bunsho { padding: 4px;text-align:left; } .hard13txt { font-size: 13px; } .hardstandardtxt { font-size: 15px; } .hard12txt { font-size: 12px; } .style17 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"} .style1 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: small; } .style2 {font-size: small} .style3 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight: bold; font-size: small; } .style4 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: medium; } .style22 { color: #FF0000; font-weight: bold; } .style24 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; font-weight: bold; color: #FF0000; }
- rod2010
- お礼率28% (4/14)
- ホームページ作成ソフト
- 回答数4
- ありがとう数21
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- saturn712
- ベストアンサー率0% (0/0)
まず、不要なものを除去しましょう。 ●第１ステージ： font-weight: normal; font-style: normal; line-height: normal; 何も書かなかった時は normal と自動的に解釈されるので書く必要ありません。 text-align: left; これも基本が左寄りなので書く必要ありません。 body{ text-align: center; } 又は text-align:center; を指定されたタグに囲まれている場合に限り記載します。 間違い： font-size: inherit; font-weight: inherit; font-style: inherit; なにを言いたいのか分かりませんが inherit はfont-size 、font-weight 、font-style に存在しません。 取りあえず排除しましょう。 font-size: medium; も基本が medium なので削除しましょう。 こうなうと、 body で既に 指定されているので td と .style4 が消滅します。 第1段階はこうなります↓ body { font-size: 0.9em; } font { text-decoration: none; } a, a:link, a:visited { color: #f00; text-decoration: none; } a:hover, a:active { color: #fff; background-color: #f00; text-decoration: none; } .bunsho { padding: 4px; text-align: left; } .hard13txt { font-size: 13px; } .hardstandardtxt { font-size: 15px; } .hard12txt { font-size: 12px; } .style17 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" } .style1 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: small; } .style2 { font-size: small } .style3 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight: bold; font-size: small; } .style4 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } .style22 { color: #FF0000; font-weight: bold; } .style24 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 12px; font-weight: bold; color: #FF0000; } ●第2ステージ： 今度は短くしましょう。 CSSは、同じ命令をいくつも使う場合まとめる事が出来ます。 たとえば、text-decoration: none; 使ってるのは font 、a, a:link, a:visited 、a:hover, a:active これは font, a , a:link , a:visited , a:hover , a:active { text-decoration: none; } あとほとんどで指定しまくってる font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" は body { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } とでいいと思います。まずどちらが多いかを考えた方が良いです。 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; を多用するなら body で指定してしまい、 違うフォントを使用する所に違う font-family を指定すればいいのです。 あと基本は左寄りに指定しましょう。 /* こうなります ↓ */ body { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 0.9em; text-align:left; /* ←これで文章、画像などの基本配置が左寄りになる */ } font, a, a:link, a:visited, a:hover, a:active { text-decoration: none; } a, a:link, a:visited , .style22, style24{ color: #f00; /* #f00 と #ff0000 は同じ意味 */ } a:hover, a:active { color: #fff; } .bunsho { padding: 4px; } .hard13txt { font-size: 13px; } .hardstandardtxt { font-size: 15px; } .hard12txt .style24 { font-size: 12px; } font, a, a:link, a:visited, a:hover, a:active { text-decoration: none; } .style1, style2, style3 { font-size: small; } .style3, .style22, style24 { font-weight: bold; } こんな感じでしょうか？
- nori_007
- ベストアンサー率35% (369/1048)
ベースの作りに問題があると思います。 多分メールは ヘッダー部 大見出し 見出し 小見出し 本文 フッター部 と等々あると思います。 まず、全体のフォントを設定し、各見出し毎にフォントを設定、必要に応じてスタイルを与えれば良いと思います。 質問の直截な回答にならず申し訳ありませんが、まず文章全体の構造を意識し、構造毎にスタイルを与えると言うスタイルシートの概念を勉強される事をお勧めします。 この際、DreamWeaver CS3は忘れて、スタイルシートを学ばなければ、問題解決出来ないと思います。 後はスタイルシートの概念をちゃんと理解している方に作り直して頂き、更新方法をアドバイスして頂いた方が良いと思います。 この手の質問サイトでは回答出来る内容に限界があると思います。
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; >>これは、bodyに指定して、 body { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } あとは、何度も同じことを指定する必要は無いんだが、何故？
- te611025
- ベストアンサー率15% (3/19)
.style2 .style4 .style22 などのスタイルが増えるということですよね？ DreamWeaverの機能を使ってhtmlからフォントを指定してしまうとcssが増えてしまうので、cssからフォントを指定すれば解決すると思います。 例えば style24 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; の部分を style24 { font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; にするとか
補足
回答ありがとうございます。 cssから とはDreamWeaverのツールのcssから指定するんですか？ それとも外部ファイルがどこかにのでしょうか？ （このへんがよくわかっていないんです） あと、 .style2 .style4 .style22などのスタイルを統合したり、減らしたり出来るんでしょうか？