HTML Coding

29542 questions in this forum

1. font-face в медиазапросе, ошибка при валидации

   У меня есть подгружаемый шрифт, но подгружать я его хочу на определенном разрешении, я не хочу, чтобы пользователи мобильного интернета теряли в скорости загрузки сайта и даю им стандартный шрит, а для пользователей стационарных ПК я подгружаю шрифт, но валидатор ругается на подобное подключение, хотя все работает, помогите разобраться, как мне сделать грамотно все в этой ситуации. У меня в основной таблице стилей подключен другой шрифт, там нет ошибки, но при подключении именно в @media screen выдается ошибка.

   Asked by anvyd, June 19, 2015

   • @media
   • адаптивность
   • font-face
   • validator
   0 votes
   4 answers
2. Как правильно применить стиль к li class X ul class Y?

   Нужно расширить подменю 2, но чтобы 1 осталось как есть но я путаюсь в уровнях вложенности , пробовал так, но не работает .item-3 deeper parent .mega-menu { }т.е. нужно изменить стиль к "мега-меню" , которое расположено в li с классом item-3 deeper parent при этом чтобы мега-меню li другого пункта не задело Вот пример <li class="item-1 deeper parent"><a class="separator" href="#">Меню 1</a> <ul class="mega-menu" style="width: 307px;"><li class="item-2 deeper parent" style="width: 500px;"><a class="separator" href="#">Пунт меню 1</a> <li class="item-3 deeper parent"><a class="separator" href="#">Меню 2</a&…

   Asked by nikki4, June 19, 2015

   0 votes
   3 answers
3. Подскажите (фоновый SVG через base64 и ресайз)

   http://codepen.io/anon/pen/Nqadoo В примере обе иконки – это SVG data-uri. Первая иконка ведет себя так, как если бы ей было заданы следующие свойства: background-repeat: no-repeat; background-size: contain; background-position: bottom; Вторая ведет себя так, как и должна, т. е. обрезается, если размер не влезает. Подскажите, в чем здесь дело?

   Asked by Igor Schnaider, June 19, 2015

   • SVG
   • base64
   • background-size
   0 votes
   1 answer
4. Проблема с IE блокирует скрипты

   Добрый день ! как сделать так чтобы при загрузке страницы она не блокировала и не выдавало такое сообщение а загружалось без блокировки есть какой то выход с данной ситуацией ?

   Asked by pitbuli, June 18, 2015

   0 votes
   7 answers
5. Вирус на сайте, как избавиться?

   Уважаемые форумчане, Уже несколько дней Яндекс присылаем мне письма о том что сайт содержит вредоносное ПО, я свой комп проверила, так же просканировали весь офис, а он все равно за старое.... Вредоносный у вас сайт и все тут. Подскажите как проверить сайт на вирусы, и куда нужно у больного заглядывать (может я не туда смотрела?!)

   Asked by Anna Zharova, June 18, 2015

   0 votes
   6 answers
6. bootstrap адаптивность и абсолютное позиционирование.

   Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/ возникло пара нюансов: -при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) -как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)

   Asked by comSaaxov, June 17, 2015

   • bootstrap
   • css
   • responsive
   0 votes
   6 answers
7. Плавное появление при наведении

   При наведении на блок необходимо чтобы блок внутри него плавно появлялся. Как это сделать? http://codepen.io/anon/pen/bdrYmZ

   Asked by yaparoff, June 17, 2015

   0 votes
   1 answer
8. Шапка форума

   Шапка форума в виде картинки, которая должна быть на всю ширину форума(резиновой). Пожалуйста, подскажите код и куда его вставить... Как здесь разместить css для показа тоже не знаю...

   Asked by Fox13, June 17, 2015

   0 votes
   7 answers
9. Приоритет импортируемых таблиц стилей

   Существует ли возможность подключить таблицу стилей к основной таблице стилей так, чтобы приоритет всех стилевых правил подключаемой таблицы стилей был заведомо выше приоритетов одноименных правил основной таблицы стилей? Например, указать !important сразу для всех правил импортируемой таблицы стилей, скажем, вот так: @import url('mystyle.css') !important; Проблема в том, что одноименных стилевых правил очень много, и употреблять !important почти в каждой строке импортируемого файла - значит вдвое увеличить вес импортируемого файла, а подключать директивой @import в конец основного файла нельзя, так как at-правило @import должно обязательно быть в самом верху до уаазания…

   Asked by hike, June 16, 2015

   • @import
   • !important
   • приоритет
   • css
   0 votes
   4 answers
