HTML Coding

29,542 questions in this forum

1. Гуру флексбоксов, созываю вас!))

   Флекса, что не на есть хорошо подходят для модальных окон. Ровняют сами, вообще супер, но... Я никак не могу понять, как работают флекса с переполнением... Что если дочерний больше, "папе" я добавляю скролл: авто, да скроллится, но как мне сделать внутренние отступы у "папы", чтоб "сынок" не прилипал к краям папы??? Накидал мальенькой пример. Вверху видно внутр. отступ есть, а внизу он съедается... Как быть? Такое наблюдаю в лисе, в вебкитах все правильно... Пример: http://codepen.io/hesrun/pen/LNjKYR

   Asked by vladmih, March 31, 2016

   0 votes
   2 answers
2. Анимация перед рендером страницы

   Народ как решить такую проблему? Например какой-то сайдбар у меня скрыт за экраном через минусовой транслейтX или через левую позицию, любой из вариантов, и по клику на что-то он выезжает, но когда происходит рендер (ф5 или переход) страницы, я вижу в секунду как он гад уезжает за экран. В песочнице такого не наблюдаю, а вот на работе, иногда делаю такие вещи и при загрузке страницы это появляется... Извините за сумбурность, реально показать не получается. Возможно кто-то сталкивался с подобной проблемой? Вот пример такого сайдбара http://codepen.io/hesrun/pen/ZWJjwp

   Asked by vladmih, March 30, 2016

   0 votes
   13 answers
3. Сабменю двигает контент (пробовал absolute, но исчезает меню)

   Меню второго уровня двигает контент. Посмотрел в чем причина может быть - пробовал ставить абсолютную позицию, но тогда меню второго уровня не вылезает. вот сайт http://kernmetal.ru/

   Asked by nikki4, March 31, 2016

   0 votes
   1 answer
4. Возможно ли пропорциональное изменение элементов страницы и расстояния между ними при изменении ширины экрана

   Здравствуйте. Есть одна нестандартная проблема. Хочется узнать возможно ли вообще её решение. В прикреплённом скриншоте в принципе её всё описание. Хотелось бы чтобы при изменении ширины экрана верхняя часть дуги всегда проходила между пунктами меню "вопрос-ответ". Так же хотелось бы граница фона (на скриншоте показано где она проходит) проходила бы так же чуть ниже середины прямоугольников центрального меню. То есть хотелось бы чтобы при изменении ширины страницы - все элементы меняли свои размеры и расстояния между ними строго прямо-пропорционально в процентном соотношении. Образно говоря, чтобы это было как простое масштабируемое изображение, но на изобр…

   Asked by BOMS, March 29, 2016

   0 votes
   1 answer
5. Проблема с переносом наименований товаров на следующую строчку

   Здравствуйте. У меня проблема с переносом на следующую строку в наименовании. Слишком длинные наименования, из-за чего то съедаются следующим блоком товара. Скрин: https://gyazo.com/42a126ede899769e7b2e5305d9a4f460 Просьба помочь, как исправить. И каким оператором/командой. Благодарю заранее.

   Asked by Rhapsody, March 30, 2016

   • перенос строки в наименовании товара
   0 votes
   1 answer
6. Проблема с грамотным построением блоков

   Нужно расположить блоки, как на макете. Сделал блоки, присвоил им inline-block и 2 строка началась на уровне высокого блока, который должен занимать 2 строки. Что с этим делать?

   Asked by LordGuard, March 30, 2016

   • inline-block
   • float
   0 votes
   1 answer
7. Как правильно верстать логотип?

   Уважаемые форумчане! Поделитесь, пожалуйста, опытом - как все-таки правильно верстать логотип? Допустим, на курсах мой преподаватель делал так: <strong class="logo"><a href="#">LOGO</a></strong> а затем вешал картинку на фон блока с помощью CSS. Или лучше использовать тег <img>? А если в лого только текст, то я могу его просто стилизовать или все-равно использовать картинку?

   Asked by alejandro13, March 29, 2016

   0 votes
   4 answers
