- 締切済み
【DreamWeaver】CSSのclass名を変更したい
ドリームウィーバーMX2004と8を使用しています。(Win-XP) 現在CSS(スタイルシート)のclass名を変更したくなった場合、全てのファイルを手作業でチェックしなくてはならず結構大変です。ドリームウィーバーではClass名の一括更新の機能はあるのでしょうか? ご存知の方教えてください。よろしくお願いいたします。
- takosuke88
- お礼率82% (391/476)
- グラフィックソフト
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
みんなの回答
こんにちは! >単純な置換機能なので気をつけないと関係ないものまで置換しそうですねえ… すでにお気づきかとは思いますが念のため・・ 『aaa』→『bbb』というように変換部分だけではなく、 『class="aaa"』→『class="bbb"』というように前後の文字をうまく使って置換してください。
- Shige29
- ベストアンサー率23% (121/520)
置換で検索対象を変更すれば、サイト全体一発置換も、ファイル毎で確認しながらの置換も出来ますよ。
お礼
なるほど… しかし単純な置換機能なので気をつけないと関係ないものまで置換しそうですねえ…
関連するQ&A
- CSSファイルが見当らないclass名があり、しかもCSSが効いています。どこにあるんでしょうか?
tableのtdやthの背景にうまく画像が入っていてうまいつくりがあったので、方法を調べようとしてソースを見て、CSSファイルを調べるのですが、該当のclass名が検索しても存在しないのです。こんなこと初めてです。 なのにちゃんとCSSは効いています。HTMLソースには記述という記述がないので、どう考えても外部スタイルシートとしか思えないのですが・・・ JavaScriptで操作しているのか?と思ってそのあたりも見はしたのですがわかりませんでした。 以下のURLです。 ※ちなみに「比べてください!圧倒的なコストパフォーマンス」というところの表のように、背景画像や2ピクセルでの区切り線、tdやthによって背景画像や色を変更している手法などを知りたいものです。 http://www.rensaba.com/campaign/ocssl/ とりあえず、tableタグにある「class="comparison"」が見当たらないのです。 このソースにかかれてあるCSSファイルは複数ありますが、全て検索かけてみたのですがひとつも出てきませんでした・・・・ この表の作り方だけでなく、いったいどうやって効かせているのかも知りたいです。 宜しくお願い致します。
- ベストアンサー
- HTML
- cssのclassについて
よろしくお願いします。 文字の背景に画像を入れて、更には文字の左側にチェックマークを入れるようにしたいため、cssやhtmlに下記の記述をしました。 【css】 div#test {list-style-position: outside; list-style-image: url(img/checkmark.gif); background-image: url(img/mark.png); color: #ff0000; font-weight: bolder; width: 800px; font-size: 1.0em; line-height: 2.0; } 【html】 <div id="test"> <ul> <li>テキスト、テキスト000テキスト</li> </ul> </div> 上記ですと、確かに背景画像も文字の左側にもチェックマークが入るのですが、下記のようにclass指定すると表示されなくなってしまいます きっとclassの表記が間違っているのだと思いますが困っております ご指導の程よろしくお願いします。 【css】 .test {list-style-position: outside; list-style-image: url(img/checkmark.gif); background-image: url(img/mark.png); color: #ff0000; font-weight: bolder; width: 800px; font-size: 1.0em; line-height: 2.0; } 【html】 <ul class="test"> <ul> <li>テキスト、テキスト000テキスト</li> </ul> また、id名は一つしか使えないがclass名は同じものを複数使えるとお聞きしますが、上記で言うと"test"を複数使えると言う事でしょうか? きっと私は<p>は</p>で閉めるように、そのあたりが良く分かっていないのかも知れません。 よろしくお願いします。
- ベストアンサー
- その他(プログラミング・開発)
- CSSで使う CLASSに関して
こんにちは。CSSに関しての質問なのですが。 外部スタイルシートで登録していて <span class="c5"> 文字<br> </span> といった設定をしていて 外部スタイルシートで .c5 { color:#FF9934; font-weight: bold; } といった設定をしています。 しかしIEでは正常にカラーが変わって表示されるのですが、FireFoxでは表示されません……。 IEよりもFireFoxの方がタグ等に対して厳密な解釈をしていると思うのですが、この設定は何がおかしいのでしょうか? どなたかわかる方、回答をよろしくお願いします。
- ベストアンサー
- HTML
- ドリームウィーバーでCSSで背景つけたら。。。
ドリームウィーバーMX上で以前作ったスタイルシートを添付して背景画像をつけたのですが、保存してもう一度開けると背景だけが表示されるのです。ブラウザで見ると正しく表示されているのですが・・・どうなってしまったのでしょうか?Windowsで制作しています。よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- CSS idとclassをtableでつかうとき
内部cssで テーブルに装飾をしようとしていたのですが、 <style type="text/css"> <!-- table.sample td {font-size:12px;} --> </style> <table class="sample">・・・ これは有効でした <style type="text/css"> <!-- table#sample td {font-size:12px;} --> </style> <table id="sample">・・・ これは無効でした なぜでしょう?classとidはそのユニーク性のみの違いかと思っていましたが。 このような機能的な違いもあるのでしょうか。 それとも単に記述ミスですかね。。。
- ベストアンサー
- CSS
- ドリームウィーバー html5
ドリームウィーバーでhtml5 で制作しているサイトがあります。 ・style.css ・class.css のふたつでcssの管理をしているのですが、 ドリームウィーバー上では綺麗に組めているのに、 ネットにUP、プレビューすると style.cssだけ反映されて、class.cssが無視されます。 index.htmlと同階層にあるので、リンクも問題ないと思うのですが、なぜでしょうか?お力お貸しください。 <link href="style.css" rel="stylesheet" type="text/css"> <link href="class.css" rel="stylesheet" type="text/css"> ちなみにリンクです。。
- 締切済み
- ホームページ作成ソフト
- どこでそのclassやID使われているかを知る方法はありますか??
お世話になっております。 できるだけスタイルシートを使用しようと奮闘中の者です・・。 ただ、特に他者が作ったサイトの更新作業で、どこでそのclassやIDが使われているかを知る方法があればなと思います。 もしございましたら、ホームページビルダー12を使っていますが、ビルダーの機能にこだわらず、教えて頂けませんでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- DreamweaverでCSSの使い方が解説してあるサイト
題名の通りです。 DreamweaverでCSS(スタイルシート)の使い方が解説してあるサイトがありましたら教えてください。当方いまだにテーブルレイアウトで作っています。 Ver.は2004MXです。
- 締切済み
- ホームページ作成ソフト
- Dreamweaver CSSスタイルシート
DreamweaverでHPを作っています。スタイルシートは、mystyle.cssの名前で保存しました。少し作業が進んで気づいたのですが、mystyle.cssの下に<style>項目ができていました。自分では作った記憶がないのですが<style>がなぜ突然現れたのかがわかりません。
- 締切済み
- Mac
- Dreamweaver のライブラリ機能でソースが崩れる
ドリームウィーバーMX2004を使用していますが、ライブラリ機能を使って一括更新をすると、インデントを付けて整形していたソースコードが、必ず崩れてしまいます。 具体的には、上下の空白(改行など)がすべて取り除かれてしまいます。下のようなイメージなのですが、まったく原因がわかりません。 ドリームウィーバーの仕様なのでしょうか? ↓アセットからライブラリを配置した直後のイメージ <br> <!-- #BeginLibraryItem "/Library/navi.lbi" --> <p>…</p> <!-- #EndLibraryItem --> <br> ↓ライブラリ更新後のソースコード <br><!-- #BeginLibraryItem "/Library/navi.lbi" --> <p>…</p><!-- #EndLibraryItem --><br>
- 締切済み
- HTML
お礼
わかりました。とりあえずDreamWeaver自身にはCSSを意識した更新機能はないということですね。ありがとうございました。