タグ

soft*Dreamweaverに関するpicnicgraphicのブックマーク (8)

  • DreamWeaverのデザインビューで、clearfixのレイアウト崩れを防ぐ方法 | F+R (FplusR)

    今日は、DreamWeaverのデザインビューで、clearfixのレイアウト崩れを防ぐ方法を紹介します。 DreamWeaverのデザインビューで、clearfixを指定したときに、デザインビューではレイアウトが崩れてしまいます。 私はデザインビューをあてにしないで作業していますが、たまにはあてにしたくなる時もあります。 そんなときには、clearfixを指定している部分に、「overflow:hidden;」「overflow:auto;」のどちらかを指定します。 これで、デザインビューでclearfixが原因でレイアウトが滅茶苦茶になる時はなくなるでしょう。 ただし、「overflow:hidden;」「overflow:auto;」は、諸刃の刀ですので、番環境でのブラウザ確認はしっかりとやられたほうがいいでしょう。 これが原因で番環境でレイアウトが変になっても責任は取れな

    picnicgraphic
    picnicgraphic 2007/11/02
    「私はデザインビューをあてにしないで作業していますが、たまにはあてにしたくなる時もあります。 そんなときには、clearfixを指定している部分に、「overflow:hidden;」「overflow:auto;」のどちらかを指定します」
  • corns blog: Dreamweaver 8 ファイル破損事故

    Dreamweaver 8はコーディング作業に欠かせないアプリケーションであるとともに、Web制作業にとっては毎日使うものだけにクセやTips研究はかかさず行っている。 今日は当に青ざめた事故のはなし。 100ページほどのhtmlのコーディングをしていた。レイアウトに関わるコード部分は、同じディレクトリに置いたcssファイルに記述している。ある意味もっとも大切なファイルはcssファイルと言っても過言ではないだろう。 ページに修正が入るたびごとに全体の構造やレイアウトと整合性を取りながらスタイルシートを調整していく。 またスクッラッチバージョンだから、試しに定義したスタイルや仮のスタイルも記述してある。 そんな大切なスタイルシートの内容がごっそり欠損してしまった。 どこをどう開いても、エディタで開き直しても、82行目から下の行がなくなっている。 なぜこんなことが起きてしまうのか。かなり動揺

    picnicgraphic
    picnicgraphic 2007/07/13
    「{ から } までの改行位置、タブ、コメントなどを同じスタイルできじゅつしないと、全置換したときに消えてなくなります。cssファイルは多分キャッシュもないから致命的」#うぉぉ...
  • 第1回 ひきついだサイトはdivでいっぱい!

    私は制作会社に身を置きながら、テクニカルライターとして執筆をしています。おそらく制作だけやっていたら、日々の仕事に追われてしまっているところですが、リファレンスやチュートリアルなどの執筆を通して細かい機能を探る中で「これって、あれをするときに使えるじゃん!」と、ひらめき、今までのローテクな方法にうんざりすることがあります。 今回から数回にわたり、それらの中からピックアップして「日々の作業効率を高めるDreamweaverの小技」と題してご紹介します。 いわゆる「Webオーサリングソフト」としては圧倒的なシェアを誇るDreamweaverですが、その一方、まだまだ「ハンド・コーディング派」も根強く、、ある意味、ハンドコーディングの方がエライ……みたいな“幅を効かせて”いるところがありますよね。最終的には、Dreamweaverまかせでなく、ソースをきっちりチェックするのは当然ですが、テキスト

    第1回 ひきついだサイトはdivでいっぱい!
    picnicgraphic
    picnicgraphic 2007/02/21
    「作業効率を高めるDreamweaverの小技」
  • K's WEB Sample Stocks: Dreamweaverのエクステンション

    まずは、Dreamweaverのエクステンションについて。 いろいろ便利な機能を追加できますが、作って配布している方もいらっしゃるので 備忘録代わりに。 うまく使って、能率を上げましょう。 とはいっても、インストールをしすぎるとドリの動作が不安定になります。 気をつけましょう。 ======================================== エクステンションがダウンロードできるサイト Dreamweaver 徹底活用 Dreamweaverのカスタマイズの著者サイト。 エクステンションの作り方とかも乗っている。 Dreamweaver 拡張機能/T-STUDIO ルビの簡易挿入や、DOCTYPE 挿入スニペットなど。 SEOの際のページ内キーワード出現率の計算 スニペットをバックアップ・リストアする拡張機能 ======================

  • ネットのサラダボウル: DW8で生成するポップアップメニューがIE7で崩れる件を解消してみた

    以前いろんなフォーラムで見られていた、DW2004やDW8のビヘイビアを利用して作られたポップアップ先日新しく登場したブラウザ界の重鎮、IEのバージョン7ではどうも上手く動作しないという問題。 以下はIE6とIE7を見比べてみたの図 見比べるとテキストの部分が横へ並ばず、幅が狭いがために縦に並んで見えてしまっています。 これはIE7のbeta版が登場してすぐにいろんなフォーラムで問題にあがっていましたが、解決方法まで掲載という流れにはたどり着きませんでした。 そんな矢先、久々にGoogleをつかって調べてみると、なにやら新しい解決方法を掲載しているブログがちらほらと出てきています。 ・21/12: 【メモ】DW8×IE7 ポップアップメニューの表示問題 by Happy Hour さん Happy Hour さんの記事によるともともとMac版 IE5でも同じ現象による表示崩れがおきていた

    picnicgraphic
    picnicgraphic 2007/01/27
    「自動で出力される、「mm_menu.js」というJava scriptのファイルの140行目あたりにある var itemProps = ''; という記述をvar itemProps = 'white-space:nowrap;'; に修正し保存するだけ」#おぼえておくと良さそう。
  • CSS Nite公式ブログ:『Dreamweaverの作業効率を高める小技30発』(鷹野雅弘)

    CSS Niteビギナーズ これからCSSレイアウトをはじめる方、再チャレンジする方のための新企画。11月1日に東京、2009年1月17日に大阪で開催。 『Movable Typeプロフェッショナル・スタイル』 2008年4月5日に開催したMT4LP5の連動書籍として企画。 Movable Typeの使いこなし情報を配信されたり、オリジナルプラグインなどを開発されている著名な著者によるオムニバス。 『変革期のウェブ 〜5つのキーワードから読み解くウェブとビジネスのこれから〜』 [Web標準の日々]の出演者を中心に行った座談会を書籍化。 『Dreamweaverプロフェッショナル・スタイル[CS3対応]』 2006年12月に刊行した『Dreamweaverプロフェッショナル・スタイル』の全面改訂版(CS3対応)。 CSS Nite LP, Disk 2に出演した講師陣+αによるDreamwe

  • 【Dreamweaver】スニペット使わないと後悔するよ!::::::STOPN' LISTEN::::::to the silence:::::::

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

    picnicgraphic
    picnicgraphic 2007/01/12
    「よく使う汎用的なコードを登録しておく事で、登録済のコードについてはスニペットパネルからダブルクリックでコードの挿入が可能になるとても便利なもの」#ぜんぜん使ってなかったー
  • HP制作の職業辞典

    ホームページ制作会社の職業学 このサイトはホームページ制作会社でホームページ作成を行う、WEBデザイナー、WEBディレクター、WEBプログラマーの情報サイトです。 スポンサー広告|このモダンソファではおしゃれでモダンなソファや机を厳選しています♪デザインがいいものばかり厳選しているのでぜひ!また、このダイヤ ピアスもシンプルなデザインのダイヤとプラチナが使われているので職場に付けていっても素敵なのです。贅沢に3サイトも紹介してしまいました。以上、広告でございました!

  • 1