インラインスタイルシートを使ってみた
楽天広場で、インラインスタイルシートを使ってみる。
（１）手始め
楽天広場の検索
<a href="http://genkai000.hp.infoseek.co.jp/" style="text-decoration: none; background-color: #fff; margin: 5px; padding: 10px 10px 10px 15px; width: auto; border-style: solid; border-width: 1px 1px 1px 10px; border-color: #69f #69f #69f #6c3">楽天広場の検索</a>
この場合は、文章も短いので特に問題ありませんネ！。
（２）インライン要素とブロック要素
USJに行ってきました(^.^)
<a href="http://plaza.rakuten.co.jp/goodbox/" style="text-decoration: none; background-color: #fff; display: block; margin: 5px; padding: 10px; width: 143px; height: auto; border-style: solid; border-width: 10px 1px 1px; border-color: #f90 #69f #69f " ><IMG SRC="http://plaza.rakuten.co.jp/img/user/48/67/2034867/2.jpg" width="133" height="100" alt="USJ"> <br>USJに行ってきました(^.^)</a>
テーブルを使わず枠を表示しています
でも困った事に、
インターネットエクスプローラーで見る限り、赤字の display: block; が無くても問題ありませんが、
他のブラウザなどで見ると
のようになってしまいます。
私が思うに、インターネットエクスプローラーはA／アンカーやspan／スタイルコンテナなどのインライン要素の全てを、ブロック要素と判断して表示しているようです、多分？違うかな？。
最近ではインターネットエクスプローラーに、インライン要素は無いと決めつけてCSSを書いています。（間違ってますか？）
そこでＡ／アンカーをdisplayを使って、ブロック要素に変換してから表示させるようにしてみました。
これで多分大丈夫。
（３）座標
USJに行ってきました(^.^)
USJに行ってきました(^.^)
USJに行ってきました(^.^)
こんな順番を無視したような事もできるので事もできるので、興味のある方は研究してみてください。
でも楽天アフィではこれは使えません、なぜならタグの書き換えに該当するからです。(;^_^A アセアセ…
それにスタイルシートの良さが全くないので、普通にHTMLを書いていた方がよさそうです・・・・多分。
（１）手始め
楽天広場の検索
<a href="http://genkai000.hp.infoseek.co.jp/" style="text-decoration: none; background-color: #fff; margin: 5px; padding: 10px 10px 10px 15px; width: auto; border-style: solid; border-width: 1px 1px 1px 10px; border-color: #69f #69f #69f #6c3">楽天広場の検索</a>
この場合は、文章も短いので特に問題ありませんネ！。
（２）インライン要素とブロック要素
USJに行ってきました(^.^)
<a href="http://plaza.rakuten.co.jp/goodbox/" style="text-decoration: none; background-color: #fff; display: block; margin: 5px; padding: 10px; width: 143px; height: auto; border-style: solid; border-width: 10px 1px 1px; border-color: #f90 #69f #69f " ><IMG SRC="http://plaza.rakuten.co.jp/img/user/48/67/2034867/2.jpg" width="133" height="100" alt="USJ"> <br>USJに行ってきました(^.^)</a>
テーブルを使わず枠を表示しています
でも困った事に、
インターネットエクスプローラーで見る限り、赤字の display: block; が無くても問題ありませんが、
他のブラウザなどで見ると
のようになってしまいます。
私が思うに、インターネットエクスプローラーはA／アンカーやspan／スタイルコンテナなどのインライン要素の全てを、ブロック要素と判断して表示しているようです、多分？違うかな？。
最近ではインターネットエクスプローラーに、インライン要素は無いと決めつけてCSSを書いています。（間違ってますか？）
そこでＡ／アンカーをdisplayを使って、ブロック要素に変換してから表示させるようにしてみました。
これで多分大丈夫。
（３）座標
USJに行ってきました(^.^)
USJに行ってきました(^.^)
USJに行ってきました(^.^)
こんな順番を無視したような事もできるので事もできるので、興味のある方は研究してみてください。
でも楽天アフィではこれは使えません、なぜならタグの書き換えに該当するからです。(;^_^A アセアセ…
それにスタイルシートの良さが全くないので、普通にHTMLを書いていた方がよさそうです・・・・多分。
© Rakuten Group, Inc.
