独自の CMS を作成しましたが、画像の概要がまだめちゃくちゃです。現在、次のようになっています: http://i47.tinypic.com/raaybt.jpg
私はこの結果を達成しようとしています (この写真はフォトショップで作成しました) http://i47.tinypic.com/30ualbm.jpg
上に投稿した結果をどのように達成できますか? ここに私のHTMLコードがあります:
<div id="main-content">
<div class="tab-content default-tab" id="tab1">
<div class="notification information png_bg">
<a href="#" class="close"><img src="resources/images/icons/cross_grey_small.png" title="Close this notification" alt="close" /></a>
<div>
Hieronder ziet u een overzicht van alle afbeeldingen die momenteel geupload zijn.
</div>
</div>
<div id="afbeeldingen">
<ul id="afbeeldingenlijst">
<li>
<div class="afbeelding">
<img src="http://placehold.it/150x150"/>
<a href="#">Verwijderen</a>
</div>
</li>
<li>
<div class="afbeelding">
<img src="http://placehold.it/150x150"/>
<a href="#">Verwijderen</a>
</div>
</li>
</ul>
</div>
</div></div>
ここに私のcssがあります:
#main-content ul li {
width:200px;
float: left;
}
前もって感謝します (: