Ознакомьтесь с нашей политикой обработки персональных данных
Комментарии
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
   

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

главная