Ознакомьтесь с нашей политикой обработки персональных данных
Комментарии
2015-02-10 в 18:58 

Распространенная ошибка при верстке таблицей: когда содержимое одного столбца больше, меньшее выравнивается по центру!

изображение Это солнышко
Это солнышко
Это солнышко
Это солнышко
Это солнышко
Это солнышко
Это солнышко
Это солнышко


вместо нормально выглядящего


изображение Это солнышко
Это солнышко
Это солнышко
Это солнышко
Это солнышко
Это солнышко
Это солнышко
Это солнышко


наглядно с границами


Верстальщики, выравнивайте в таблицах по верху!

tr valign="top"



URL
2015-02-10 в 19:00 

Ой. Прописал светлую границу для наглядности, а на фоне съелась) Но так даже лучше, поскольку многие используют табличную верстку для колонок без границ.

URL
2015-02-10 в 19:09 

Прописал светлую границу для наглядности, а на фоне съелась) Но так даже лучше, поскольку многие используют табличную верстку для колонок без границ.
Взял смелость впихнуть туда второй more с тёмными границами.

URL
2015-02-10 в 19:13 

Взял смелость впихнуть туда второй more с тёмными границами.
Да, спасибо!

URL
2015-02-10 в 19:21 

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

URL
2015-02-10 в 19:56 

Распространенная ошибка, когда не прописывают максимальную ширину картинки, и она уползает за край поста на маленьких экранах.
А как быть с видео? Пробовал в одной из версток вставлять %, но он воспринимал как пиксели. Видео было с Ютуба.

URL
2015-02-10 в 19:59 


У меня max-width задан для верстки, поэтому картинке прописывают просто width: 100%.

А как быть с видео?
C видео пока увы.

URL
2015-02-10 в 20:24 

в этом году нашла способ тянущегося видео, но работает только в новых версиях браузеров. display:flex аналог для старой мозиллы: display:-moz-grid.
Из минусов, мозилла по своему понимает падинги и маргины в сочетании с этим тегом, так что флекс лучше лепить в голый, самый ближний к видео див, где кроме флекса больше никаких свойств не будет :thnk:
И второй минус. Жмет ширину, не жмет высоту.

URL
2015-02-10 в 21:00 

Ошибка деанона больше, там это заметнее всего.
Многие, особенно начинающие, забывают, а то и не знают, что все коды типа J, L, MORE, CODE, открываются в огромные простыни.

Простое
Diary HTML
разворачивается в: <a class="TagL" target="_blank" title="Верстка Фандомной Битвы" href="http://anon-html.diary.ru">Diary HTML</a>
А Diary HTML
в: <a class="TagJIco" target="_blank" title="профиль" href="http://www.diary.ru/member/?3306817"> </a><a class="TagL" target="_blank" title="дневник: Верстка Фандомной Битвы" href="http://anon-html.diary.ru">Diary HTML</a>

И при верстке таблиц работ с такими никами, она увеличивается в разы. По началу это не видно, но в полночь всё это чудо превращается в тыкву и нижнюю часть коду уносит к чертям.
MORE и CODE тоже разворачиваются. Этим можно воспользоваться, чтобы убрать подчеркивание у Море и изменить шрифт и размер Кода

URL
2015-02-10 в 21:02 

Анон, а как разворачиваются MORE и CODE? Никогда не видел.

URL
2015-02-10 в 21:08 

Простое
Анон, ты так нашпиговал код тегами, чтобы не пришлось использовать code/, что я просто снимаю шляпу

URL
2015-02-10 в 21:10 

Анон, ты так нашпиговал код тегами, чтобы не пришлось использовать code/, что я просто снимаю шляпу
ну некрасиво оно смотрится в коде :lol: разбросал от балды, чесслово, я знаю что так нельзя.

URL
2015-02-10 в 21:13 

Как точно разворачивается море в итоге я не знаю, но в коде оно зависает :

MORE:


CODE открывается так:


Как редактировать MORE рассказывают тут diarycss.diary.ru/p189821655.htm
CODE просто заменяется textarea и прописывается ему стиль, как обычному div

URL
2015-02-10 в 21:18 

ну некрасиво оно смотрится в коде :lol:

