HTML Coding

29,542 questions in this forum

1. Текст отображается как ромбики. Как исправить?

   Кто может помочь? Как исправить?Почему вместо буквы у меня ромб?

   Asked by Stadnichenko, June 15, 2018

   0 votes
   2 answers
2. Позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок

   Подскажите, как решить задачу позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок? Использую следующий CSS: div{ height:160px; width:160px; overflow:hidden; display:table-cell; vertical-align:bottom; } При таком способе не срабатывает overflow:hidden; и при длинном тексте высота блока увеличивается.

   Asked by Павел Ткачев, June 15, 2018

   0 votes
   3 answers
3. Разница между обычным функциональным выражением и немедленно вызываемой функцией в JavaScript

   Добрый день! Помогите устранить пробел в теории по функциям. Я не могу понять в чем разница в выполнении FE типа var example1 = function(){ return 2+2;}; и IIFE типа var example2 = (function(){return 2+2;}()); . Я проверял этапы выполнения - одинаковы... В чем разница???

   Asked by Super_Saimon, June 15, 2018

   • javascript
   0 votes
   6 answers
4. Что нужно знать о JavaScript чтобы начать учить фреймверк ?

   Что нужно знать о JavaScript чтобы начать учить фреймверк ? В документации фремверков пишут что для начала изучения фремверка нужно знать JS а что конкретно знать ? Допустим я знаю теорию JS, Знаю объекты: String Nomber Object Boolean Function Этого достаточно, чтобы начать учить фремверк какой нибудь?

   Asked by Alexej, June 15, 2018

   0 votes
   2 answers
