HTML Coding

29,542 questions in this forum

1. Неподвижный фон на адаптивном сайте

   Добрый день, подскажите с вопросом, как на адаптивном сайте сделать фоновое изображение, которое остается на своем месте (обрезается) при уменьшении экрана. Картинка для наглядности : http://s016.radikal.ru/i337/1506/6e/53922c9e96df.png

   Asked by local, June 4, 2015

   • фон
   • адаптивность
   • css3
   0 votes
   4 answers
2. Хелп

   Тут кажется не запрещено задавать глупые вопросы. Пользуюсь: Короч, я пытался верстать сайт по туториалу, мужик пропустил момент и пошел дальше ( он работал в Лисе ), а меня как-то заинтересовало и не могу понять в чем именно трабл. В Мозиле адаптируется идеално (на скрине снизу), а в Хроме и Сафари съезжает в низ нумер. Не хватает где-то префиксов, если да то где?Из фреймов добавил только сетку БутСтрап. кажется - туториал (на 1:21:00 показывается, как все работает в Мозиле)http://jsfiddle.net/jpu8nrue/- код (впервые пользуюсь такой ссылкой, если что не так - чиркните; исправлю)

   Asked by OstapBlender, June 2, 2015

   • Почему в Мозиле все хорошо?
   0 votes
   4 answers
3. подскажите пожалуйста как верстать буллеты (списки выгод с иконками)

   здравствуйте. озадачился вопросом как правильно верстать списки если в списках есть символ, например галочка? для этого нужно создать контейнер из двух колонок, в левой вставлять фоном иконку, а колонке уже элемент списка? или есть другой метод.

   Asked by webflower, June 3, 2015

   • бу
   • ллиты списки
   0 votes
   4 answers
4. как выстроить так блоки?

   http://joxi.ru/KAx9lOxU0wGkr8 displa inline-block vertical-align top не помогают masonry?

   Asked by raptor-dm, June 5, 2015

   0 votes
   4 answers
5. Первая строка

   DOCTYPE. Одно название уже говорит само за себя (тип документа). Спецификация HTML 2.0 (1995 год) Вольный перевод По сути, DOCTYPE (Document Type Declaration) определяет тип спецификации HTML. В каждой спецификации прописаны поддерживаемые ей элементы, атрибуты, и их взаимоотношения. Изначально спецификации писались в DTD, а сегодня это XML Schema. Есть один интересный момент, в HTML коде большинства сайтов 90х годов разработчики вообще редко прописывали DOCTYPE. Потому, что браузеры тех времён могли самостоятельно выбирать спецификацию документа и поэтому у разработчиков попросту не было нужды прописывать DOCTYPE в первой строке кода. STRAWBERRY POP-TART BLO…

   Asked by Zueff, June 6, 2015

   • doctype
   0 votes
   4 answers
6. Правильно ли применять разметку schema.org в категории товаров или в списке категорий?

   Здравствуйте! Вроде читал такое в яндекс вебмастере, что не стоит применять разметку на странице категории товаров(там где несколько товаров либо где отображается список категорий товаров), не получилось найти вновь, чтобы перечитать. Так ли это?

   Asked by borus, June 8, 2015

   0 votes
   4 answers
7. Слайдер не переключается

   Слайдер почему-то не переключается: http://codepen.io/anon/pen/Xbgmgj

   Asked by yaparoff, June 10, 2015

   0 votes
   4 answers
8. как в css при наведении на картинку плавно менять размер

   подскажите пожалуйста как же поменять размер при hover размер картинки. Код в html: <ul> <li><a href="#"><img src="images/facebook.png" alt="Фэйсбук"></a></li> <li><a href="#"><img src="images/twitter.png" alt="Твиттер"></a></li> <li><a href="#"><img src="images/vk.png" alt="Вконтакте"></a></li> <li><a href="#"><img src="images/mail.png" alt="Майл"></a></li> <li><a href="#"><img src="images/drug.png" alt="Другвокруг"></a></li> </ul> код в css: #social ul li{ …

   Asked by greenggc, June 10, 2015

   0 votes
   4 answers