Даю наводку: хочешь красиво просто текстом показать код, юзай кнопку Unicode на панели)

URL
2015-02-10 в 21:21 

Даю наводку: хочешь красиво просто текстом показать код, юзай кнопку Unicode на панели)
здесь должна быть эта гифка
я дебил :facepalm3: Знаю же зачем она, но никогда не пользуюсь

URL
2015-02-10 в 21:21 

<b>Проверка Unicode</b>

Проверка сделать кат без подчёркивания импотентом:
пробуем

URL
2015-02-10 в 21:21 

Как точно разворачивается море в итоге я не знаю, но в коде оно зависает :

Открываю пост, More и Code какими были, такими и остались, что я делаю не так? Может это если посмотреть через визуальный редактор?
Я знаю, что так показывается, если посмотреть через инспектор браузер, но в коде-то остается..

URL
2015-02-10 в 21:22 

Импотент не работает в постах, прекратите его юзать, он только для ксс-дизов.

URL
2015-02-10 в 21:23 

Импотент не работает в постах, прекратите его юзать, он только для ксс-дизов.
и это очень-очень печально...

URL
2015-02-10 в 21:23 

Открываю пост, More и Code какими были, такими и остались, что я делаю не так? Может это если посмотреть через визуальный редактор? Я знаю, что так показывается, если посмотреть через инспектор браузер, но в коде-то остается..
так и J иногда остаётся. И L. Другой вопрос что для дайри-генератора зла они не остаются

URL
2015-02-10 в 21:25 

вот так вот

URL
2015-02-10 в 21:25 

Подчёркивание у моря не убрать, единственный способ - задать подчёркиванию цвет фона.

URL
2015-02-10 в 21:26 

так и J иногда остаётся. И L. Другой вопрос что для дайри-генератора зла они не остаются
Вопрос на засыпку - что вместо этого делать? лапками набирать <a href="http://anon-html.diary.ru/"><b>Diary HTML</b></a> ?

URL
2015-02-10 в 21:28 

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

URL
2015-02-10 в 21:28 

Вопрос на засыпку - что вместо этого делать? лапками набирать Diary HTML ?
Да. И задавать параметры ссылки типа цвета, убирания подчёркивания и т.д.

URL
2015-02-10 в 21:29 

Анон с блинчиками, все верно, но теги перекрёстнулись, это плохо.

Вот верный вариант:
Это кат, под катом мат


URL
2015-02-10 в 21:29 

А если попробовать с rgba?
гиперссылка

URL
2015-02-10 в 21:30 

Если ничего не съелось, значит код годен
ох уж этот вечно-голодный дайри...

URL
2015-02-10 в 21:30 

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

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



URL
2015-02-10 в 21:31 

Вот верный вариант: Опачки!
ненене, спаны закрывающие надо поставить в конце, иначе выкладка ниже превратится в тыкву. хз почему так работает, но летом у меня всё из-за этого слетало :hmm:

URL
2015-02-10 в 21:31 

лапками набирать Diary HTML ?
Юзай дайри-аккаунтер 500penguins.com/v3/ Да, код длинный, зато сюрпризов не будет.

Админ, кстати, может внести аккаунтер в список полезных ссылок? Его сногие команды юзают.

URL
2015-02-10 в 21:33 

Админ, кстати, может внести аккаунтер в список полезных ссылок? Его сногие команды юзают.
его уже принесли туда несколько минут назад ;-)

URL
2015-02-10 в 21:35 

ненене, спаны закрывающие надо поставить в конце, иначе выкладка ниже превратится в тыкву.
Анон, хз, почему у тебя выкладка превратилась в тыкву, но теги надо расставлять по принципу: <тег раc>< тег два> </тег два> </тег раc>.

У меня именно так сделано, и ничего не превратилось.

URL
2015-02-10 в 21:36 

его уже принесли туда несколько минут назад ;-)
Да?) Ой, не видела ишшо, простите :shy:

URL
2015-02-10 в 21:38 

