Próbujesz utworzyć interfejs WEB do mojej lokalnej kolekcji komiksów. Wygląd powinien być bardzo podobny do iBooków Apple - okładek książek na półkach. Pokrowce są podobne, ale nie identyczne pod względem wysokości i szerokości. Nie można dowiedzieć się, jak przesuwać okładki obrazów na spód elementu div bez wskazania szerokości elementu div zawierającego. Idąc z bezwzględnym, wewnętrznym krewnym, po prostu układa okładki w stos.Wyrównaj obraz do dolnej części elementu pływającego po lewej stronie
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 Przykład: http://jsfiddle.net/NATqD/
Hej 1695953! Interesujące pytanie (+1), chociaż jsfiddle prawdopodobnie nie pokazuje tego, co chcesz pokazać – Cedric
Czy to właśnie mówisz: http://jsfiddle.net/userdude/NATqD/2/ –