Не дадим вытечь читательским глазам! — @дневники: асоциальная сеть

среда, 14 октября 2015

23:25

Не дадим вытечь читательским глазам!

все записи пользователя в сообществе WTF Inside

Тред 1 (этот), Тред 2 (следующий), Тред 3

Ранее

Пишет Гость:

14.10.2015 в 03:56

А вообще, давайте обсудим дизайн вёрстки, чтобы те, кто будет этой зимой верстать и придумывать дизайн, не повторяли ошибок. Что недопустимо в вёрстке, что, наоборот, должно быть?
Думают ли те, кто будет верстать, о тех, кто планирует читать выкладки не с ноутбуков, а с мобильников?

На какие команды прошлых лет следует ориентироваться как на эталон, а какие команды, наоборот — вопиющий вырвиглаз и безвкусица?

URL комментария
20 страница

Треды реков и антиреков дизайна: 1, 2, 3

запись создана: 20.09.2013 в 19:50

@темы: Визуал, Советы, Верстка и оформление

URL

Поделиться

Комментарии

09.01.2017 в 01:38

Пропиши через стиль для картинки всё так же, как для блока, что касается ширины, за максимум возьми ширину картинки.

URL

09.01.2017 в 01:42

А тогда на очень широком мониторе картинку не растащит на стопиццот пикселей ширины?
С картинкой все еще проще, анон) Ты просто ей пишешь max-width:100% (или не 100, а сколько тебе нужно) и больше ничего. Правда, с таблицами такая хрень не всегда прокатывает, так что если картинка в таблице, то надежнее прописать width в процентах и max-width в пикселях, равный ширине самой картинки.

Например:

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

URL

09.01.2017 в 01:42

Пропиши через стиль для картинки всё так же, как для блока, что касается ширины, за максимум возьми ширину картинки.
Так я так и сделал. А теперь мне говорят "убирай max-width и min-width". Определитесь :gigi:

:gigi:

URL

09.01.2017 в 01:45

Три с половиной года назад анон попробовал верстать, так как в нашей микрокоманде никто не умел, включая анона. Сейчас анон уже успел сверстать с полдюжины постов набора на ЗФБ-2017. Будь проклят тот день, когда я сел за баранку этого пылесоса... Хочется уже писать не только код. Я же райтер! Я же артер! Я же крафтер! Я же бета! Нет, я в первую очередь верстальщик... Хнык...
А я наоборот очень люблю верстать и с удовольствием бы не делал ничего, кроме... но эти грабли дайри, на которые постоянно наступаешь, очень раздражают :weep2:

:weep2:

URL

09.01.2017 в 01:47

Определитесь :gigi:

:gigi:

Вот за это я инсайд и люблю :lol:

:lol:

Для блока бери только width в процентах, для картинки - max-width в процентах. Если картинка в таблице - max-width в пикселях, равный ширине картинки, плюс width в процентах)

URL

09.01.2017 в 01:52

Для блока бери только width в процентах, для картинки - max-width в процентах. Если картинка в таблице - max-width в пикселях, равный ширине картинки, плюс width в процентах)
...я просто скопировал себе это предложение, даже не буду пытаться понять :lol:

:lol:

Спасибо.
Я ваще дизайнер, которому надо понять, что фотошопить, на самом деле :lol:

:lol:

URL

09.01.2017 в 01:52

Если у тебя картинка внутри блока, бери просто ширину 100%, а у блока выстави макстмальную по ширине картинки. Если у тебя картинка над блоком, то копируй стиль блока во всем, что касается ширины.

URL

09.01.2017 в 02:05

Я ваще дизайнер, которому надо понять, что фотошопить, на самом деле :lol:

:lol:

:lol:

:five:

<div style="width:90%;"><img src="ссылка на картинку (хэдер)" style="max-width:100%;"><div style="width:100%;">Тут выкладка</div><img src="ссылка на картинку (футер)" style="max-width:100%;"></div>