8. Проблемы с фоном

   Всем привет! Народ, помогите пожалуйста. Фон неправильно себя ведёт. Вот пример: https://jsfiddle.net/uprf5m2f/ В общем если свойство opacity: 0.22; убрать, то все внутренние надписи чётко отображаются. Такое ощущение, что прозрачность наложилась и на все вложенные в start-wrapper элементы. Как я только со свойствами z-index не игрался, пока ничего не помогло. Помогите пожалуйста. Нужно чтоб прозрачность также оставалась 22%, но чтоб все вложенные в start-wrapper элементы были четко видны, т.е. чтоб на них прозрачность не действовала.

   Asked by fenix_63, March 30, 2016

   • html
   • css
   0 votes
   3 answers
9. Разные картинки

   Хотелось бы, чтобы картинки были одинаковыми, или хотя бы аккуратно выровненными. http://medialife24.com/category/news/ Какие есть решения?

   Asked by yaparoff, March 30, 2016

   0 votes
   2 answers
10. Дополнительное фото товара

    Хочу сделать блок с дублирование всех фото товара - т.е чтобы все фото товара,помимо их расположения вверху страницы (где есть главное фото и миниатюры),попадали еще и в блок "Фотографии товара". Фото разного размера - есть высокие,широкие,квадратные. Как сделать в этом блоке их размер 1/2 (50%) от оригинального изображения вверху страницы?И как их выровнять в ряд (горизонтально)с небольшим промежутком между ними?Сейчас они выстраиваются вертикально помогите с кодом,пожалуйста. Что дописать или исправить? {if count($product.images) > 0} <div class="more-images"> {foreach from=$product.images item=image name=phthumbs} <div…

    Asked by stels57, March 26, 2016

    • дополнительное фото товара
    • вывод фото в %
    • $image
    0 votes
    1 answer
11. Анимация border

    Здравствуйте. Не получается реализовать эффект Задача: чтобы ширина нижнего бордера плавно уменьшалась из центра к бокам. С левой линий все просто. Но как добиться уменьшения ширины правой линии? (т..е. в направлении слева направо) Код того, что получилось: codepen.io

    Asked by BehemothOz, March 29, 2016

    0 votes
    2 answers
12. Шапка для слайдера

    Как лучше поступить с шапкой для Видео слайдера и аналогично для Фото слайдера? Суть вопроса: Слайдер будет под видео разрешением 1280х720 px уменьшать не хочется На мониторе с разрешением 1920х1200 px коим я всегда пользуюсь места навалом и вопросов нет: по вертикали остается 250px и по 320px по бокам(режим пол. экран). На мониторе с разрешением 1280х1024 слайдер умещается впритык по горизонтали, а по вертикали остается 72 px с гулькин х.. Снимок экрана с разрешением 1280х1024 px вот На стартовой странице шапка высотой 150рх Что посоветуете аксакалы начинающему?

    Asked by Alex_, March 28, 2016

    0 votes
    1 answer
13. Блок неправильной формы(срезанные прозрачные углы)

    Всем привет) помогите люди добрые нужно сверстать такой блок http://joxi.ru/Vm66NWRSxEBdQm пол дня гуглил,так и не нашел ничего подходящего обычно подставляют срезы белого цвета через before и after. но в данном случае подложка тоже картинка,по этому срезы должны быть прозрачными

    Asked by F4rr3LL, March 29, 2016

    0 votes
    2 answers
14. Адаптивный слайдер

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, такой слайдер только адаптивный

    Asked by stan07, March 29, 2016

    0 votes
    1 answer
15. Переход от мобильной к полной версии сайта

    Добрый день! Чтобы яндекс не ругался, вчера на скорую руку сделал мобильную версию для сайта http://multikorm.ru/, используя медиа запросы. Сегодня попросили добавить ссылку, при нажатии на которую будет открываться полная версия сайта. Ничего толкового на форумах почему-то не нашел и решил написать небольшой скрипт, который удаляет <link href="mobile.css"> и <meta type="viewport">, но у этого решения множество недостатков) Как сделать переход более правильным в данном случае?

    Asked by kaspers128, March 29, 2016

    0 votes
    3 answers
16. Использование нескольких классов без кавычек

    Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?

    Asked by Melodyn, March 28, 2016

    • html5
    • css
    • class
    0 votes
    3 answers
17. Эффект скрытия текста при скролинге

    Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm

    Asked by Akkord87, March 28, 2016

    0 votes
    2 answers
