Yerel çizgi roman koleksiyonlarım için bir WEB arabirimi oluşturmaya çalışın. Look'n'feel, Apple'ın iBooks'una çok benzemeli - kitap raflarında kitap kapakları. Kapaklar benzer ve yükseklik ve genişlikte aynı değildir. Resim kapaklarının, div içeren alanın genişliğini belirtmeden divun altına nasıl yerleştirileceğini anlayamıyoruz. Mutlak-iç-akraba ile gitmek sadece kapakları bir yığın haline getirir.Resmi, soldaki bir alt alanın altına hizalayın
HTML:
<div class="cover"><a href="#"><img src="cover1.jpg"></a></div>
<div class="cover"><a href="#"><img src="cover2.jpg"></a></div>
<div class="cover"><a href="#"><img src="cover3.jpg"></a></div>
CSS:
body {background-image: url(http://image.bayimg.com/oaddpaaea.jpg); background-repeat: repeat;}
.cover {float: left; height: 258px; border: 1px solid red; margin: 0px 5px 25px 5px;}
.cover img {border: 1px solid green; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;}
jsFiddle Örnek: bu pozisyon eklemenizi sağlar KAPAK göre: http://jsfiddle.net/NATqD/
Hey 1695953! İlginç bir soru (+1), jsfiddle muhtemelen ne göstermek istediğinizi göstermiyor olsa da, – Cedric
Gösterdiğiniz şey bu mu? Http://jsfiddle.net/userdude/NATqD/2/ –