5. Как сделать вывод постов Wordpress по дате, указанной в заголовке поста? И как выводить посты с датой в заголовке >= сегодняшней даты?

   Добрый день! Я первый раз натягиваю верстку на Wordpress, поэтому прошу прощения если вопрос слишком уж простой и очевидный: У меня на страницу выводится расписание предстоящих мастер-классов. И мне нужно чтобы посты выводились по возрастанию даты (дата указана в title поста, если это нужно - можно и пользовательское поле с датой создать). А также нужно чтобы не выводились посты с прошедшими датами. Подскажите, как это реализовать? Сейчас посты выводятся вот так: <?php $args = array( 'numberposts' => 0, 'category_name' => schedule, 'orderby' => 'title', 'order' => 'ASC', 'include' =…

   Asked by VeraVostro, June 13, 2018

   • wordpress
   • php
   0 votes
   0 answers
6. Про адаптивное меню

   Здравствуйте, подскажите пожалуйста, нормально ли будет, если для адаптивного меню я буду использовать два меню в html коде, а не одно, стили которого меняются только в медиа-запросах css? И если кому не трудно, можете скинуть код готового меню, которое вы используете.

   Asked by Oloref, June 13, 2018

   • js
   • css
   • html
   0 votes
   1 answer
7. Что входит в html и css верстку

   Объясните пожалуйста, что входит в работу html, css верстальщика. Также интересует вопрос: нужно ли делать формы или popUp окна, а если и делать, то каким функционалом мне их наделять будучи html, css верстальщиком?

   Asked by Oloref, June 13, 2018

   • html
   • css
   • вёрстка
   0 votes
   1 answer
8. Длина секции на телефонах принимает "element.style"

   Доброго времени суток. На лендинге у меня адаптивная верстка. Сайт - https://kvestvnore.ru/ На десктопной версии все отображается нормально, но при просмотре сайта через мобильные устройства, такие как iphone5 и iphone 6 отступы между названиями секции не везде одинаковые. Необходимо сократить размер отступов, возможно уменьшив длину секции при просмотре через мобильные устройства. Отступы должны быть везде одинаковыми и как упомянул выше, их нужно сделать меньше чем есть на данный момент. При просмотре длины секции на суженном экране в "element.style" показывает тот размер, которого я не могу найти (То есть этот размер widht ни где не прописан и берется к…

   Asked by guram07, June 11, 2018

   0 votes
   0 answers
9. Модульная сетка на flex

   Используя flex хочу построить сетку с модулями (скрин) Скрытый текст пробовал изменять расположения вдоль главной и поперечной оси, не смог добиться расположения как на скрине код здесь - https://codepen.io/viliksar/pen/dKvZgV?editors=1100

   Asked by viliksar, June 11, 2018

   0 votes
   1 answer
10. line-height в inline и inline-block

    Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ? Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится. А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45. Эти значения получены у не стандартного шрифта... Но это сути не меняет. Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента и…

    Asked by SnowSilver, June 11, 2018

    • line-height
    • inline-block
    • inline
    0 votes
    2 answers
11. Прыгает скрол при смене изображения в слайдере

    Добрый день! На странице http://vs.company/project1.html есть слайдер работ, который переключается при клике на стрелки. Так вот при переходе от вертикального фото к горизонтальному и наоборот, меняется скрол(активная часть экрана.. не знаю как по другому объяснить) и создается эффект прыжка, и стрелки переключения поднимаются или спускаются, что не очень удобно. Высота родительского блока фиксирована. Что интересно данная проблема встречается на больших экранах, у меня при 1366на788 все ок. Подскажите, пожалуйста, как решить эту проблему

    Asked by kaspers128, June 11, 2018

    0 votes
    3 answers
12. Шрифты. Высота строки.

    Если размер шрифта установлен в 16px, буквы же не могут быть по высоте меньше 16px ? В фотошопе у текста с размером 16px высота букв 10px, все остальное межстрочный интвервал - 6px , по 3px сверху и ниже строки ? Мне понимается, что font-size задает высоту букв, а высота строки будет равна = высота букв + межстрочный интервал...

    Asked by SnowSilver, June 11, 2018

    0 votes
    0 answers
13. Съезжает кнопка на iPhone

    Страница | Скриншот: И есть ли какой-нибудь сервис для просмотра и диагностики (инструменты разработчика) сайтов на iPhone, чтобы в будущем не обращаться на форум? Спасибо

    Asked by iBars, June 11, 2018

    0 votes
    3 answers
14. CSS_ выравнивание inline-блоков

    Добрый день. Изучаю сейчас тему блочной модели и столкнулся с такой ситуацией при выравнивании инлайн-блоков. Если создать родитель, в него вложить два дочерних блока и им назначить поведение как inline-block, вложить туда просто текст - то они ведут себя чудесно. Стают в строку. Все отлично. Если же создать аналогичный родитель и два блока в нем (как и выше), но в этот раз, в один из блоков вложить не текст, а например заголовок и другой div с текстом. В этом случае, блоки ведут себя как-то странно. Они как будто отталкиваются. Они тоже в строку, но у них появляется какое-то вертикальное выравнивание. Помогите пожалуйста понять почему в втором случае блоки на…

    Asked by AndreyMetallist, June 10, 2018

    0 votes
    2 answers
15. Каждый раз разное видео на сайте

    Доброго времени суток. У меня на обычном лендинге есть видео с ютуба. Цель - чтобы каждый раз включалось разное видео(их около 10). Все видео присутствуют на канале ютуба. Я как подозреваю данный функционал возможен при вмешательстве php либо javascript. Возможно так же есть где-то готовый скрипт, выводящий целый канал на сайт и каждый раз включается разное видео с этого канала. В общем, прошу вас помочь мне в данном вопросе. Сайт - https://kvestvnore.ru/ Код видео <div class="t347__video-container t347__hidden" data-content-popup-video-url-youtube="ZiJEJPZrkW8"> <div class="t347__video-carier"></div> [/HTML]

    Asked by guram07, June 9, 2018

    0 votes
    7 answers
16. Глубокое (3-4 уровня) меню на мобильных устройствах

    День добрый! Друзья, возник вопрос. На сайте есть глубокое меню: Каталог - Оборудование 1 - Модель 1 - Тип 1 - Тип 2 - Тип 3 Реализовать такое для десктопа легко: тут есть и клик и ховер. А вот как быть с мобильными устройствами??? При клике вместо выпадающего подменю открывается ссылка на раздел Модель 1. Из-за этого подменю, где указаны Типы (1,2, 3) не открывается вовсе. Я понимаю, что эти типы можно реализовать иначе, например через фильтр в разделе Модель. Но нужно именно такое глубокое меню! Как быть, подскажи, пожалуйста. Заранее спасибо!

    Asked by dron, June 8, 2018

    0 votes
    6 answers
17. Не адаптируется фото шапки сайта

    Ребята! Есть страница http://minskgid.by При смене фото шапки страницы там где бабочка на компьютере более менее, а вот на телефоне становится все ужасно... Фото 1200*800. Самое интересное что вставляю другое фото (тоже 1200*800) - оно адаптируется и на компьютере нормально и на телефонах. Бабочку эту я уже сунул по всем углам - все равно ничего не получается. Может кто-нибудь подскажет идею что можно еще сделать, Спасибо...

    Asked by Valuna, June 7, 2018

    0 votes
    3 answers
18. Ссылка для import шрифта DS-Digital в css

    Добрый день! Подскажите источник, от куда можно импортнуть в свой css файл шрифт DS-DIgital(шрифт как на старых циферблатах, нужен для отображения циферблата на таймере). Не могу скачать к себе на комп - балуюсь в рабочее время на рабочем компе. И на работе запрет на скачивание без ведома админов чего угодно.

    Asked by Super_Saimon, June 7, 2018

    • css
    • шрифты
    0 votes
    4 answers
19. Навигация в owl-carousel

    Здравствуйте! Скажите пожалуйста как сделать hover и onclick для стрелок навигации в owl-carousel. Просто в параметрах плагина есть строка navText, про неё всё понятно. Но как сделать для этого параметра, т.е самих стрелок hover и onclick не понятно. Можно ли как-нибудь это сделать. Я пытался через css, но не получилось.

    Asked by Oloref, June 7, 2018

    • jquery
    0 votes
    4 answers
20. Не получается растянуть header по ширине экрана

    Всем привет. В Веб-дизайне совсем новичок и столкнулся с проблемой следующей: как не пытался прописывать везде cover и т.д., мой header вообще никак не хочет растягиваться на ширину экрана (путь к картинке - верный, проверял). Собственно, прилагаю сам код HTML, код CSS и скриншот того, что происходит. Как убрать эту пустую зону справа? Всем буду благодарен за помощь! HTML: <!DOCTYPE html> <html lang="ru=RU"> <html> <head> <meta charset="utf-8"> <title> SHINE DESIGN </title> <link rel="stylesheet" type="text/css" href="new 1.css"> </head> <body> <header> &lt…

    Asked by edshine, June 6, 2018

    0 votes
    6 answers
21. Вопрос про блочную модель и спецификацию W3C

    Вот начал учить блочную модель и на сайте w3c нашел только https://www.w3.org/TR/2016/WD-CSS22-20160412/box.html#bidi-box-model и это https://www.w3.org/TR/css3-box/ во втором год 2007 стоит и еще и рабочий черновик Возникли вопросы: 1. Что учить раньше по спецификации (по порядку, сначала нужно 2 потом 3-й модуль, или 2 ой уже не стоит) ? 2. Это все спецификации связанные с блочной моделью, или есть другая более новая ? 3. Исходя из всех этих ссылок (спецификаций) я не совсем понимаю: Какое свойство входит в состав блочной модели а какое нет ? (в одной спецификации есть Overflow, float элементы а другой нет).

    Asked by Alexej, June 6, 2018

    0 votes
    6 answers
22. Масштабирование объекта SVG

    Привет. Подскажите как правильно объявить svg объект, чтобы он занял все свободного пространство экрана и при этом не "вылезал" вниз. Например у меня есть svg (большой код, т.к. в ней просто 17 одинаковых элементов, которые расположены по главной горизонтали): <svg xmlns="http://www.w3.org/2000/svg" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xlink="http://www.w3.org/1999/xlink" baseProfile="full" height="1088px" style="background:#FFFFFF" version="1.1" width="1088px"> <defs> <style type="text/css"> .default_default { fill: #E4801B; stroke: #000000; stroke-width: 1.0px; } </style> …

    Asked by ioprst, June 6, 2018

    • svg
    • html
    1 vote
    1 answer
23. Нужна помощь в левым колонтитулом

    Не знаю как сделать что бы левая колонка была до самого низа независимо от наполнения на основной странице

    Asked by _demetry_07, June 5, 2018

    • aside
    • bar
    • asidebar
    • div
    0 votes
    1 answer
24. Html верстка писем, где тестить? бесплатные сервисы?

    Всем привет, гуру верстки! Хотелось бы услышать мнение бывалых, кто собаку съел на верстке писем. Казалось, что сам косточки даже съел, ан нет. Возникла проблемка с версткой письма на iphone 7,везде где только не тестил, везде идеал, а тут как чирь на одном месте Поделитесь плиз, где можно потестить свою верстку на бесплатных каких сервисах? Если таковые есть у кого в загажничке, буду благодарен. P.s. любые советы приму в копилку, благодарю!

    Asked by KidBoy, June 4, 2018

    0 votes
    1 answer
25. Градиент текста CSS

    Есть ли сейчас кроссбраузерный способ реализации градиента текста средствами CSS ? Нашел такой вариант, но он не кроссбраузерный... Не работает в IE и Opera mini... Используете данный способ или вставляете картинкой подобный текст? linear-gradient(to right, #00e0d0, #4aa3cc), linear-gradient(#ffffff, #ffffff) -webkit-background-clip: text; -webkit-text-fill-color: transparent;

    Asked by SnowSilver, June 4, 2018

    • градиент текст
    • градиент текста css
    0 votes
    1 answer