CSS playについて

質問

http://www.cssplay.co.uk/menu/fast.html

のサイトにあるように、サイズを揃えたいのですが、どこからこのようにできるのか、
参考のcssなどが見当たらないのですがどのように、このデモのようにできますか？

回答No.1

kobliha · ベストアンサー

ソースを見ればよい。
<style type="text/css">
.container {width:180px; height:180px; border:1px solid #000; position:relative; overflow:hidden; float:left; margin:5px 0 5px 4px; display:inline;}
.container b{display:block;}

.imgHolder {width:540px;} /* 3x the box width */

.actualSize {height:180px; min-width:180px; float:left; background:#fff; overflow:hidden; text-align:center;}

.reducedSize {width:360px; position:relative; top:-180px;} /* width = 2x box width */

.reducedSize .high {min-width:180px; float:left; background:#fff; text-align:center;}
* html .reducedSize .high {width:180px;} /* hack for IE6 */
.reducedSize .high img {height:180px;}

.reducedSize .wide {float:left; width:180px; height:180px; background:#fff; margin-top:-180px;}
.reducedSize .wide img {width:180px;}
</style>

お礼

やっぱそうですよね＞＜

普通にChromeかFirefoxでソースみてやるのできました。

私は、てっきりどこかにzipであって、ダウンロードしてwordpressにぶち込めば綺麗になるようなものがあると思い探しておりました。

ありがとうございました。

回答No.2

アイルトン セナ（@senna-since1994）

私は、来年５０歳になる老人ですが最近パソコンを始めたI.T文化には疎い人間です！
然し、バナーの揃え方位は解ります、彼方はH.P若しくはブログにアップロードする際に
ホームページ作成キットビルダーなどな使用してますか？ビルダー（１７）なら編集画面で
例えば、インターネットで検索した写真（壁紙用B５）位のサイズでも編集画面の挿入→画像ファイル
→ピクチャー→写真（画像）進み、選択した写真（画像）をクリックするとB5位の写真が編集画面に出ます。

その写真を右クリックするとサイズを縮尺出来るので、例えば８８×３１の標準のバナーサイズまで縮尺出来ます、
そして上書きして編集したH.Pを彼方のプロバイダーに転送すると８８×３１の標準のバナーが公開されます＾０＾

参考になりますか？

お礼

ありがとうございます。