10. box-shadow не работает в IE 10 с ячейками таблицы

    Хочу получить такую таблицу. Здесь на сером фоне внутренние белые линии (слева и сверху) Cделать через тень, короткое изящное решение http://jsfiddle.net/aykkwbss/ Работает везде, но как обычно IE в своем репертуаре (думал в 10-й версии глюков с тенью не будет). Здесь белые линии смещены на 1px вправо или вниз Вложил DIV в ячейку. У Мозиллы едет верстка, а IE не растягивает DIV http://jsfiddle.net/aykkwbss/5/ Можно решить без JavaScript?

    Asked by user89, June 16, 2015

    • box-shadow
    • IE
    • table
    • cell
    • ячейка
    0 votes
    1 answer
11. Гуру не нужен, товарищ - лучший наставник.

    Создал группу в skype для совместного и оперативного обучения: skype:?chat&blob=ODfq_7_2ysQ_M1sFrVIVnAF5RI7cxD_21C-Ng6lm_Ef_YOlRmU23iPOgKK48a36iVQ-fB6KTB0iNQg вступайте кто хочет) update: https://gitter.im/zueff/web_study?utm_source=share-link&utm_medium=link&utm_campaign=share-link

    Asked by Zueff, June 16, 2015

    0 votes
    16 answers
12. Выбор и кастомизация адаптивного слайдера

    Не могу найти подходящий слайдер для кастомизации. Скриншот требуемого результата : http://joxi.ru/GrqzJ13uD01Kmz. Не много опыта со слайдерами есть, но в примерах на оффсайтах слайдеров не могу подобрать похожее. Проблема заключается в нижнем темном блоке: 1) как его вообще прикрутить; 2) стрелка-треугольник должна двигаться и указывать на нужную фотографию ; 3) все должно быть адаптивно - то есть не на десктопах порядок будет "фото"->"информация"->"статус бары". Хотя бы намекните в каком конкретно направлении копать...

    Asked by theobroma, June 16, 2015

    • HTML
    • CSS
    • Слайдер
    • JS
    0 votes
    1 answer
13. Слайдер

    Сначала слева вылетает первый текст, потом следом второй и все это очень быстро, потом справа вылетает картинка Нужен слайдер который может выполнить вот эти требования. Подскажите пожалуйста

    Asked by fireman691, June 16, 2015

    • слайдер
    0 votes
    1 answer
14. Вывод данных в <select>.</select> из БД

    Доброй ночи. К примеру есть таблица. В ней поле status. На странице сайта выводится таблица и в ней тоже есть поле status. В этом поле в форме я делаю выпадающий список тегом <select> для изменения статуса: <select name="status"> <?php $a = 'новый'; $b = 'выполнен'; $c = 'в очереди'; ?> <option value="<?=$a?>"><?=$a?></option> <option value="<?=$b?>"><?=$b?></option> <option value="<?=$c?>"><?=$c?></option></select>После выбора статуса, нажав кнопку Сохранить, в БД поле status меняется на значение, выбранное в <select> на сайте. Вопрос такой: как сделать чтобы…

    Asked by Rusl, June 15, 2015

    0 votes
    6 answers
15. Друзья, помогите разобраться с видео и фоном

    Друзья, хочу понять как вставить видео с таким фоновым эффектом типа сетки, как тут: http://yes-marketing.ru/и тут http://ir.magnit.com/

    Asked by murat, June 15, 2015

    0 votes
    3 answers
16. HTML5

    Здравствуйте, уже неделю пытаюсь разобраться с новыми тегами <section>, <article>, <header>, <footer>, <nav>, <aside> . Залез в спецификации w3c и WHATWG, пролистал http://html5doctor.com/. В теории все получается просто, но когда начинаешь реально что-то писать приходит понимание, что ты нечего не понимаешь. Набрел на http://www.creativebloq.com/html5/truth-about-structuring-html5-page-9122842#null (комменты вообще бомба) и понял, что никто толком о новых элементах HTML5 ничего не знает. Сейчас думаю начать изучение верстки стандартными divами с ролями ARIA с точечными вкраплениями HTML5. Можно конечно лепить структурные теги HTML5…

    Asked by Spark89, June 15, 2015

    • HTML5
    0 votes
    18 answers
17. Треугольник css

    Доброго вечера! Возникла проблема с, на первый взгляд, простой задачей. Невозможно нарисовать аналогичный треугольник (Я рисую бордерами через псевдоэлемент before но выходит все не то. Подскажите, пожалуйста) Заранее спасибо. http://clip2net.com/s/3jh24n1

    Asked by Orysya, June 14, 2015

    • css
    • triangle
    0 votes
    3 answers
