タグ

ブックマーク / tenderfeel.xsrv.jp (3)

  • Dreamweaverの正規表現置換サンプルと解説

    Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんw 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには? Ctrl+F(コマンド+F)押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 HTML→XHTMLで一番多い作業がこれだと思う 置換対象: <td width="397"><font size="2">テキスト</font></td> 置換後: <th scope="row">テキスト</t

    Dreamweaverの正規表現置換サンプルと解説
  • [css] フォームのボタンをスタイルシートで画像ボタンに変更する

    フォームのボタンについては以前、buttonタグにボタン画像をそのまま入れるという手法を書きましたが、 もう一つ、ボタンの見た目をCSSで変更する手法がございます。 この記事ではCSSでスタイリッシュなフォームボタンを作る方法について解説します。 メリットとしては、ロールオーバーアクションをCSSで制御出来るという点と、 タイプ属性にimageを指定しないので、送信やリセットなどの機能を殺さないという点があります。 ただし、CSSでのロールオーバーはIE6未対応なので、気になる方はJavascriptと併用してください。 (個人的にはスルーしても問題ないと思っています) (X)HTMLソース buttonとinputどっちでもOK <button id="submit" type="submit">Submit</button> <input id="submit" type="submi

    [css] フォームのボタンをスタイルシートで画像ボタンに変更する
  • [IE7]不自然な横スクロールバーが出るバグについて

    IE7だけで変な横スクロールバーが出たので調べてみたらどうやらバグみたいだったんだけど、発生条件が違ってたのでサンプル作ってみた。 IE7とその他のブラウザで比較してみて欲しい… Sample » 親要素(div#masthead)にposition:relative さらにその子要素(p.description) に position:absolute と leftまたはright値 その子要素(p.description)内で改行している(またはdisplay:blockしてる要素がある) font-style:italic;をスタイルシートのどこかで使っている(位置関係無し) <div id="header"> <div id="masthead"> <p class="banner"><a title="HOME" class="siteName" href="index.html

    [IE7]不自然な横スクロールバーが出るバグについて
  • 1