Реквестирую верстальщиков тред. Техподдержка для нубов, крутые примочки для матёрых верстальщиков. Убиваться об вёрст...

24.05.2015 в 18:09

Гость

заменил флоат на align=right, но проблемы с уезжающим по вертикали содержимым блока это не решает...

URL

24.05.2015 в 18:09

Гость

заменил флоат на align=right, но проблемы с уезжающим по вертикали содержимым блока это не решает...

URL

24.05.2015 в 18:09

Гость

заменил флоат на align=right, но проблемы с уезжающим по вертикали содержимым блока это не решает...

URL

24.05.2015 в 18:11

Гость

держи:

<div style="background: #fff ;border:1px solid #a47a4a;width:480px; padding:10px;"><div style="background-color:#fbfc89;border:2px dotted #a47a4a; border-radius:2em; margin-left:12%; margin-right:12%; padding:5px">

[MORE=<div align="right"><img src="http://www.lib.ru/URIKOVA/NAUMKIN/mirowing-1.jpg" width="200px;"></div>]
<img src="http://www.lib.ru/URIKOVA/NAUMKIN/mirowing-1.jpg" style="float:right; margin-left:5%" width="200px;">Этот узел, как ни один другой, портит трос, так как сильно его изгибает. Если, например, для подъема тяжести использовать новый растительный (пеньковый, манильский или какой-либо другой) трос, на котором остался неразвязанный простой узел, то трос, хотя и рассчитанный для подъема данного груза, оборвется, причем в том месте, где завязан простой узел. У моряков принято считать, что прочность нового растительного троса, на котором при сильной тяге был затянут простой узел, который потом развязали, будет меньше в два раза, чем прочность такого же троса, на котором узла не было.
[/MORE]

[MORE=<div align="right"><img src="http://www.lib.ru/URIKOVA/NAUMKIN/mirowing-1.jpg" width="200px;"></div>]
<img src="http://www.lib.ru/URIKOVA/NAUMKIN/mirowing-1.jpg" style="float:right; margin-left:5%" width="200px;">Этот узел, как ни один другой, портит трос, так как сильно его изгибает. Если, например, для подъема тяжести использовать новый растительный (пеньковый, манильский или какой-либо другой) трос, на котором остался неразвязанный простой узел, то трос, хотя и рассчитанный для подъема данного груза, оборвется, причем в том месте, где завязан простой узел. У моряков принято считать, что прочность нового растительного троса, на котором при сильной тяге был затянут простой узел, который потом развязали, будет меньше в два раза, чем прочность такого же троса, на котором узла не было.
[/MORE]

[MORE=<div align="right"><img src="http://www.lib.ru/URIKOVA/NAUMKIN/mirowing-1.jpg" width="200px;"></div>]
<img src="http://www.lib.ru/URIKOVA/NAUMKIN/mirowing-1.jpg" style="float:right; margin-left:5%" width="200px;">Этот узел, как ни один другой, портит трос, так как сильно его изгибает. Если, например, для подъема тяжести использовать новый растительный (пеньковый, манильский или какой-либо другой) трос, на котором остался неразвязанный простой узел, то трос, хотя и рассчитанный для подъема данного груза, оборвется, причем в том месте, где завязан простой узел. У моряков принято считать, что прочность нового растительного троса, на котором при сильной тяге был затянут простой узел, который потом развязали, будет меньше в два раза, чем прочность такого же троса, на котором узла не было.[/MORE]

</div></div>

насколько я понял ~~из это траха~~, пока ты не вставишь текст, твой флоат будет пидорасить тебе пост. почему -я не знаю

URL

24.05.2015 в 18:11

Гость

Тебе нужно что-то вроде этого?
да-да! чтоб и голубой, и желтый блоки автоматически удлинялись по вертикали до нужного размера в зависимости от того, закрыты или раскрыты моря

URL

24.05.2015 в 18:13

Гость

держи:
Спасибо огромное тебе, анончик! :heart:

URL

24.05.2015 в 18:14

Гость

Да, вон как анон с большим кодом показал: берешь море в <div align="right"></div>

URL

24.05.2015 в 18:22

Гость

попробовал, все работает, блок растет вместе с текстом, но теперь картинка, которую обтекает текст, не прилегает вплотную к правой границе блока, как было раньше( т.е. между картинкой и границей блока появился зазор примерно в пару пикселей

URL

24.05.2015 в 18:25

Гость

попробовал, все работает, блок растет вместе с текстом, но теперь картинка, которую обтекает текст, не прилегает вплотную к правой границе блока, как было раньше( т.е. между картинкой и границей блока появился зазор примерно в пару пикселей
она не прилегает, потому что в втором диве есть padding. если нужно, чтобы она прилипала прямо к краю - убери паддинг. это мои личные тараканы, не люблю "прилипшие к границе" элементы )

URL

24.05.2015 в 18:26

Гость

вдогонку: у меня всё выезжало до тех пор, пока я не вставил текст. повторюсь: я не понимаю, почему. возможно, потому что флоат включается, а обтекать нечему, вот и читается код как придётся. если нет текста, вставь пока любой. вставить текст не проблема - проблема подогнать всё остальное) удачи тебе

URL

24.05.2015 в 18:28

Гость

