Ответы пользователя Ankhena

Как сделать div на мобильном в весь экран?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

ширина 100vw
высота 100vh

Ответ написан более трёх лет назад

Комментировать

Как правильней верстать кнопки?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Верстать - так, как нарисовал дизайнер.

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

Ответ написан более трёх лет назад

Комментировать

Как скрыть текст в слайдере Owl carousel?

Ankhena @Ankhena

Нежно люблю верстку

navText: ["&lsaquo;", "&rsaquo;"]
будут стрелочки или оставьте пустыми

Ответ написан более трёх лет назад

Комментировать

Как сделать подобное вертикальное меню?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Не понятно в чем именно у Вас проблема, напишите подробнее, покажите, что есть и что не получается.

Суть такая:
Фиксированный блок, высотой 100vh, прибит к левому краю.
В нем многоуровневый список (с аккордеоном? по скрину не видно)
bloggood.ru/effekty-dlya-sajta-2/tri-sposoba-kak-s... либо любой из ответов в гугле по запросу "css вертикальный аккордеон"

Ответ написан более трёх лет назад

Комментировать

Как расположить блоки по ширине?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Вариант с % не очень хорошо работает.

Почему это?

Задаете каждому 23% (ну или сколько хотите, чтобы на отступы осталось).
Если расстояния между блоками фиксированные, не в %, то calc

width: calc(25% - Фикс.Расстояние.Поделенное.на.3 );

Ну и родителю:

display:flex;
justify-content: space-between;

Либо аналогично с inline-block + отступы у всех кроме одного крайнего.

Ответ написан более трёх лет назад

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

Почему некоторые сайты подключают сразу и Google Аналитику и Яндекс.Метрику, а не что-то одно?

Ankhena @Ankhena Куратор тега HTML

Нежно люблю верстку

Объяснять чужую логику сложно, но, например:

1. Разные отчеты удобнее смотреть там или там
2. Ни одна система статистики не дает точных данных. Объединяя данные, хотят получить более точную картину.
3. Удобнее смотреть Аналитику, а Метрика нужна для Директа.
4. Для надежности :)
5. И "а вдруг Яндекс и Гугл тогда больше полюбят мой сайт"

первое что пришло в голову :)

Ответ написан более трёх лет назад

Комментировать

Как задать фон на всю ширину для фиксированного макета?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Для st
.st {min-width:800px;} /*или больше*/
и все у Вас будет хорошо.

Ответ написан более трёх лет назад

1 комментарий

Должен ли заказчик продумывать контент для сайта?

Ankhena @Ankhena

Нежно люблю верстку

Никто никому ничего не должен, пока обе стороны не согласились с условиями договора и не подписали его. (Не важно в каком виде)

На каждый тип заказчика найдется свой тип исполнителя. Если Вам некомфортно работать без полного представления о контенте, не работайте с такими.

Ответ написан более трёх лет назад

Комментировать

Как прижать footer?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Гуглить по запросу "как прижать футер к низу страницы"
Способов много и они там все расписаны.

Если у Вас не получается, выкладывайте код, где видно, что не получается - поможем.

Ответ написан более трёх лет назад

7 комментариев

Как реализовать дизайн?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Например, так:

родителю display: flex
дивики располагать каждый после своего блока
order: 10 - для дива для больших экранов

Ответ написан более трёх лет назад

1 комментарий

Как изменить последовательность блоков при адаптации дизайна?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Верстаю flex'ами.
Порядок элементов управляется свойством order html5book.ru/css3-flexbox/#order
И flex-direction для управления расположением по срокам или столбцам.

Ответ написан более трёх лет назад

Комментировать

Надо ли закрывать одиночные тэги в HTML5?

Ankhena @Ankhena Куратор тега HTML

Нежно люблю верстку

Так как одни пишут - надо, другие нет.

Предположим, что спецификацию Вы тоже читали и она не показалась Вам надежным источником :)

Берем код с открытым одиночным тегом и закрытым, чтобы 2 раза не ходить.

<!DOCTYPE html>
<html>
<head>
	<title>title</title>
</head>
<body>
	<input type="text" name="i1">
	<input type="text" name="i2" />
</body>
</html>

И проверяем его в валидаторе https://validator.w3.org/nu/#textarea

Ответ: Document checking completed. No errors or warnings to show.

Вывод: пишите как больше нравится. Лично мне не нравится мусор в коде, да и лень лишние символы писать.

прикрепляю результат:

Ответ написан более трёх лет назад

Комментировать

Как подчеркнуть текст снизу картинкой?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Плохо вижу, что на картинке нарисовано.

Если там просто плоска, то - фон градиентом.
Если что-то сложнее и именно картинка, то регулируйте положение с помощью background-position

Ответ написан более трёх лет назад

Комментировать

Вирусы на WP, не могу найти как быть?

Ankhena @Ankhena

Нежно люблю верстку

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

Ответ написан более трёх лет назад

Комментировать

Сделать подкладку под карту с помощью map?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

Координаты перепутаны.
Вначале задается верхний левый угол, потом нижний правый.
coords="0,0,20,20"

CSS вообще не ясно зачем.

Ответ написан более трёх лет назад

Комментировать

Какой вы используете сервис анализа позиций?

Ankhena @Ankhena

Нежно люблю верстку

line.pr-cy.ru
семонитор
сайт аудитор

Глючат все время от времени
То, что показывают не то, что видите Вы, это нормально.

Ответ написан более трёх лет назад

1 комментарий

Как сделать сайт адаптивным для одинакового разрешения экрана, но разного размера?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

1.1 У браузеров есть скролл, панельки отбирающие высоту, у старых еще и рамочки (или от ОС а не от версии браузера зависит, забыла ужу как выглядело).

1.2. У мониторов разное соотношение сторон

=> вертикальный скролл на одних появится раньше, чем на других и соответственно уменьшится ширина поля.

2. У браузеров есть масштаб. Проверяйте, часто бывает случайно и незаметно +/-10%

3. Есть настройка ОС. Часто на небольших ноутах с высоким разрешением стоит масштаб больше 100%. При этом, он работает не во всех браузерах/приложениях.

Ответ написан более трёх лет назад

Комментировать

Как сделать div который листается вниз до определенного момента?

Ankhena @Ankhena Куратор тега JavaScript

Нежно люблю верстку

Как сделать скролл как на ВК?
Вот тут только началось аналогичное обсуждение

Ответ написан более трёх лет назад

Комментировать

Должен ли веб-дизайнер продумывать SEO?

Ankhena @Ankhena

Нежно люблю верстку

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

Для следующих заданий
Да, несомненно, дизайнер должен думать о юзабилити. А верстальщик и о юзабилити и о SEO. Это характеристики хороших дизайнера и верстальщика.

Ответ написан более трёх лет назад

Комментировать

Как сделать, чтобы цвет меню менялся в зависимости от активного раздела?

Ankhena @Ankhena Куратор тега CSS

Нежно люблю верстку

В JS условие в зависимости от высоты прокрутки присваивать класс light или dark (или как Вам больше нравится их называть)

Ответ написан более трёх лет назад

1 комментарий

Войдите на сайт