Картинки в хэдер и футер, соответственно, должны быть гигантскими по ширине - тысячи полторы-две пикселей, чтобы на широких экранах основной блок не становился шире, чем хэдер и футер. Можно всю эту колбасу еще в тег центровки загнать, но это уже ваш верстальщик разберется, надо ли вам оно) Проценты (которые 90) можно тоже любые прописать, это ширина всего рабочего блока относительно ширины поста дайри.

URL

09.01.2017 в 02:09

Если у тебя картинка внутри блока, бери просто ширину 100%, а у блока выстави макстмальную по ширине картинки. Если у тебя картинка над блоком, то копируй стиль блока во всем, что касается ширины.
Это предложение я тоже скопировал :-D

:-D

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

URL

09.01.2017 в 21:48

Я ваще дизайнер, которому надо понять, что фотошопить, на самом деле
да-да-да-да-да!
бро!
сис!
никто ж не скажет ничего толком! а я уже хедеры наваял на 700
правда, у нас можно их и по центру просто давать
я надеюсь

URL

09.01.2017 в 21:56

никто ж не скажет ничего толком! а я уже хедеры наваял на 700
:friend2:

:friend2:

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

:lol:

URL

10.01.2017 в 15:20

не, ну save for web — наше все.
но я расстроен ((( травма у меня
теперь буду все шарашить вообще в полиграфическом качестве

URL

23.01.2017 в 18:41

Граждане, имею вопрос.
Есть таблица в 2 столбца 7 строк, например.
Мне нужно, чтобы: 1 а - узкая ячейка, 1 б - широкая
2 а - широкая ячейка, 2 б - узкая.
И так далее, бустрофедоном.

Как это сделать?.. Прописывать ширину в каждой ячейке вот так, например?

<td width="100">Левая колонка</td><td width="500">Правая колонка</td></tr>
<tr><td width="500">Левая колонка</td><td width="100">Правая колонка</td></tr>

URL

23.01.2017 в 18:41

Граждане, имею вопрос.
Есть таблица в 2 столбца 7 строк, например.
Мне нужно, чтобы: 1 а - узкая ячейка, 1 б - широкая
2 а - широкая ячейка, 2 б - узкая.
И так далее, бустрофедоном.

Как это сделать?.. Прописывать ширину в каждой ячейке вот так, например?

<td width="100">Левая колонка</td><td width="500">Правая колонка</td></tr>
<tr><td width="500">Левая колонка</td><td width="100">Правая колонка</td></tr>

URL

23.01.2017 в 18:43

Прописывать ширину в каждой ячейке вот так, например?
Не сработает так, ширина столбца в рамках одной таблицы одинаковая. Просто каждую строчку делай новой таблицей, иначе никак.

URL

23.01.2017 в 18:48

Гость, ппц... Но на безрыбье...

Кто что еще скажет?...

Щаз оно имеет вот такой вид:

<table width="600px;" border="0">
<td width="100px;">левая </td><td width="500px;">правая </td>
<tr><td width="500px;">левая </td><td width="100px;">правая </td></tr>
</table>

URL

23.01.2017 в 18:51

Щаз оно имеет вот такой вид:
И работает? Сейчас проверил: у меня такой код тупо дает таблицу с двумя колонками одинаковой ширины.

URL

23.01.2017 в 18:53

чтобы колонки были разной ширины, надо сделать три колонки, в первой строке объединить первые две, во второй - две последние.

URL

23.01.2017 в 18:54

Неа, не работает. Одинаковые.
То есть, я делаю это как-то так?

<table width="600px;" border="0">
<td width="100px;">левая </td><td width="500px;">правая </td></tr>
</table>
<table width="600px;" border="0">
<tr><td width="500px;">левая </td><td width="100px;">правая </td></tr>
</table>

URL

23.01.2017 в 18:55

чтобы колонки были разной ширины, надо сделать три колонки, в первой строке объединить первые две, во второй - две последние.
О. А вот это уже интересно... :buddy:

:buddy:

URL

23.01.2017 в 18:59

1		2
3	4

<table border="1" cellpadding="5">
<tr><td colspan="2" width="500px;">1</td><td width="100px;">2</td></tr>
<tr><td width="100px;">3</td><td colspan="2" width="500px;">4</td></tr>
</table>

URL

23.01.2017 в 19:02

:crazylove:

:buddy:

Анон -

:shy:

!!!!

URL

23.01.2017 в 22:18

анонче, такая проблема: делаю верстку, все хорошо, кроме того, что:
1) едет хедер в разные стороны, если не прописывать условия -o-object-fit: fill; margin-left: 10px; margin-right: 16px;
2) сам хедер отстает от тела поста на ебучий пиксель - как это поправить?
3) когда смотришь с устройства полную версию дайрей, то все распидорашивается по экрану, будто гирлянда новогодняя ~~или как кишки на елке~~

