Ознакомьтесь с нашей политикой обработки персональных данных
18:12 

<br> и альтернатива

Diary HTML
Идеально для всех глаз не бывает, но бывает удобоваримо (с)
Пишет Гость:
10.02.2015 в 18:10


Доброго дня. Я в вопросе верстки новичок, оформляю арты и челлендж с использованием </бр> -

- так приучил верстальщик покруче. Дал шаблон.

Разумеется, при редактировании съедается часть кода, и это неудобно при наличии дедлайнеров в команде: кучу работ принесли за 10 минут до 00:00 - все пропиши с </бр> на конце и потом вставляй в код. И только потом - неси в пост.

Может, есть вариант оформить попроще - таблицы там или еще что? А то забываю постоянно эти окончания.

URL комментария

@темы: вопросы

URL
Комментарии
2015-02-10 в 18:23 

смотря для какой цели прописывается бр. нахера код с clear:both? Код вообще странный, или мне одной так кажется?
Если для отбивки (это если прописываете бр, но не ставите галку на "Не заменять переносы строки на br"), то можно заменить для всего поста сделав межстрочный интервал например. Если это сделано, чтобы знать сколько символов будет в итоге (дайры всё равно пропишут бр после выкладки), так совет прост, оставляйте 5к знаков и будет вам счастье. Если это выкладка визуала (судя по коду) вообще можно не париться на этот счет, визуал как правило немного занимает и в пост помещается. Если хочется отбить тексты между абзацами, так это р можно сделать, через другие ебеня... В общем, какова ваша цель в использовании бр? :lol:

URL
2015-02-10 в 18:26 

Код вообще странный, или мне одной так кажется?
ППКС.

ТС, зачем тебе вообще бр прописывать?

URL
2015-02-10 в 18:28 

А чем плох стандартный шаблон таблицы:


где фон прописывается ссылкой из БИ профиля?


URL
2015-02-10 в 18:29 

ТС, я не знаю, какой верстальщик покруче тебе это дал, но выбрось к чертям clear:both; и все эти бр-ы в принципе. Они не дают ничего, кроме фигурной резьбы по твоим нервам в дедлайн.

URL
2015-02-10 в 18:31 

Не прописываю ни < br >, ни < p >, все работает. Беру и вставляю текст как есть, шапку так:

URL
2015-02-10 в 18:32 

кроме фигурной резьбы по твоим нервам в дедлайн.
Отлично сказал. Плюсую.

URL
2015-02-10 в 18:32 

Гость в 18:31, в этих строчках закралось что-то неправильное, вроде...

URL
2015-02-10 в 18:36 

Гость в 18:31, в этих строчках закралось что-то неправильное, вроде...
Да, не дотер лишние бр) Ну в общем понятно, что имела в виду, берется шапка в том виде, как она размещена в правилах, и просто заполняется)

URL
2015-02-10 в 18:38 

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

URL
2015-02-10 в 18:55 

Код вообще странный
+1
Зачем этот text-decoration:none? Дайри по умолчанию никак не обводят картинки-ссылки. Зачем одновременно и выравнивание по центру, и margin (там, где заглушка для моря)? Хватит только выравнивания.
Вот этот вот кусок вообще трындец:

Проблема решается одним max-width:100% (его, к слову, вообще ко всем картинкам больше 300 пикселей по ширине бы прицепить) и уменьшенной до нормальных размеров (меньше 800 пикселей) превьюшкой, которую умеют генерировать практически все фотохостинги.
Это все к вопросу лишних знаков в коде, что очень актуально на текстовых выкладках и деаноне.

br актуально только для текстов (да и то для перфекционистов, как я, которым и красивый код, и красивый текст :-D), на всех остальных квестах оно, имхо, не нужно. Просто не используйте галочку "не заменять переносы строки на br", оставляйте 5к знаков и будет вам счастье.
И лайфхак! Если без этих br никак, то просто копируйте код в блокнот, при редактировании поста Ctrl+A, Ctrl+C, Ctrl+V из блокнота - я так на текстах делал))) Это чтоб не страдать от пожратых дайри br))