18. Цвета и переменные

    Здравствуйте. Прочитал Sass Guidelines. Есть вопросы касательно того как называть переменные которые хранят цвета. Например у меня 18 цветов. 8 из которых это оттенки серого, 4 оттенка желтого, черный, белый и т.д. Как называть переменные: $c-grey-1, $c-grey-2, ..., $c-grey-n? Или $c-dashboard-title, $c-main-menu__item__link? Если у меня $c-dashboard-title и $c-main-menu__item__link одного цвета(хотя они логически не связаны), то поступить так: 1)$c-dashboard-title: #933434; $c-main-menu__item__link: $c-dashboard-title; 2)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же …

    Asked by leshiple, June 14, 2015

    • sass
    • цвета
    • переменные
    0 votes
    4 answers
19. Начало пути веб-программиста

    Всем доброго времени суток. Хочу начать заниматься веб-программированием. Начать хочу с вёрстки (и хорошо её изучить), затем перейти на бекенд (и что бы потом бекенд был моим основным направлением). Опыта в программировании нет вообще никакого. Гуглил дня 2, но немного запутался. Подскажите пожалуйста, в каком порядке и что учить (особенно путаница у меня с HTML, сайтов, которые учат верстать (а не просто тегам) на пятой версии просто нет, они либо на 4, либо просто сборник тегов). Да и вообще надо бы, что бы немного подсказали что и как, сколько времени займёт обучение(мне это очень важно, я потерял 4 года из жизни просто так, надо навёрстывать упущенное время) и т.п. Вс…

    Asked by S-god, June 14, 2015

    0 votes
    9 answers
20. Меню

    Приветствую, объясните салаге, по какой структуре сделано это меню: Демо - worldoftanks.ru (Не реклама)

    Asked by Vans, June 13, 2015

    0 votes
    3 answers
21. Нужно настроить корзину в магазине.

    Всем добрый день! Помогите включить сайт - шаблон. В верстке немного разбираюсь, а вот корзину нужно сделать (настроить). Предложите вашу цену. сайт: http://epoxy-polymer.in.ua/ Спасибо!

    Asked by Vic-Tor, June 13, 2015

    • корзина интернет-магазин
    0 votes
    16 answers
22. Проблема с выпадающим меню

    Проблема в том, что я навожу мышкой до 3 пункта под меню, и оно пропадает. вот сайт: http://www.s-podkova.com/ Вод код <div id="page"> <div id="header"> <a id="logo" href="http://www.s-podkova.com/" name="logo"></a> </div> <div id="navigator"> <div id="nav"> <var levels="1,2,3" expand="true" variant="nested" edit="1">navigation</var> </div> </div> <div id="stran"> <div id="content"> <var>content</var> </div> <div id="side#navigator { width: 1040px; padding:1; text-align: center; float:left; …

    Asked by Pande, June 13, 2015

    0 votes
    2 answers
23. Откалибровать содержимое дива

    Всем привет ) Начинаю разбираться с css. Есть необходимость выровнять содержимое дива .logo_bg_right с теми значениями паддинга, что указаны в коде, а именно 13px 18px. В принципе если поменять значение паддинга слева-справа на 14px получается... Если оставить 18px и приглядеться видно отступ с правой стороны. Не пойму откуда он взялся( Самое удивительное, что код абсолютно одинаков) <!DOCTYPE html><html> <head> <title>Project Name</title> <meta charset="utf-8" /> <link href="main.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="header"> <d…

    Asked by Paris, June 13, 2015

    • содержимое дива
    0 votes
    3 answers
24. Большой обтекаемый блок на bootstrap

    Доброго времени суток! Подскажите как можно сверстать такое отображение блоков? Пробовал через свойства float, но ничего не вышло. Максимум что получается это один маленький блок слева, большой по центру и 2 справа + ниже 5 блоков.

    Asked by booster, June 12, 2015

    0 votes
    3 answers
25. Как применить стиль к картинке в ячейке таблицы

    Запутался с синтаксисом, почитал про дочерние, но что-то не работает.. table > tbody > tr > td > p > a > img {max-width:150px;}Как правильно оформить? спасибо., такой вариант я первым делом и делал.. а проблема оказалось в другом, просто для страницы был отдельный css..

    Asked by nikki4, June 12, 2015

    0 votes
    1 answer