| |
|
|
| | Помогите пожалуйста решить задачу. Припустим есть вот такой код:
<div class="div">
<div class="div2"></div>
<div class="div2"></div>
<div class="div2"></div>
<div class="div2"></div>
<div class="div2"></div>
<div class="div2"></div>
<div class="div2"></div>
<div class="div2"></div>
<div class="div2"></div>
</div>
|
css
#wrapper {
min-width: 970px;
max-width: 1600px;
.div {
}
.div2 {
width: 319px;
height: 239px;
background: url("img.png") no-repeat;
float: left;
}
|
То есть картинка располагаются один за другим по 3 штуки. И если большой монитор то влазит 4-я. Задача в том чтоб первый див (картинка) в ряду был прижат в лево. Если в монитор влазит только 3 дива то 3-й (последний в ряду) прижат в право.
Может так понятней будет:
I___img___I +++ I____img___I +++ I___img___I
I___img___I – div, элемент в моем случае картинка
+++ – место где картинки разъезжаются. (как только хватает места в моем случае 319px; то в один рая влазит 4-я картинка потом 5-я 6-я… вдруг этот сайт откроют в кинотеатре.)
Спасибо. | |
| |
|
|
| |
|
|
| |
для: shev
(15.04.2011 в 21:35)
| | | ну здесь лучше сразу определиться сколько там должно влазить, в вашем случае я так понял это 3 картинки, 4ю не пускать просто в ряд. Либо тогда на Жс, потому что отследить или подстроиться просто так под то сколько будет влазить - анриал.
Была подобная задача, только нужно было показывать/скрывать картинки в зависимости от того сколько их влазит в ряд, решено на жс. | |
| |
|
|
| |
|
|
| |
для: sl1p
(16.04.2011 в 04:37)
| | | Я извиняюсь. Может глупый вопрос но что такое "жс" | |
| |
|
|
| |
|
|
| |
для: shev
(16.04.2011 в 20:29)
| | | javascript.
переопределяете в нем стили и ставити абсолютное позиционирование.
вот например http://eventomania.ru/
если js отключен, будет показан обычный float:left из css, а с js все красиво и по центру | |
| |
|
|
