<a href="" target="_blank"><img src="" alt="" border="0" ▲▲▲/><br /></a><img src="" width="1" height="1" border="0" alt="" />
上記のタグでの質問なのですが、style="float:left;"を▲▲▲の部分に挿入する場合一番簡単に出来るやり方などありますでしょうか?
2000近く商品数があるので手直しだと時間が掛かりすぎるので出来れば一括に挿入するやりかた
ぜひご教授頂けませんでしょうか?よろしくお願いします。
No.1ベストアンサー
- 回答日時:
もし、ご使用になられているエディタに正規表現置換機能がついているので
あれば、簡単にできるかもしれません。
#サクラエディタなど
サクラエディタでやってみましたが、
全文見たわけではないので、
以下に示す例で対応できるかわかりませんが、参考までに。
#目的外の文字列を置換してしまう可能性がありますので、
#置換を行う際はバックアップを取ってから行ってください。
置換ダイアログ(Ctrl+R)を出して、
置換前:(<img src=".*?" alt=".*?" border="0" )
置換後:$1style="float:left;"
正規表現置換のチェックボックスにチェックを入れて全て置換とすれば
可能ではないかと思います。
No.2
- 回答日時:
・img要素にstyle属性を付け足したい
・付け足したいimg要素とそうでないimg要素がある、
ということでしょうか?以下はとりあえず思いついた2つの方法です。
(その1: 置換)
基本的にはNo. 1さんと同じです。style属性を付加したいimg要素に関する条件をどれだけ絞り込めるかにより置換条件が決まります。
例えば、付け足したいimg要素が必ず「border="0" /><br />」という終わり方をしていて、このパターンがそれらのimg要素だけに特有ならば、
「border="0" /><br />」→「border="0" style="float:left;"/><br />」
という単純置換でOKです。
img要素にはbr要素が続くものと続かないものの2種類あって、前者だけにstyle属性を付け加えたい、ということならば、正規表現を用いて、
「(<img .*?)(/><br />)」→「$1style="float:left;"$2」
という置換が使えるでしょう。(この正規表現はEmEditorの場合です。お使いのエディタにより異なる場合があるので、詳細はエディタのヘルプをご覧ください。)
(その2: css)
正確に置換ができるまでにimg要素の条件を絞り込むことができる場合には、その条件でcssを指定することができるかもしれません。可能ならばこちらの方が効率的です。
例えば、style属性を付加したいimg要素は、target属性の値が"_blank"であるようなa要素の子供である、と絞り込みできるならば、
a[target="_blank"] > img { float: left; }
という1行をcssスタイルシートに加えるだけです。2000箇所の置換よりも簡単ですし、もしかしたら表示もこちらの方が速いかもしれません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- JavaScript htmlとcssに関する質問です 3 2022/12/06 05:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
goo は、放置?
-
htmlの文字が縦書きになる
-
WEBページを強制的に横画面で見...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
HTML電卓で1文字消す方法
-
HTMLですCSSです 画像のように...
-
テーブルタグのセルの幅の一部...
-
WEBサイト 画像の直接リンクに...
-
CSSについて教えてください。 ...
-
青い枠のみのHTML
-
HTMLです 店主のこだわりという...
-
HTMLです 四角みたいにして中に...
-
初心者html・CSS ウィンドウを...
-
12月のカレンダーを表すHTMLを...
-
pythonに自分で作ったHTMLを、...
-
HTMLです次の意味を持つ要素ま...
-
アコーディオンメニューが思う...
-
スマホ(android)のタッチパネ...
-
HTMLの CSSのファイルというの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報