18. Ломается письмо при переотправке

    Обнаружил проблему. Письмо "ломается" при переотправке с одной почты на другую. Цепочка следующая : я отправляю на мыло А, оттуда оно перенаправляется еще на письмо Б. На письме Б появляются огромные пробелы вверху и внизу тела письма. Коричневая граница - самый верхний контейнер. Где-то натыкался на проблему, что при переотправке письмо ломается, но не могу найти. Можно это как-то исправить? Наверное плохо гуглил, ткните носом в тему.

    Asked by WhatIsHTML, March 28, 2016

    0 votes
    1 answer
19. Вертикальное выравнивание на flex

    Добрый день. Хочу разобраться с вертикальным выравниванием на flex. Допустим такая задача как на картинке. Желтому блоку я задаю: { height: 300px; display: flex flex-flow: column nowrap; justify-content: center; align-items: center; } И все встает как надо, но только если нам известна высота желтого блока. Вопрос такой, как избежать указания фиксированной высоты для желтого блока?

    Asked by BehemothOz, March 28, 2016

    0 votes
    1 answer
20. Прилипание топ-меню

    Ребят, не могу сделать шапку с прилипанием как у этого сайта - http://it-office.msk.ru/ . Может есть готовые, написанные скрипты?

    Asked by ITMOfan, March 28, 2016

    • css
    • js
    • sticky
    • прилипание
    0 votes
    6 answers
21. Максимальная оптимизация видео

    Здравствуйте. Верстаю сайт и до этого никогда не сталкивался с фоновым видео на сайте. Задача сделать видео максимально легким при этом оно не должно ухудшиться в качестве. Видео длительностью 1:36 сек, в формате mp4 , общий размер видео (несжатый) 116мб. Естественно его нужно ужать в разы, но вот без понятия, какие хорошие сервисы для этого есть. Само видео на сайте будем вставлено через тег video. И еще пару вопросов: - какие форматы видео еще стоит загрузить или будет достаточно только mp4? - в тег video так же можно прописать src картинки. Будет ли эта картинка автоматически подставляться, если видео по каким либо причинам не воспроизведется в брау…

    Asked by Akkord87, March 28, 2016

    0 votes
    5 answers
22. Dota 2 <img

    Вопрос не сильно касается тематики форума, но не знаю куда еще с ним обратиться. Вопрос очень глупый и ламерский. В доте в описании вещей работают html тэги, и раньше я с успехом пихал туда разного вида картинки, вчера пришел к тому, что <img src=> заменяется на _img src=>, можно ли с этим как-то бороться? Заранее спасибо за потраченное в пустую(на меня) время.

    Asked by eternalslave, March 28, 2016

    • img
    0 votes
    5 answers
23. placeholder не отображается в chrome

    Placeholder не отображается в chrome. В остальных браузерах все нормально http://design.zevs-online.ru/1280/

    Asked by yaparoff, March 28, 2016

    • placeholder
    0 votes
    3 answers
24. Помогите разрешить проблему с SSI

    Вникаю в SSI - очень нравится мне эта технология! Из тюка страниц можно вынести наружу меню, шапку, подвал и т.д. С меню в SSI очень удобно: меняю в menu.shtml сколько угодно ссылок и всё в момент отображается в страницах. Иначе - в каждой странице нужно менять, а если их много, то... Но вот с какой неожиданностью столкнулся. Вот есть сайт и его началу (корню), как полагается, соответствует index.html - юзер вводит домен.ру - попадает на index.html. И вот сделал я index.shtml, в котором вынес наружу меню: <!--#include file="mainmenu.html"--> Но теперь при клике на Главную выводится... файловое дерево сайта... Если же я просто переименовываю i…

    Asked by Ksanytch, March 27, 2016

    • index.shtml
    • ssi
    • главная стр. в ssi
    0 votes
    4 answers
25. повороты в canvas

    помогите пожалуйста повернуть каждую цифру на 90 градусов. результат должен выглядеть так. у меня пока получается только так вообще я пытаюсь нарисовать систему координат. с вертикальной осью проблем нет

    Asked by cyklop77, March 27, 2016

    • canvas
    • js
    0 votes
    1 answer