среда, 25 марта 2015
01:56

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

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

@темы: эээ, Из жизни команд, ФБ-2014

URL
Комментарии
19.06.2016 в 13:23

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

ОБРАЗЕЦ


URL
19.06.2016 в 14:00

Гость
анон, у тебя вот тут ширина задана наоборот - везде width:100%, min-width:80px, а тут наоборот


как бы так сделать, чтобы в текстовых окошках под аватарами строки не сливались с соседними
можно задать cellpadding всей таблице, т.е , а можешь брать тексты в блоки и каждому блоку задавать свойство padding, например оо"
URL
19.06.2016 в 17:35

Гость
спасибо, анончик)) но лучше по первому пункту не стало после того, как я исправила ширину. все равно на маленьких экранах одни аватарки большие, а другие, рядом с ними - маленькие. :nope:




URL
19.06.2016 в 17:47

Гость
все равно на маленьких экранах одни аватарки большие, а другие, рядом с ними - маленькие
Во всех браузерах?
URL
19.06.2016 в 18:02

Гость
анон с таблицей, сейчас смеяться будешь.
у тебя под этой аватаркой в ячейке текста есть чудесное слово "даващебляпи*деца". оно не переносится и не делится. и не дает ячейке "стянуться", а вместе с ней не стягивается, соответственно, и располагающаяся над ней ячейка с аватаркой, поэтому картинка и занимает свою положенную ширину 100%.
URL
19.06.2016 в 18:05

Гость
да, во всех.
но я уже поняла, в чем баг: при уменьшении экрана верстка съеживается, и размер аватарки становится зависимым от количества букв в самом длинном слове. :facepalm: чем меньше экран, соответственно, тем более явно самое большое окошко начинает двигать в сторону уменьшения рядом стоящие. :-( я уже позаменяла слишком длинные слова, и на планшете все окнорм, но при просмотре с мобильника это не сильно помогает. :-/
URL
19.06.2016 в 18:05

Гость
да, во всех.
но я уже поняла, в чем баг: при уменьшении экрана верстка съеживается, и размер аватарки становится зависимым от количества букв в самом длинном слове. :facepalm: чем меньше экран, соответственно, тем более явно самое большое окошко начинает двигать в сторону уменьшения рядом стоящие. :-( я уже позаменяла слишком длинные слова, и на планшете все окнорм, но при просмотре с мобильника это не сильно помогает. :-/
URL
19.06.2016 в 18:07

Гость
анон с таблицей, сейчас смеяться будешь.
вот-вот! :lol: я, блин, и ржунимагу. :gigi:
URL
19.06.2016 в 18:09

Гость
Ещё один верстальщик, читавший лишь код, ржёт.
URL
20.06.2016 в 23:14

Гость
Возможно тут задавался уже этот вопрос, но я не нашел ответа на него, поэтому спрошу еще раз.
Если мне нужно сделать в динамической верстке картинку с выплывашкой (при наведении на определенный участок изображение выплывает другая картинка/текст)
Возможно ли такую штуку тоже сделать динамически встраиваемой. Или она может работать нормально только при фиксированной ширине?
URL
20.06.2016 в 23:21

Гость
Можно привязать к левому или правому краю. Вот как здесь: wtf-kombat2016.diary.ru/p207837184.htm?from=0
URL
20.06.2016 в 23:37

Гость
Если мне нужно сделать в динамической верстке картинку с выплывашкой (при наведении на определенный участок изображение выплывает другая картинка/текст)
анон, это ты сейчас про карту?
URL
20.06.2016 в 23:39

Гость
анон, это ты сейчас про карту?
Да, про карту
URL
20.06.2016 в 23:52

Гость
Верстальщик тоже с картой с выплывашками нервно дёрнулся.
URL
21.06.2016 в 00:04

Гость
как привязать к левому краю динамической верстки - понятно. а к правому? там же количество пикселей отступа от левого края прописывается, и, если картинка справа, то при изменении ширины экрана всплывашка с основной картинки сдвигается (если она всплывать должна поверх основной картинки, а не где-то сбоку). или есть еще варианты?
URL
21.06.2016 в 00:07

Гость
margin-right, не?
URL
21.06.2016 в 00:26

Гость
А все-таки, если у меня используется атлас (картинка) которая покрывает 80% ширины моей верстки (к примеру) и мне нужно, чтобы она динамически расширялась вместе с самой версткой. Это возможно?
URL
21.06.2016 в 00:39

Гость
и мне нужно, чтобы она динамически расширялась вместе с самой версткой. Это возможно?

возможно, но не шире реальной ширины самой картинки, иначе печальный и пиксельный вид картинка иметь будет))))
URL
21.06.2016 в 00:41

Гость
анон, это ты сейчас про карту? Да, про карту

насколько я знаю в дайри тэг map не работает нормально, или вы сейчас о чем говорите?
URL
21.06.2016 в 00:58

Гость
насколько я знаю в дайри тэг map не работает нормально, или вы сейчас о чем говорите?
Да именно о нем. Картинка/карта/атлас. При наведении на конкретное место выплывает подсказка (текст/другое изображение). Все это мракобесие требуется воткнуть в динамическую верстку.....КАК!!??!
URL
21.06.2016 в 01:01

Гость
насколько я знаю в дайри тэг map не работает нормально, или вы сейчас о чем говорите?
работает так-то, но лично у меня на динамической верстке не срабатывает (и окей, у меня подозрения, что он в принципе не будет работать на д.в., но я далеко не профи в этом деле). вернее, срабатывает, но как только меняется размер картинки, сразу "уезжают", соответственно, зоны.
URL
21.06.2016 в 01:53

Гость
Значит ничего не изменилось, по весне в оф. соо дайри читала, что тэг не работает.
URL
21.06.2016 в 08:22

Гость
Мы такое встроенной флешкой делали. По-моему, заменить это версткой на дайри нельзя.
URL
21.06.2016 в 09:14

Гость
Мы такое встроенной флешкой делали. По-моему, заменить это версткой на дайри нельзя.
+ много, тоже хотели сделать карту, но увы. пришлось переходить на флэш
URL
21.06.2016 в 11:02

Гость
насколько я знаю в дайри тэг map не работает нормально, или вы сейчас о чем говорите?
это как у Локи на ФБ-13?
URL
21.06.2016 в 11:03

Гость
У нас карта вёрсткой, но она фиксированной ширины, совпадающей с ограничением по минимуму.
URL
21.06.2016 в 11:15

Гость
это как у Локи на ФБ-13?

можно ссылку?
URL
21.06.2016 в 12:56

Гость
У нас карта вёрсткой, но она фиксированной ширины, совпадающей с ограничением по минимуму.
а какое ограничение по минимуму?
URL
21.06.2016 в 12:56

Гость
У нас карта вёрсткой, но она фиксированной ширины, совпадающей с ограничением по минимуму.
а какое ограничение по минимуму?
URL
21.06.2016 в 13:01

Гость
Мы такое встроенной флешкой делали. По-моему, заменить это версткой на дайри нельзя.
учитывая, что флеш также нединамичен, как картинка с фиксированной шириной, тут альтернатива так себе.
Единственная альтернатива чтобы и сохранить динамику и были всплывашки - бить картинку на части и загонять дивами. Мы так делали. Оно конечно работает, но топорно, да =\
URL

Расширенная форма

Редактировать

Подписаться на новые комментарии