Анон, хз, почему у тебя выкладка превратилась в тыкву, но теги надо расставлять по принципу: <тег раc>< тег два> </тег два> </тег раc>. У меня именно так сделано, и ничего не превратилось.
я знаю что теги надо расставлять так, но дайри мне упорно в конце после дивов дописывал эти злосчастные два спана, причем где-то между тегами главной заглушки и прочего может это исправили, может мне не повезло, но почему-то только после двух закрытых спанов всё запахало как надо и ничего больше не возмущалось :nope:

URL
2015-02-10 в 21:40 

но дайри мне упорно в конце после дивов дописывал эти злосчастные два спана

Значит, где-то сверху два закрывающих спана потерялись. У меня так дайри потерянные дивы дописывали. Когда я их находила и расставляла, переставали.
Я чо хочу сказать... Если работает, то ладно, но изначально людям лучше советовать правильный код.

URL
2015-02-10 в 21:45 

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

URL
2015-02-10 в 21:45 

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

URL
2015-02-10 в 21:50 

и не было там спанов, у меня в той верстке всё дивами было :lol:

Блин! Не могет такого быть, промежуток должен быть! )))
А коротенько воспроизвести не можешь? Чтобы кусок кода?

URL
2015-02-10 в 21:58 

Блин! Не могет такого быть, промежуток должен быть! ))) А коротенько воспроизвести не можешь? Чтобы кусок кода?
эм... *открыл код с летней* фухуху. неа. Грубо говоря (не точно, я вообще выкладку дорисовываю, меня здесь быть не должно :lol: ) по матрешке (див(море(див(див(див(див(море)(див)(море)(дивы)))))))
и вот то, которое с болдом было с подчеркиванием убранным.

URL
2015-02-11 в 04:42 

Аноны, иногда я мудак и хочу черный/темный фон выкладки

собственно вопрос - как принудительно изменить цвет ссылки на профиль Diary HTML вот такой?
Потому что поменяешь все, а в шапке одна-две пустых строчки

URL
2015-02-11 в 06:37 

собственно вопрос - как принудительно изменить цвет ссылки на профиль Diary HTML вот такой? Потому что поменяешь все, а в шапке одна-две пустых строчки
выше говорили как он раскрывается, точно так же и меняется, только раскрытием.

Diary HTML

URL
2015-02-11 в 06:39 

* profileDiary HTML

URL
2015-02-11 в 06:41 

выше говорили как он раскрывается, точно так же и меняется, только раскрытием.
блин, смотрю в книгу. вижу фигу
спасибочки!

URL
2015-02-13 в 05:55 

Типичнейшая ошибка: верстать только для больших экранов и забыть про смарты!

URL
2015-02-13 в 09:42 

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

URL
2015-02-17 в 04:30 

Гайз, а как вы считаете полное количество знаков в постах с большим количеством J L и more?
я сейчас смотрю исходный код странички - а там те части постов, которые под морями не отображаются

URL
2015-03-21 в 20:14 

Верстала деанон, воспользовалась советом анонов с раскрывающимся тегом L, поменяла цвет у ников, сохранила, посмотрела, что промахнулась с цветом, открываю – а тыква превратилась обратно в карету, и все ники в простых тегах L!!! Естественно, при повторном сохранении цвет стал дефолтным.

Прокляла все, выпилила class="TagL" из кода, добавила теги < b > и text-decoration: none к ссылке. Запарно, но зато никаких сюрпризов.

URL
2015-03-21 в 20:18 

Прокляла все, выпилила class="TagL" из кода, добавила теги < b > и text-decoration: none к ссылке. Запарно, но зато никаких сюрпризов.
надо было тэгЛ сразу выкидывать, классы всегда всё сбрасывают, это само собой. основы-с.

URL
2015-03-21 в 20:23 

надо было тэгЛ сразу выкидывать, классы всегда всё сбрасывают, это само собой. основы-с.
Теперь знаю :gigi:

URL
2015-03-21 в 20:36 

Пошел деанон, и у многих в деанонных таблицах не ошибка, но недостаток: верстальщики не добавляют в таблицу отступ от края таблицы.

работаник
работаник
работаник


Насколько приятнее смотрится таблица с отступом:
работаник
работаник
работаник



URL
2015-05-02 в 16:21 

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

Ссылка

URL
   

Верстка Фандомной Битвы

главная