она не прилегает, потому что в втором диве есть padding.
ох ты ж я мудак, не заметил((
все ок стало, спасибо!

URL

30.05.2015 в 19:33

Гость

Аноны, а вот скажите, если верстка не резиновая, а фиксированный блок шириной, допустим, 480 пикселей - это на широких мониторах прям ужас-ужас? В чем вообще неудобство читать узкий блок текста на широком экране?
Мне вот наоборот, не нравится, когда текст расползается по всему экрану.

URL

30.05.2015 в 19:39

Гость

Аноны, а вот скажите, если верстка не резиновая, а фиксированный блок шириной, допустим, 480 пикселей - это на широких мониторах прям ужас-ужас? В чем вообще неудобство читать узкий блок текста на широком экране?
Мне вот наоборот, не нравится, когда текст расползается по всему экрану.

Ну, прямо по всему экрану не надо, конечно. Но когда в чистом поле поста одинокая птичка фиксированного блока 480 px - это выглядит очень странно.

URL

30.05.2015 в 19:44

Гость

коллеги, а если фиксить по максимуму, то какая ширина оптимальной может считаться? я вот зафиксила максимум на 880; это норм для больших мониторов? для очень больших, потому что на моей 17-ке смотрится вполне органично.

URL

30.05.2015 в 19:47

Гость

480 пикселей - это на широких мониторах прям ужас-ужас?
600-700 пикселей гораздо лучше. При 1920 мне лично оптимально около 900.

URL

30.05.2015 в 20:14

Гость

480 пикселей - это на широких мониторах прям ужас-ужас
Да, это ужас. Это четверть моего большого экрана.
В чем вообще неудобство читать узкий блок текста на широком экране?
В том, что это неприятно глазам? Представь себе объявления в газете, которые идут узкими полосами. А теперь представь, что эта полоса одна на всей странице.
Это ужасно раздражает, ненавижу такие длинные сосиски текста, когда вокруг куча пустого места.

коллеги, а если фиксить по максимуму, то какая ширина оптимальной может считаться? я вот зафиксила максимум на 880; это норм для больших мониторов?
А зачем фиксить на нерезиновом размере, если ты можешь зафиксить на процентах? Проставил 100-90 и т.д. % и гарантированно никаких проблем не будет.

URL

30.05.2015 в 20:17

Гость

Если поставить 90-100%, тогда будет обратная проблема - на больших мониторах все будет широкое и распидорашенное, пользователи больших экранов жаловались. Максимум все-таки надо ставить.

URL

30.05.2015 в 20:18

Гость

Дайри автоматически 888px проставят

URL

30.05.2015 в 20:36

Гость

У меня супердлинный монитор. Резиновая верстка может растягиваться на весь экран полосочкой текста, и никакие дайри ничего не ограничивают.

URL

30.05.2015 в 21:01

Гость

У меня супердлинный монитор. Резиновая верстка может растягиваться на весь экран полосочкой текста, и никакие дайри ничего не ограничивают.
Ограничивают. Любую прописанную ширину больше 888 пикселей они обрезают до 888. С процентами такой проблемы нет.
Если поставить 90-100%, тогда будет обратная проблема - на больших мониторах все будет широкое и распидорашенное, пользователи больших экранов жаловались. Максимум все-таки надо ставить.
Если ты нормально верстаешь, то ничего у тебя пидорасить не нужно. Как пользователь с большим экраном это говорю. Чтобы картинки не пидорасило - тоже проставить в стиле максимальную ширину в 100%. А в остальном - какие проблемы? Кто-то наоборот всё носится и радеет за то, что лучшая вёрстка - это её отсутствие. А при её отсутствии текст как раз-таки пидорасится на весь пост, и ничего. И я разве говорю, что максимум не надо ставить? Нужно. Проставить 100 или 90 процентов, а чтобы никому ничего и с текстом не пидорасило, ещё и в тексте отступы прописать в процентах. Так что вижу тут только проблемы в хреновых верстальщиках, которые не могут правильно сделать, чтобы смотрелось на всех экранах нормально. Сейчас единственное, что не везде можно сделать резиновым по размеру - это флэш и видео на старых версиях андроида. Всё остальное - спокойно масштабируется.

URL

30.05.2015 в 21:34

Гость

Анон, я не знаю, кто кому должен, но у меня максимальная ширина монитора 2560 пикселей, и при верстке в процентах все прекрасно растягивается на всю эту ширину. При этом текст выглядит как цепочка мурашей, а каждая картинка - как Фудзияма. Твои 100% будут нормлаьно смотреться только внутри блока с ограничением максимальной ширины.

URL

30.05.2015 в 21:44

Гость

При этом текст выглядит как цепочка мурашей
Кто-то ещё не прописывает размер текста?

URL

30.05.2015 в 21:48

Гость

Кинь скрин с мурашами плиз :3

URL

30.05.2015 в 22:20

Гость

В качестве примера, ок?
Ограничивают. Любую прописанную ширину больше 888 пикселей они обрезают до 888. С процентами такой проблемы нет. Если поставить 90-100%, тогда будет обратная проблема - на больших мониторах все будет широкое и распидорашенное, пользователи больших экранов жаловались. Максимум все-таки надо ставить. Если ты нормально верстаешь, то ничего у тебя пидорасить не нужно. Как пользователь с большим экраном это говорю. Чтобы картинки не пидорасило - тоже проставить в стиле максимальную ширину в 100%. А в остальном - какие проблемы? Кто-то наоборот всё носится и радеет за то, что лучшая вёрстка - это её отсутствие. А при её отсутствии текст как раз-таки пидорасится на весь пост, и ничего. И я разве говорю, что максимум не надо ставить? Нужно. Проставить 100 или 90 процентов, а чтобы никому ничего и с текстом не пидорасило, ещё и в тексте отступы прописать в процентах. Так что вижу тут только проблемы в хреновых верстальщиках, которые не могут правильно сделать, чтобы смотрелось на всех экранах нормально. Сейчас единственное, что не везде можно сделать резиновым по размеру - это флэш и видео на старых версиях андроида. Всё остальное - спокойно масштабируется.

читать дальше

URL