HTML Coding

29,542 questions in this forum

1. Несколько начертаний шрифта на сайте

   На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случ…

   Asked by vip, January 16, 2017

   • шрифт
   0 votes
   0 answers
2. Адаптивность кнопки в привязке к внешнему контейнеру

   Есть у меня слайдер, каждый слайд - картинка, и на каждой картинке есть кнопка. Так вот задача, чтобы при адаптивном уменьшении картинки, кнопка сохраняла положение и изменяла размер пропорционально. Возможно ли это? Вот пример https://jsfiddle.net/yhnf3m9L/1/ положение вроде сохраняется, а вот размер - беда.

   Asked by Ich, January 17, 2017

   • адаптивный дизайн
   0 votes
   0 answers
3. Как проверить разметку на ssi?

   Всем добрый день! Маленький вопрос, в Гугле так и не нашел ответа. Как проверить на валидность сайт с применением ssi ? Заранее спасибо!

   Asked by Vic-Tor, January 20, 2017

   • ssi
   • validator
   0 votes
   0 answers
4. Почему box-shadow не затеняет картинки?

   подскажите, в чем дело? www.road.media - при разворачивании каталога бренды машин не затеняются, а логотип сайта, например - да.

   Asked by d0ublezer0, January 24, 2017

   0 votes
   0 answers
5. Кодировка

   Загрузил сайт на hostinger, кодировка в notebook++ поставил utf-8, но стоит загрузить мне сайт на хост, все русские символы превращаются в кириллицу. Как исправить это? В интернете смотрел, там в файле ".htaccess" что-то нужно добавить, но у меня в это файле имеется данный текст, и я просто без идей что мне делать. P.S - файловый менеджер: net2ftp

   Asked by ErUnDAK, January 25, 2017

   • кодировка
   • utf-8
   0 votes
   0 answers
6. Тень для кнопки

   Подскажите, как сделать тень для кнопки? У одних кнопок на сайте class="submit" у других class="css-button". Пожалуйста, закройте тему. Справилась своими силами.

   Asked by StOK, January 25, 2017

   • тень для кнопки
   0 votes
   0 answers
7. Не могу запустить слайдер

   День добрый , скопировал лендинг http://land-gooods.ru/kylieedition-a2/ wget-ом , а в копии не работает слайдер. Подскажите куда копать.

   Asked by Satis, January 26, 2017

   • лендинг слайдер
   0 votes
   0 answers
8. передать значение href в src фрейма по нажатию на одну из ссылок

   Доброго времени суток, помогите сообразить конструкцию. Есть ссылки, например: <a href="one.html" target="modal">link 1</a> <a href="two.html" target="modal">link 2</a> <a href="three.html" target="modal">link 3</a> И сам фрейм: <iframe name="modal" src="0" id="modalfrm"></iframe> Как по нажатию на ссылку открыть во фрейме ее href="" (при этом оставаться на этой же странице) я сообразил. Не могу сделать модальное окно с фрейма используя только css Есть варианты? Хотелось бы увидеть ваш подход к этому делу. Нашел один из способов сделать модальное окно "CSS Only" Ссылка открывающая модальное …

   Asked by karakymg, January 26, 2017

   • a href
   • target
   • iframe
   • modal
   0 votes
   0 answers
9. Как делать значки соц. сетей через css?

   Разобрался. Это шрифт специальный. Font Awesome Icons .fa-pinterest::before { content: ""; } А чтобы инвертировать цвет написал: background: black; color: white;

   Asked by nikki4, January 26, 2017

   0 votes
   0 answers