clear:both с такой разметкой нужен, зря налетели)) Он float отменяет. Но табличкой оно гораздо проще делается, конечно.

URL
2015-02-10 в 18:55 

не понимаю, зачем вообще бр, но если уж их хотите оставить, не проще ли дать команде сразу шаблон шапки с ними, а не расставлять в уже оформленных шапках?

URL
2015-02-10 в 18:56 

не понимаю, зачем вообще бр, но если уж их хотите оставить, не проще ли дать команде сразу шаблон шапки с ними, а не расставлять в уже оформленных шапках?
+1

URL
2015-02-10 в 18:57 

clear:both с такой разметкой нужен, зря налетели))
так он же сразу закрывается, нет? Я вообще не помню как он работает, кроме того что с отступами со всех сторон, но разве тут же закрытый он хоть как-то нужен?

URL
2015-02-10 в 19:00 

не понимаю, зачем вообще бр, но если уж их хотите оставить, не проще ли дать команде сразу шаблон шапки с ними, а не расставлять в уже оформленных шапках?
кстати об этом. Разве тогда у них при отправлении постов бр не заменятся на переносы автоматом? Где нажать магическую кнопку (кроме код), чтоб этого не было, потому что у меня вот лично заменяется тут же

URL
2015-02-10 в 19:09 

разве тут же закрытый он хоть как-то нужен?
Нужен, анон, нужен. Очень нужен)) Чтобы блок закрыть.
Просто попробуй взять этот код, вставить туда картинку пикселей в 200-300 высотой хотя бы, а вместо шапки - короткий текст в одну строчку.

А вместо вот этого куска:

вставь еще какой-нибудь текст, который должен отображаться ниже блока с картинкой, а не рядом с ней. И сравни ощущения без этого короткого кусочка и с ним)

Хотя, конечно, именно в этом случае clear:both не нужен, дальше же все равно 100% див идет, он точно не должен рядом с картинкой встать. Хотя кто знает, где и что в очередной раз распидорасит, так что лучше перестраховаться)))

URL
2015-02-10 в 19:10 

И сравни ощущения без этого короткого кусочка и с ним)
*без этого короткого кусочка с clear:both и с ним
быстрофикс

URL
2015-02-10 в 20:14 

я ТС, прочел все
пока нашел только вариант с таблом. Наверно, так и сделаю.

И по поводу БИ: после ее накрывания во время ФБ14 - теперь только хтмл-код цвета использую. Не доверяю ей.

URL
2015-02-13 в 06:10 

Зачем этот text-decoration:none? Дайри по умолчанию никак не обводят картинки-ссылки. Зачем одновременно и выравнивание по центру, и margin (там, где заглушка для моря)? Хватит только выравнивания.
Не от дайрей зависит, а от браузера пользователя. Кто-то обводит, кто-то нет.


Вот этот вот кусок вообще трындец:

Ну и чем тебе трындец ограничение по максимальной ширине. Правильно сделано, а то распидорасит мелкую картинку на 2К монитор, вот радость-то будет.

Проблема решается одним max-width:100%
ну-ну, реши. А потом посмотри как радостно твоя картинка растянется на всю ширь экрана.

URL
2015-02-13 в 07:07 

Не, анон, серьёзно. Если не указывается width, max-width действует так: если выкладка шире картинки, то идёт 100% ширины картинки, если картинка шире выкладки, то картинка будет 100% от выкладки. Так что ничего не распидорасится, будет у тебя картинка шириной в два пикселя шириной в два пикселя.

URL
2015-02-13 в 12:57 

Не от дайрей зависит, а от браузера пользователя. Кто-то обводит, кто-то нет.
Анон, посмотри код любой картинки-ссылки с дайри. В дайри стилях уже прописано: border: none.
ну-ну, реши. А потом посмотри как радостно твоя картинка растянется на всю ширь экрана.
:facepalm: Погугли про max-width.

URL
   

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

главная