9. Цвета и переменные

   Здравствуйте. Прочитал 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
10. Приоритет импортируемых таблиц стилей

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

    Asked by hike, June 16, 2015

    • @import
    • !important
    • приоритет
    • css
    0 votes
    4 answers
11. font-face в медиазапросе, ошибка при валидации

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

    Asked by anvyd, June 19, 2015

    • @media
    • адаптивность
    • font-face
    • validator
    0 votes
    4 answers
12. как сделать такую форму с помощью fancybox

    как сделать такую фому с помощью fancybox

    Asked by pitbuli, June 19, 2015

    0 votes
    4 answers
13. Несоосность линий

    Доброго. Несколько лет назад видел статью про ошибки округления в браузерах, но не смог за давностью лет найти этот материал обратно.. Суть вопроса http://beavers-net.narod.ru/primers/boolean_sch/bool_sch_min_pr.html Стили http://beavers-net.narod.ru/primers/boolean_sch/base.css Есть схемка. Реализовано все на таблицах + чутка блоков. при масштабировании страницы что-то как-то куда-то уезжает все Например: http://beavers-net.narod.ru/primers/boolean_sch/err1.jpg строка таблицы по высоте проставлена 16px, но при уменьшении масштаба становится ниже (см. рис.) Или разъезжаются части схемы: http://beavers-net.narod.ru/primers/boolean_sch/err2.jpg Opera 30, Chrome 43. H…

    Asked by tt48, June 20, 2015

    0 votes
    4 answers
14. высота вложенного в table-cell блока

    Доброго дня. можно ли как то растянуть высоту вложенного в table-cell блока до высоты родителя. В примере блок .height должен быть по высоте блока .right http://jsfiddle.net/digitalmedia/hokck58k/

    Asked by vip, June 23, 2015

    0 votes
    4 answers
15. Адаптивный дизайн

    Доброго времени суток, знатоки! Создаю сайт с адаптивным дизайном с использованием @media. Подключаю стили для разных разрешений экрана. Стили, в принципе, одни и те же, меняются лишь значение у width, height, font-size, margin и padding. Подключаю так: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:13…

    Asked by Я_Евгений, June 27, 2015

    • css
    • html
    • @media
    0 votes
    4 answers
16. Ссылка на всю высоту

    Как сделать ссылку на всю высоту? http://codepen.io/anon/pen/KpZdJG

    Asked by user, June 26, 2015

    0 votes
    4 answers
17. Отступ в html верстка меню windows 8, квадратики

    Доброго дня, друзья у Вас абсолютно замечательный форум, и сайт, надеюсь на Вашу помощь. Статью уже почитал. http://htmlbook.ru/faq/theme/margin можете мне обьяснить более популярно? Был на курсах html css 0 уровень, вот задача сверстать меню windows 8 как сделать так, чтобы квадратики были не 4 подряд, а чтобы было 2 строчки первая строчка - 2 квадрата вторая строчка - 2 следующих квадрата ? Как управлять квадратами? Как Стать Властелином Квадратов? С уважением. Ларин Иван css такой https://yadi.sk/d/t_he7WNNhaWXX

    Asked by IvanLarin, June 30, 2015

    • html
    • css
    • margin
    • отступ
    0 votes
    4 answers
18. Проблема с CSS Animation

    Есть небольшая проблема с анимацией, рассказываю на примере mozilla firefox (т.к. в хроме так в обще не раболает) : При первом наведении курсора на блок фон начинает двигаться, при убирании курсора фон так же плавно смещается обратно ( Это правильно ). Если второй раз навести курсор и через пару секунд убрать курсор с блока анимация фона пропадает и фон быстро прыгает обратно. Подскажите, пожалуйста что я делаю не так, есть ли способ сделать такую анимацию на css? Пример на этой странице

    Asked by antonP, July 1, 2015

    • Animation
    • CSS
    0 votes
    4 answers
