自分が運営しているナーセリーショップもブログ形式だが
お客様が個人情報などを書くページでは
httpsのセキュリティページ(ベリサイン社)に移動する。
この借り物のセキュリティページは、当然ながら
サイト管理者によるカスタマイズはほとんどできない。
管理者がうっかりタグを修正してそれが間違っていたら大変なことになるし
ほかのサイトにも迷惑がかかるかもしれない。
だからこのセキュリティページは我慢するとして、他のページでは
自由にカスタマイズができるのがカラーミーショッピングカートの特徴だ。
とは言ってもブログの場合、
ウェブページプロトコルはhtmlからxhtmlに移っているので
私はもうどうしようもないくらい浦島だ。
少しはxmlも勉強したが、まだまだhtmlのようなわけにはいかない。
こんな時はカラーミーの助け合い掲示板が役に立つことが多い。
でもあまりに簡単な質問をするのもこっぱずかしいのであれこれ実際に試して
やっとうまくいくこともあるし、まったく手に負えなかったこともある。(@_@;)
今回のカスタマイズに関する課題は以下のとおり。
商品詳細ページでは、写真合計4枚(いずれも1枚が100KB以下)を
アップロードして表示できるが、
今回は5枚目の写真として、自サイトの画像をリンク表示させることにした。
htmlタグで<img src="">としたら、写真は中央合わせになってしまい
アップしてある上の写真がすべて左寄せなので、見た目のバランスが悪い。
何とか左寄せにできないかとCSSを見たが特に記述はない。
上の、左寄せ写真と同じタグ<div class="★★★★★★">を使ってもダメ。。。
最後の手段で<div style="margin-left:-5px;">としたら
やっとうまくいった。
ベースCSSのどこかで、写真は左マージンがとってあるのかもしれないが
それを全部チェックして探すのに結構な時間がかかるためメンドクサイ。
だからCSSに記述せずスマートじゃないが、ちから技をとった。
また別法も思いつく。
独自にクラスclassを作成してCSSに追加すれば良いね。
こんな単純なことは本当は書きとめるに足らないが、
しばらくやらないと全く忘れているので、思い出すまでに時間がかかるから
書きとめておくことにした。