DreamWeaverでスタイルタグを使わずに属性を指定する方法
- DreamWeaverで既にリンクしているスタイルシート以外の属性を</head>の前のスタイルタグではなく、HTMLのタグ内に指定する方法を教えてください。
- DreamWeaverはごく些細な属性でも</head>の前のスタイルタグ内で指定してしまいますが、HTML内で直接指定する方法を教えてください。
- 文字の大きさだけでもDreamWeaverが指定してしまうので、HTML内での指定方法を教えてください。
- ベストアンサー
DreamWeaverで</head>の前のスタイルタグを使わない設定
DreamWeaverで、既にリンクして使うスタイルシートを使用しているので、それ以外の属性は、HTMLのタグ内に記述したいのですが、DreamWeaverは、ごく些細な文字の大きさのような属性でも、</head>の前のスタイルタグの中で、その属性を指定してしまいます。 これを、</head>の前のスタイルタグの中ではなく、HTML本文のそれぞれのタグ内で普通に指定するには、どこの設定画面の何を設定したらよいのでしょうか？ 具体的には、文字の大きさだけでも、 <style type="text/css"> <!-- .style2 {font-size: 36px} --> </style> </head> <body> <span class="style2">文字</span> とDreamWeaverはしてしまうので、これを </head> <body> <font size="7">文字</font> ないし、 </head> <body> <span style="font-size:36px;">文字</span> など、指定の方法はどうでも良いので、HTML内でDreamWeaverに指定して欲しいのです。 もう、別に記述したい事項はスタイルシートをリンクしているので…。
- goonejp
- お礼率49% (224/453)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
同じ場所にあるか分かりませんが・・・ Dreamweaver MX 2004を使用しています。 「編集」「環境設定」にて設定ダイアログを開き、「一般」というところにある「HTMLタグの代わりにCSSを使用」というチェックを入れてしまうと、スタイルシートをHEADタグ内に書こうとするようです。ここのチェックをはずすと、<font size="xx">の指定で入力されました。 間違いがありましたらご指摘ください。 ではでは☆
関連するQ&A
- スタイルシートで指定した大きさにならない・・・
スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 ＢＯＤＹの文字を１２ＰＸにしているのですが、 １４ＰＸの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12pt; } .16 { font-size: 16px ; } /* 16 */ .14 { font-size: 14px ; } /* 14px */ .10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>ＢＯＤＹのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず 困っていますので、ご存知の方がおられましたらよろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- HTMLの構造
HTML初心者です。 テキストでHTMLの構造が <html> <head> </head> <body> <header> </header> <main> </main> <footer> </footer> </body> </html> となっているのに対して、 スタイルシートは、 html, body { font-size : 16px ; color : black ; } となっているのを見ましたが、このスタイルシートは、 html { font-size : 16px ; color : black ; } ではだめなのでしょうか。 一番外側であるhtmlタグを指定すれば、 bodyタグ内もすべて含むのではないのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- CSS
- Dreamweaver CS5 外部CSSのリンク
Dreamweaver CS5です。 HTMLファイル内に、外部CSSファイルへのリンクについての質問です。 【CSSスタイル】パネルの「スタイルシートを添付」ボタンでCSSファイルをリンクさせますが、HTML内のhead内、titleタグの後の行に記述されます。JavaScriptの記述があると、さらにその後の行に記述されます。 <link rel=******～>の記述を、たとえば、先にクリックしておいてその位置にカーソルを移動しておくなどして指定の場所に書き出してもらうことはできないのでしょうか。 外部CSSファイルはいつも手入力で書き込んでいましたが、Dreamweaverを使ってみたら思ったところに書いてくれません。記述後、指定の位置にドラッグでもして移動すればどうということはないのですが。 文字コードなどは、日本語が表記されているtitleタグより前に記述すること、なんて聞いたことがありますが、外部CSSへのリンク記述にもtitleタグの後ろのほうがいいというようなことがあるのでしょうか。
- 締切済み
- ホームページ作成ソフト
- DreamWeaverMXでスタイルシートを使わない方法
DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか？ ご存知の方がいましたらよろしくお願いします。
- ベストアンサー
- グラフィックソフト
- スタイルシートの優先順位について
以下のようなHTMLとCSSを記述したとします。 <p>タグに囲まれた「test」という文字に対して、Bodyタグから font-size:10emと、PタグからFontChangeクラスを指定して、 font-size:0.1emを適用しています。 一見、優先順位の高いFontChangeクラスの0.1emが「test」に対して適用されそうに見えますが、 実際には両方のスタイルが適用され、中途半端なフォントサイズになります。 優先順位を無視してスタイルが2重適用されるのは何故でしょうか？ ご教授下さい。 宜しくお願いします。 <html> <head> <style type="text/css"> <!-- body { font-size:10em; } .FontChange{ font-size:0.1em; } --> </style> </head> <body> <p class="FontChange" >test</p> </body> </html>
- ベストアンサー
- HTML
- </head>タグと<body>タグ間の記述はスパムでしょうか？
すごく初心者的な質問かもしれません。 現在Dreamweaverにてホームページを作成しているのですが、 <head>～</head>の間に<meta>タグとショートカットアイコンのリンク以外の記述をしたら、ヤフー八分にあってしまいました。 具体的に記述してあったのは <style type="text/css"> <!-- .style16 {color: #ffffff} --> </style> などのスタイルの記述程度です。 これが原因かどうかはわからないのですが、とりあえず 上記のスタイルの記述を </head>～<body>タグの間に記述することにしました。 しかし、この記述も問題があるのかどうか不明です。 </head>～<body>の間に何かを記述することは問題あるのでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- 背景画像に全体または部分的にリンクをつけたいです
ヤフーなどで検索が少しでも上位にくるように <h1>タグにはテキストを使用し、その背景に画像を入れます。 そして、その画像にリンクをつけたいです。 htmlで<img>にエリアを指定してリンクを任意の場所に設置する方法はありますが、 http://www.tagindex.com/html_tag/img/img_map.html cssで指定した画像に使う方法はないのでしょうか。 <h1>内のテキストには特にリンクがあってもなくても構いません。 <html lang="ja"> <head> <title></title> <style> #aaa{ height: 100px; background-image: url(sample.png); background-repeat: no-repeat; } #aaa h1{ font-size: 10px; margin-left: 200px; padding-top: 10px; font-weight: 400; line-height: 135%; } #aaa h1 span{ font-size: 17px; font-weight: 900; line-height: 225%; } </style> </head> <body> <div id="aaa"> <h1><span>コメント</span><br />コメントコメントコメント</h1> </div> </body> </html>
- ベストアンサー
- CSS
- 携帯でスタイルシートが利用できますか？
携帯電話で見れるホームページで文字サイズの指定をしたいと思っております html言語で<font size="7">フォントサイズを指定したい</font>とすれば文字サイズが変更できるのですが スタイルシートを利用して下記のように記述すると フォントサイズが変更されません。携帯ではスタイルシート利用できないのでしょうか？詳しい方お教えください。 <style type="text/css"> .large {font-size:large} .small {font-size:small} </style> <body> スタイルシートで<span class="large">フォントサイズを指定したい</span> </body>
- ベストアンサー
- HTML
- jQueryで特定のcssプロパティの値を書き換えたい
jQueryで特定のcssプロパティの値を書き換えたい html上にインラインで記述しているスタイルのうち、特定のプロパティの値のみをjQueryで書き換えることはできますでしょうか。 具体的には↓ <span style="font-size: 16px;font-weight: bold;">テキスト1</span> <span style="color: #f00; font-size: 16px;">テキスト2</span>を <span style="font-size: 18px;font-weight: bold;">テキスト1</span> <span style=""color: #f00; font-size: 18px;">テキスト2</span>に style属性のfont-size: 16px;をfont-size: 18px;にしたい。 他は変えずそのままにしたい。 $(function() { $('span').filter(function() { return ($(this).css("font-size","16px")); }).css("font-size","18px") }); http://okwave.jp/qa/q5310183.html 似たような質問が上記でされていて、真似て書いてみたのですが、これだとfont-sizeが16pxでないものも全て18pxに書き換わってしまいました。 不勉強でお恥ずかしい限りですが、詳しい方いらっしゃいましたらどうかご教授ください。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- インラインで設定したフォントサイズを相対的に
今既にあるPCサイトのスマホ用テンプレートを作っています。 例えば <span class="hage" style="font-size:20px">hoge</span><br /> <span class="hage" style="font-size:18px">hogege</span> こういうHTMLが既にあったとして スマホで見ると20pxや18pxがでかい！と思ったときに 相対的に全体のサイズを下げることは不可能でしょうか？ hogeはhogegeより大きくしたいのですが CSSで.hage{font-size:14px;}などとしてしまうと 当たり前ですが全部14pxになってしまいます。 PCで見たときは上記の通りで スマホで見たら <span class="hage" style="font-size:14px">hoge</span><br /> <span class="hage" style="font-size:12px">hogege</span> こう表示される、なんてことは出来るんでしょうか？ JSなどによる動的な操作は重くなりそうなのでそれ以外にありましたら お知恵をお貸し下さい。
- ベストアンサー
- CSS
お礼
ありがとう御座います。 なるほど、そこにあったのですね！ でも、よく考えると、確かに、スタイルをまとめてHEADタグ内にかくのも、合理的なのかなとも思えてきました。 両方試して見ます。