19. Фундаментальные законы HTML и CSS

    Здравствуйте! Интересует вопрос о базовых законах HTML и CSS (на подобии такого тезиса, что нельзя блочные элементы "засовывать" в строчные). Прошу написать всё, что придёт в голову по этому вопросу, но очень был бы признателен, если кто-то кинет ссылку, где можно про это почитать.

    Asked by Я_Евгений, July 2, 2015

    • HTML
    • CSS
    0 votes
    4 answers
20. Чтобы все картинки сайта встали по центру

    Здравствуйте! Поменяла шаблон на вордпресс-сайте. Область контента теперь шире чем нужно, картинки лепятся к левому краю. Я их не загружаю в текст, а прописывают отдельно через <img border="0" src="" alt=""> Что прописать в стилях, чтобы все картинки на сайте показывались по центру? По идее можно к каждому изображению добавить <DIV ALIGN="CENTER"> Но это долго и нудно - страниц очень много. Что прописать в стилях для видео, чтобы оно тоже отображалось по центру?

    Asked by StOK, July 2, 2015

    • центрирование картинок
    0 votes
    4 answers
21. Оцените мою корявую верстку)

    Всех приветствую, я новичок в это ремесле. Вот начал верстать этот простенький макет: Как видите макет простой. Вот код моего творения( html и css). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="ru-RU"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка сайта</title> <link rel="stylesheet" href="st.css" type="text/css" /> <link rel="stylesheet" href="bootstrap.css" type="text/css" /></head><body><div id="wraper"> <div id="…

    Asked by breezyday27, July 6, 2015

    • верстка html
    • css
    • сайт.
    0 votes
    4 answers
22. междусловная вертикальная линия

    как сделать такую вертикальнуюлинию где можно почитать про это?

    Asked by riaron, July 9, 2015

    • вертикальная линия
    0 votes
    4 answers
23. Помогите с transition (плавное увеличение картинки)

    Сделал чтоб при наведении на картинку (background) она увеличивалась, но вот запилить "плавность" что-то не выходит... https://jsfiddle.net/degid/0jtyjqaa/5/ Колупаюсь-колупаюсь, а всё никак не могу раздуплиться... transition не на то свойство вешаю штоль...

    Asked by degid, July 10, 2015

    • css
    • transition
    0 votes
    4 answers
24. как работает margin-top ?

    Добрый день! Я новичек в деле верстки, много не ругайте) Мне надо сделать так, чтобы синий прямоугольник был опущен максимально вниз, к зеленому блоку. Пишу margin-top и пускается все вместе, хотя в описании margin написано что отступ идет от родительского элемента т.е. от предыдущего блока div. подскажите как исправить и что я делаю не так? https://jsfiddle.net/traxenbruxen/2yjh09sp/

    Asked by traxenbruxen, July 12, 2015

    0 votes
    4 answers
25. Проблемы при самообучении по php (книга Р.Никсона)

    Добрый день. Возникли проблимы во время практики при самообучении по книге Робина Никсона - Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 3-е изд - 2015. На странице 173 (Изучение PHP > создание файла) требуется ввести код для создания файла и проверить в браузере результат. Ввожу следующий код в sublime text: <?php $fh = fopen("testfile.txt", 'w') or die("Создать файл не удалось"); $text = <<<_END Строка 1 Строка 2 Строка 3 _END; fwrite($fh, $text) or die("Сбой записи файла"); fclose($fh); echo "Файл 'testfile.txt' записан успешно"; Затем сохраняю файл под именем testfile.txt и testfile.php, открываю в браузере, но ничего…

    Asked by sundeath, July 13, 2015

    • php
    • веб
    0 votes
    4 answers