HTML Coding

29,542 questions in this forum

1. Расплескалась синева по телефонным номерам

   Edge упрямо выкрашивает телефонные номера на сайте resursmed.ru в синий цвет и добавляет подчеркивание: и в шапке, и в подвале, не взирая на стили. Как победить напасть?

   Asked by d0ublezer0, December 20, 2017

   • edge
   • телефон
   • ссылки
   0 votes
   3 answers
2. css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока?

   https://jsfiddle.net/9a47rddr/ При наведении мыши - нет проблем. А можно ли средствами css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока? Или без js не обойтись :(?

   Asked by torsar, December 20, 2017

   0 votes
   2 answers
3. не показывает элемент через before

   Почему когда я прописываю "Имя" через content для input ничего не выводится ? form — копия.html

   Asked by rpmcmerphy, December 20, 2017

   0 votes
   5 answers
4. z-index и контекст наложения

   Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative наприм…

   Asked by SnowSilver, December 20, 2017

   0 votes
   5 answers
5. Приоритет селектора класса над селекторами типа

   Здравствуйте! Изучаю html и css не так давно хотелось бы уяснить для себя один вопрос.. Почему в некоторых случаях селекторы типа все же имеют приоритет над селектором класса?? В литературе ( https://webref.ru/layout/learn-html-css) поясняется что селектор класса имеет больший вес специфичности, но так получается не всегда.. Ситуация для примера - https://jsfiddle.net/bnzgw6af/ . Заголовок <h2>, абзац <p> и ссылка <a> обернуты классом .hero, для которого применяется белый цвет. Отдельно же для заголовка и ссылки с помощью селекторов типа применяется зеленый.. Почему белый цвет действует только для абзаца? Ведь класс .hero охватывает и заголовок и абзац и…

   Asked by Odinokiy_volk, December 19, 2017

   • html
   • css
   0 votes
   2 answers
6. Как сверстать блок в блоке?

   Подскажите как сверстать...

   Asked by hover, December 19, 2017

   • html
   • css
   0 votes
   2 answers
7. Верстка на мобильном в Хроме поехала

   Добрый день. Подскажите, что не так с версткой, почему реклама в хроме на мобильном съезжает?

   Asked by fowl, December 17, 2017

   0 votes
   1 answer
8. проблема с блоком

   ребята, как сделать блок волнообразным как на макете

   Asked by начинающий верстаг, December 17, 2017

   • волнообразный блок
   0 votes
   0 answers
9. Как подключить сетку бутстрап в псд макете?

   кучу видео посмотрел, но никто нормально не может показать работающий способ

   Asked by Tempest, December 16, 2017

   • bootstrap
   • photoshop
   0 votes
   2 answers
10. font-family

    прописал код как в фотошопе: font-family:Mistral; но браузер отображает по другому, почему так?

    Asked by начинающий верстаг, December 16, 2017

    • шрифт фотошоп
    0 votes
    1 answer
11. Необычная кнопка

    Ребят, по ховеру круглая кнопка плавно трансформируется в кнопку с текстом. Где-то встречал на просторах интернета, но не могу найти сейчас. Возможно кто-нибудь кинет пример подобных кнопок ?

    Asked by brezze, December 16, 2017

    0 votes
    2 answers
12. Можно ли сделать зеркальное отображение фоновой картинки на css?

    Здравствуйте Возможно ли на css сделать зеркальное отображение фоновой картинки?

    Asked by WalkWeb, December 15, 2017

    0 votes
    5 answers
13. что лучше - normalize.css или reset.css ?

    что лучше? Или же каждый из них имеет свои + и - ?

    Asked by Tempest, December 13, 2017

    0 votes
    14 answers
14. Особенности background-size: cover

    Необходимо указывать background: url из текста самой страницы, а также добавить свойство background-size: cover И вот что заметил - если background-size: cover поместить в стили, то он не работает, а если также на самой странице - то работает: <html> <head> <title>Background Size</title> <style> .true { width: 300px; height: 200px; border: 1px solid #888; } .false { width: 300px; height: 200px; border: 1px solid #888; background-size: cover; } </style> </head> <body> <div class="true" s…

    Asked by WalkWeb, December 13, 2017

    0 votes
    2 answers
15. Плавающее боковое меню дергается при скроле вниз

    Салют товарищи! Беда скорее всего в CSS, так как такой же скрипт отлично работает на демо странице его автора. На сайте реализовано плавающее боковое меню, но оно, зараза дергается при скроле вниз. Когда вверх - все норм. Может там всё элементарно, да я туплю просто? Подскажите пожалуйста, в какую сторону копать хотя бы Страница с проблемой - https://virtualrift.net/games/ar/the_machines_mnogopolzovatelskaja_igra_v_dopolnennoj_realnosti_odobrennaja_samoj_apple/2-1-0-5003?lk6hKO Взято от суда - http://shpargalkablog.ru/2013/09/scroll-block.html#pr8 В демо, такой же скрипт работает гладко http://sticky01.blogspot.ru/2015/05/1.html

    Asked by DeeNWaR, December 13, 2017

    • боковое
    • плавающее меню
    0 votes
    8 answers
16. Вращабщиеся блоки

    Добрый день! Хотелось бы получить пояснение о принципе работы механизма с "вращающимися блоками". А именно-к примеру, есть страница-приветствия, а в ней блок с аватаркой и кнопкой входа, нажав на которую весь блок визуально прокручивается вокруг своей оси. И появляется на месте блока с приветствием блок с формой входа. Надеюсь, что пример доступный и я буду понят... хотелось бы понять о принципе работы: как происходит подмена одного блока на другой, это реализовывается только на css с помощью преобразований и переходов/анимации или тут уже нужен JavaScript?

    Asked by Super_Saimon, December 13, 2017

    • css
    0 votes
    3 answers
17. Табличная верстка

    Помогите решить проблему, не могу в ячейке td с помощью float разместить 2 блока <p> внутри которых картинка заголовок и абзац, один <p> стает нормально второй не хочет. как это возможно решить?

    Asked by Serhii, December 13, 2017

    • tr
    • td
    0 votes
    3 answers
18. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li> </ul> </td> <td> <h1 class = "title…

    Asked by ya novenkiy, December 12, 2017

    • table
    • tr
    0 votes
    2 answers
19. Как в css прописать стиль текста для UL?

    Здравствуйте, в верстке я новичок, поэтому не судите строго за вопрос. Сейчас я работаю над сайтом на WP. Мне нужно задать размер шрифта для всех элементов UL на страницах сайта. Как это лучше сделать?

    Asked by VjikZel, December 11, 2017

    • css
    • ul
    0 votes
    1 answer
20. Печать таблицы. Разрывается строка таблицы по середине.

    Здравствуйте. При печати товарной накладной возникает разрыв таблицы прямо по тексту. Эта задача тривиальна, т.е. есть гарантированное решение? Или же каждый раз требуется индивидуальный подход? Пример: Пункт 9 разорвался, читать невозможно. Как видите, таблица справа копия таблицы слева. Располагаются в двух блоках DIV. Сверху, над таблицей, есть другие таблицы, разные по высоте. Поэтому эти две таблицы смещены по вертикали. Тогда, когда нет смещения, то и такой проблемы не возникает. Можно, наверное, выравнивать эти таблицы по вертикали, чтобы не происходил разрыв строки, но тогда будет возникать пустое пространство над одной из т…

    Asked by raketa, December 11, 2017

    • печать таблицы
    0 votes
    1 answer
21. Не работает denwer

    Скачал denwer, установил, запустил. Потом захожу на сайт localhost и вижу мне вылетает ошибка: Как это исправить? помогите пожалуйста. я в этом деле новичок просто искал как создать страницу вот и скачал это!!! И как видите зря ведь получил только ошибку!!!

    Asked by Максим Тиранов, December 11, 2017

    0 votes
    2 answers
22. Как выровнить картинки с разной высотой?

    Как выровнить картинки с разной высотой?

    Asked by incub, December 10, 2017

    • html
    • css
    0 votes
    5 answers
23. IE7 margin-bottom от абзаца добавляется к img { float: left; }

    Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…

    Asked by 7ion, December 9, 2017

    0 votes
    14 answers
24. Несколько табов на странице

    Ребят помогите пожалуйста. https://codepen.io/brezze/pen/yPmvRv На странице будет много таких табов, мне нужно что-бы если я кликал на вкладки нижнего таба, в верхнем не убирался класс current и текст оставался всегда видимым. Как этого достичь ?

    Asked by brezze, December 9, 2017

    0 votes
    1 answer
25. Bootstrap, 3 колонки в две строчки

    Здравствуйте, Никак не могу найти причину почему колонки съезжают. Знаю, что одна колонка ниже остальных, но как это влияет на bootstrap не понимаю. Посмотрите пожалуйста? http://xn—-7sbqkbjlgtakdhickq1a2n.xn--p1ai/

    Asked by somik, December 9, 2017

    • bootstrap
    0 votes
    6 answers