前回、楽して自動で写真に枠をつけるところまで うまくいきましたが
枠付いてほしくないものまで一律で付いちゃうので困ってしまいました。
リンクボタンに枠が付いても それはそれ悪くないんじゃないか？ と
自分の頭の仕様を変更しようとしましたが、やっぱ 気持ち悪い。
しょうがないので 手段を 探ってみました。
前回、写真と共に、部品までこんな感じで表示になっちゃった。
またまた、スタイルシートについて調べてみました。
でも、画像毎にスタイルシートのルールを一時的に除外なんていうのは見つかりませんね。
せめて、<div class="asset-body"> の括りをいったん</div>で終わらせられれば！ と思いましたが
<div class="asset-body"> は本文のエントリーの外で組み込んでるので いかんともし難い。
おのれ、 "asset-body" め何の恨みがあるんだ！ と思い始めましたが
ふと、htmlのソースをみていると、<div>の中でもまた<div>を切ってるケースが結構あります。
まったく、当てずっぽうなのですが。
大きなルールの中で別の個別ルールを作ればそっち優先されたりしない？？ という疑問。
で、試してみました。
img タグの中に
<img src="https://******/smp.jpg" height="78" width="152"
style="border:1px solid rgb(255,255,255); margin: 1px; padding: 1px;" />
これでどうだ！
また、あてずっぽで 別の<div class="">を切ってみたらどうかなと思いつきました。
避難させるための class を用意してみます。
とりあえずスタイルシートに追加
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
.asset-escape img
{
border:0px solid rgb(255, 255, 255); margin: 5px; padding: 1px;
}
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
記事の本文にこんな感じでいれてみました。
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
<div class="asset-escape">
<img src="https://******/smp.jpg" height="78" width="152"
style="border:1px solid rgb(255,255,255); margin: 1px; padding: 1px;" />
</div>
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
心の中のイメージでは
<div class="asset-body">
<div class="asset-escape">
img
</div>
</div>
こんな感じのつもり
では イザ
おぉ ！！ いけてる いけてるよ！！
敬遠してたけど スタイルシート ちょっと理屈わかってくると面白いかも。
