http://coliss.com/articles/build-websites/operation/css/css-question-magazine-style-layout.html
コリスさんの記事からー。
ちょっとだけ考えてみました。
画像を2枚も使ってしまってるのでダメだとは思っていますが・・・。(加工はしてません!)
解答が楽しみです!
前のエントリー削除して書き直しました><
コリスさんの記事からー。
ちょっとだけ考えてみました。
<div class="center2011042108">
<p class="left"><img src="2011042108.png" align="right" height="300" width="400" />テキスト</p>
<p class="right"><img src="2011042108.png" align="left" height="300" width="400" />テキスト</p>
</div>
<p class="left"><img src="2011042108.png" align="right" height="300" width="400" />テキスト</p>
<p class="right"><img src="2011042108.png" align="left" height="300" width="400" />テキスト</p>
</div>
.center2011042108 { padding: 20px; }
.center2011042108 p { overflow: hidden; }
.center2011042108 p.left { float: left; width: 50%; }
.center2011042108 p.right { padding-left: 20px; }
.center2011042108 p img { margin: 20px; }
.center2011042108 p.left img { margin-right: -200px; }
.center2011042108 p.right img { margin-left: -220px; }
.center2011042108 p { overflow: hidden; }
.center2011042108 p.left { float: left; width: 50%; }
.center2011042108 p.right { padding-left: 20px; }
.center2011042108 p img { margin: 20px; }
.center2011042108 p.left img { margin-right: -200px; }
.center2011042108 p.right img { margin-left: -220px; }
画像を2枚も使ってしまってるのでダメだとは思っていますが・・・。(加工はしてません!)
解答が楽しみです!
前のエントリー削除して書き直しました><