10. Модальное окно плагина jq UI

    Как заставить модульное окно закрыться при щелчке по любому месту за пределами окна? $('.dial').dialog({ autoOpen:false; //Изначально закрыто }); $('img').click(function(){ $('.dial').dialog("open"); //По щелчку по картинки открывается }); $(document).click(function(){ $('.dial').dialog('close'); //По щелчку на любом месте закрывается });

    Asked by aqua.77, January 31, 2017

    0 votes
    0 answers
11. Как задать условия для видимости табов bootstrap 3, при размещении навигации табов в collapse меню?

    Добрый день, реализовываю мега меню использую плагины Bootsrap: tabs и collapse ссылка на прототип (codpen) Нужная логика: При клике на родительскую категорию (Одежда, Техника, Для дома) открываются в сайдбаре, ее дочерние категории. — реализовано По клику на дочернюю категорию открывается, в правой колонке, содержимое связанного с дочерней категорией таба — реализовано Подкатегории (Мужская одежда, Женская …) первой родительской категории (Одежда) открыты по умолчанию — реализовано При клике на другую родительскую категорию, открываются ее дочерние и скрываются дочерние категории, предыдущей активной — реализовано При клике на р…

    Asked by Drunk_Monkey, January 31, 2017

    • bootstrap
    • jquery
    0 votes
    0 answers
12. Помогите отредактировать шаблон

    Нужно заменить "Continue reading" на "Читать далее" в этом шаблоне - http://gooyaabitemplates.com/livepreview/recipes-food/ Перерыл весь код, но так и не нашел, где это можно сделать. Пожалуйста, помогите!

    Asked by trapstar, January 31, 2017

    0 votes
    0 answers
13. форма создание дополнительной формы

    Нужно создать форму, которая будет всплывать при нажатии кнопки "Добавить". Например, мы вводим образование, один университет. Но если человек имеет еще одно образование, то он нажимает кнопку "Добавить" и ему высвечивается такая же форма , только с другим полями, ( выше - ниже не имеет значения) На первой картинке показано как это выглядит до нажатия на клавишу, на второй как после нажатия. Есть ли какие нибудь материалы по этой теме? Не могу найти хоть приблизительного примера=( Очень буду благодарна, если поможете=)

    Asked by damase, February 9, 2017

    • создание
    • подключение к сайту html
    • php
    • javascript
    0 votes
    0 answers
14. Можно ли создать ромбик, у которого по одной координате размер абсолютный, по-другой - относительный?

    Вот, например, так, только с условиями, как в заголовке? ЗЫ: фигура должна заливаться градиентом и откидывать тень.

    Asked by Launder, February 4, 2017

    • геометрия
    • transform
    0 votes
    0 answers
15. html Подскажите код

    Столкнулся с проблемой. У меня есть таблица и при наведении на ячейку другие блюрятся, но они блюрятся по горизонтали, а мне наоборот надо чтобы блюрились по вертикали т.е. при наведении на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той. Нужно учитывать то что заголовок т.е. th* никогда не блюрится. Короче говоря нужно чтобы при наведении оставались незаблюренными только наведенный столбец. Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/ Заранее спасибо за ответ. Если что то непонятно пишите. Вот как сейчас: Как надо:

    Asked by tArAntAykA_, February 5, 2017

    • css
    • htnl css
    • таблица
    • html таблица
    • css таблица
    0 votes
    0 answers
16. Не получается вертикально отцентрировать блок/картинку

    Превьюшки, которые слева, не центрируются по вертикали. Я пробовал: 1. vertical-align: middle 2. display: table (родительский элемент) и table-cell (дочерний эемент) 3. top: 50% и transform y -50% (отображается некорректно на некоторых устройствах, да и костыль к тому же)

    Asked by iBars, February 7, 2017

    0 votes
    0 answers
17. Скрипт спойлера с плюсом и минусом

    Подскажите простой, а можно и не простой скрипт спойлера, где при клике и раскрытии черный плюс становится минусом.

    Asked by Delat, February 10, 2017

    0 votes
    0 answers
18. Адаптивное перемещение блока: как реализовать (шаблон прикрепил)

    Доброго времени суток, уважаемые гуру. Сделал сайт на Wordpress, это мой первый любительский опыт, с html знаком на весьма базовом уровне, потому экспериментирую. Адаптивный дизайн в используемом мной шаблоне уже есть, и некоторые изменения я уже внёс, но столкнулся с некоторыми сложностями, и очень надеюсь на вашу помощь, уважаемые пользователи :-) Я добавил левый сайдбар с блоком "Temp sidebar" id="leftbar" и сделал его видимым только при разрешении монитора 1025px и более. Потом подумал, что так не пойдёт, пользователи со смартфонов и планшетов не будут видеть список располагающихся там статей и не будет переходов (оттого высокий процент отказов). И тогда я р…

    Asked by Yserty, February 12, 2017

    • html css
    0 votes
    0 answers
19. Проблема

    Здравствуйте! Хочу создать php код для загрузки изображения на сервер на выбранные области карты как прикреплено внизу. Чтобы когда зашел посетитель он мог выбрать любое фото у себя и загрузить его на любую область карты, как можно это сделать? Спасибо

    Asked by Di110, February 12, 2017

    0 votes
    0 answers
20. Иногда появляется косяк с отображением шрифта Myriad Pro.

    Здравствуйте! Вопрос не то чтобы связан с версткой, просто не знаю куда лучше написать. В общем иногда при отображении страницы в браузере chrome 49, не отображаются либо некоторые символы шрифта Myriad Pro, либо полностью во всем блоке. Проблема плавающая и появляется непонятно по какой причине. Специально сгенерировать её не получается. Обновление страницы с отключением кэша не помогает, страница остается с теми же косяками. Когда смотрю в инспекторе, то вижу, что текст на самом деле в блоке присутствует. Для примера: у меня стоит font-size: 14px и ничего не отображается. Я ставлю в инспекторе font-size:17px, тогда текст появляется, в размер соответствующей 17px. …

    Asked by andrew312, February 14, 2017

    • css шрифт
    0 votes
    0 answers
21. Правильно ли сделана предварительная загрузка изображений?

    Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.light img').attr('src',att); });

    Asked by aqua.77, February 14, 2017

    0 votes
    0 answers
22. Я.карта не отображается в плавающем блоке

    Нужно сделать отступы блока яндекс карты - поплыли значки на ней. Решил убрать ее в блок и двигать уже блок но не отображается. Пробовал убрать float:left -тогда карта появляется. Но если не сделать float:left. тогда блок справа будет снизу, а не справа от карты Сам спросил сам отвечу надо было фиксированный блок сделать по высоте/ширине. Я это сделал - но опечатался, потому не мог понять, в чем еще могло быть дело

    Asked by nikki4, February 16, 2017

    0 votes
    0 answers
23. Как сделать, чтобы меню не сворачивалось при наведении на всплывающую картинку в меню?

    Задача такая - при наведении на пункт меню "каталог" - появились 3 картинки с разделами каталога по которым можно было бы перейти в соответствующий раздел (вот типа как тут). Проблема в том, что как только убираю курсор с .imagetip - все опять скрывается. Как сделать чтобы не исчезало?

    Asked by nikki4, February 17, 2017

    0 votes
    0 answers
24. Предварительная загрузка

    На странице есть много картинок, и чтобы сделать предварительную загрузку не комильфо прогонять каждый путь через массив, ибо путей много и вручную это долго. Как можно сделать по другому? Мой вариант будет правильным? При нажатии на маленькое изображение должно появляться большое без загрузки. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.open').append('newI'); }); });

    Asked by aqua.77, February 17, 2017

    • jquery
    • javascript
    0 votes
    0 answers
25. Нужен ли тег alt у изображений?

    Обновил движок ДЛЕ до версии 11.2. Разработчики в этой версии полностью убрали из изображений тег alt. То есть, если на странице несколько картинок, то тег остается только у первой а у остальных его нет. Вот этот момент: Вопрос в том, стоит ли удалять этот тег или оставить всё как было? Спасибо.

    Asked by alleclf, February 22, 2017

    0 votes
    0 answers