помогите, пожалуйста, анонче! силы закончились

<div align="justify"><img src="ссылка_на_картинку" style="850px; min-width:150px; -o-object-fit: fill; margin-left: 10px; margin-right: 16px;"></div><div style="width:831px; background-color: #ebf2f9; border-left: 2px solid black; border-right: 2px solid black; border-bottom: 2px solid black; padding: 0 10px; margin: 0 10px;"><div align="center"><div style="max-width: 850px; min-width:150px;"><div style="position: absolute"></div></div></div>

<div style="width:850px; margin-left: 16px; color: #000000; text-align: justify; position: relative"></div>

URL

23.01.2017 в 22:21

сам хедер отстает от тела поста на ебучий пиксель - как это поправить?
margin-bottom: -число px; в свойствах хэдера пропиши

URL

23.01.2017 в 22:58

Я не понял, как это должно выглядеть. Хедер, а под ним текстовый блок такого же размера? Тогда примерно так:

 <img src="адрес картинки" style="width:850px;max-width:90%;display:block;margin:auto"><div style="width:850px;max-width:90%;margin:auto;background-color: #ebf2f9;"><div style="padding: 0 10px; border-left: 2px solid black; border-right: 2px solid black; border-bottom: 2px solid black;">здесь текст.</div></div>

Какой результат ты хочешь получить?

URL

23.01.2017 в 23:43

анон в 22:21
спасибо тебе, дорогой :buddy:

:buddy:

анон в 22:58
да, хедер, а под ним текстовый блок такого же размера, по бокам и снизу рамочка, ибо и на хедере есть рамочка, из-за которой вся каша...
вот прописал, а все равно шапка едет: тело поста больше, а хедер с одного бока влез - а с другого не дотягивает :/
-o-object-fit: fill; margin-left: 10px; margin-right: 16px; - вот эти условия прописываю - и вроде все ок, но приходится подгонять размеры (и с устройства все остальное ок, кроме хедера)

в итоге (в идеале) хочется получить:
рамка совпадает по краям, хедер не едет никуда по пизде
и сам пост можно читать с мобильного устройства в полной версии @дайри.ру, чтобы оно не распидорашивалось по экрану и этот хедер был на месте

URL

23.01.2017 в 23:48

вот прописал, а все равно шапка едет: тело поста больше, а хедер с одного бока влез - а с другого не дотягивает :/

Ты мой код использовал? Там ничего не едет.

Анон в 22:58

URL

24.01.2017 в 00:31

Анон в 22:58

да, все поправил

счастья тебе, здоровья и крепких нервишек, анонче :buddy:

:buddy:

URL

28.01.2017 в 20:10

ребят, стоит делать красную строку в текстах кодом, если тебя об этом не просили?
просто текстов дохуя принесли, красной строки нет ни у кого, и в дедлайн грозились еще штук 10 принести
*рыдает*

URL

28.01.2017 в 20:12

не стоит. не усложняй. х)

URL

← Предыдущая Первая ... 31 32 33 34 35 36 37 Следующая → Последняя