[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как сместить по 2 картинки
Guest
На сайте идут 4 картинки

<img src="1.png"> <img src="2.png"><img src="3.png"> <img src="4.png">

Выглядят вот так -
huh.gif ohmy.gif wink.gif tongue.gif
Но т.к. сайт резиновый, то при изменении размера браузера, выглядит так:
huh.gif ohmy.gif wink.gif
tongue.gif

Как сделать что бы уходило разом 2 картинки, а не одна? Т.е. при изменении браузера, было так:

huh.gif ohmy.gif
wink.gif tongue.gif



Спустя 23 минуты, 3 секунды (5.03.2012 - 11:47) aveBen написал(а):
Мой вариант...

см. стили...

Спустя 39 секунд (5.03.2012 - 11:48) TMake написал(а):
<div>
<img
src="1.png"> <img src="2.png">
</div>
<div>
<img
src="3.png"> <img src="4.png">
</div>

а дальше изучай css

Спустя 7 минут, 52 секунды (5.03.2012 - 11:56) Guest написал(а):
stepan
Div изначально дает перенос.
Картинки будут идти -

huh.gif ohmy.gif
wink.gif tongue.gif

А мне нужно что бы они шли в ряд и только потом переносились.


Спустя 2 минуты, 20 секунд (5.03.2012 - 11:58) Guest написал(а):
aveBen

На что смотреть? У тебя как раз так- как мне не нужно)
user posted image

Спустя 19 минут, 20 секунд (5.03.2012 - 12:17) sebastjan написал(а):
Плохо изложенна мысль.
Могу только догодаться что хочет автор делать пененос по две картинки.
Значит запри их в блок по две и используй в стиле обтекание.
Будет перенос по блокам.
Степан правильно сказал.
Или донеси свою мысль конкретней.

Спустя 14 минут, 16 секунд (5.03.2012 - 12:31) killer8080 написал(а):
Цитата (Guest @ 5.03.2012 - 10:56)
stepan
Div изначально дает перенос.
Картинки будут идти -

huh.gif  ohmy.gif 
wink.gif  tongue.gif

А мне нужно что бы они шли в ряд и только потом переносились.

css float:left для блоков

Спустя 1 минута, 32 секунды (5.03.2012 - 12:33) Guest написал(а):
sebastjan
Ну смотри. Есть 4 картинки, при полном браузере.
user posted image

Когда его уменьшаешь до размера 1024 на 768 картинки становятся такими

user posted image

А нужно чтоб при таком размере вниз уезжало сразу две картинки. Т.е. выглядело бы это вот так

user posted image

Спустя 3 минуты, 1 секунда (5.03.2012 - 12:36) killer8080 написал(а):
Guest
тебе же уже ответили, группируешь картинки по блокам, и стили прописываешь.

Спустя 9 минут, 29 секунд (5.03.2012 - 12:46) TMake написал(а):
Цитата (killer8080 @ 5.03.2012 - 13:31)
css float:left для блоков

люди совсем не хотят разбираться в чем либо dry.gif

Спустя 1 минута, 23 секунды (5.03.2012 - 12:47) aveBen написал(а):
Цитата (Guest @ 5.03.2012 - 08:56)
stepan
Div изначально дает перенос.
Картинки будут идти -

huh.gif ohmy.gif
wink.gif tongue.gif

А мне нужно что бы они шли в ряд и только потом переносились.

А ты попробуй сдвинуть браузер, принцип почти один и тот же...

Спустя 2 минуты, 37 секунд (5.03.2012 - 12:50) Guest написал(а):
killer8080
Если по блокам то получается такая картина

user posted image


Можно ли сделать так чтоб сместилось 2 картинки, и сразу отцентровались?

Спустя 13 минут, 11 секунд (5.03.2012 - 13:03) killer8080 написал(а):
<div style="clear: both"></div>
<div
style="float: left">
<img
src="1.png"> <img src="2.png">
</div>
<div
style="float: left">
<img
src="3.png"> <img src="4.png">
</div>
<div
style="clear: both"></div>

Спустя 11 часов, 54 минуты, 9 секунд (6.03.2012 - 00:57) sebastjan написал(а):
killer8080
Если он ленится почитать многочисленный хелп п овёрстке дивами и обтеканием, что уж говорить о style="clear: both" Это вообще будет для него из области фантастики.

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.