HTML Coding

29542 questions in this forum

1. Якори

   <h1 id="iak">Это моя первая страница</h1> <ul> <li> <a href="#iak">Привет мой друг!</a> </li> </ul> Эти команды если их можно так назвать должны были перебрасывать на заголовок другого участка страницы, но сыллка не хочет работать хотя изображена как сыллка. Проверял в css id работает. Можете помочь?

   Asked by AndSan, December 9, 2017

   • якорь
   • html
   0 votes
   6 answers
2. html комментарии

   html комментарии в другие теги нельзя вставлять?

   Asked by Volan, December 9, 2017

   • комментарии
   0 votes
   4 answers
3. Как разместить картинку с текстовым описанием в одном блоке

   Необходимо разместить картинку вместе с текстовым описанием в одном ряду. Слева картинка, справа текстовое описание. Главное, чтобы высота всего блока (картинка с текстом) зависела от количества текста в описании, а картинка подстраивала свой размер под эту область. То есть, чтобы было ровно - высота картинки = высоте текстового блока. Я перепробовал несколько вариантов, помещал картинку в свой блок, текст в свой, или в одном блоке пытался сделать - ничего не получается. Кстати, ещё одна особенность, необходимо именно в div"ах сделать, таблица не подходит, скрипты не желательно + кроссбаузерно. Помогите пожалуйста решить проблему.

   Asked by alleclf, December 9, 2017

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

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

   Asked by somik, December 9, 2017

   • bootstrap
   0 votes
   6 answers
5. Несколько табов на странице

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

   Asked by brezze, December 9, 2017

   0 votes
   1 answer
6. 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
7. Как выровнить картинки с разной высотой?

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

   Asked by incub, December 10, 2017

   • html
   • css
   0 votes
   5 answers
8. Не работает denwer

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

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

   0 votes
   2 answers
9. Печать таблицы. Разрывается строка таблицы по середине.

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

   Asked by raketa, December 11, 2017

   • печать таблицы
   0 votes
   1 answer
10. Как в css прописать стиль текста для UL?

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

    Asked by VjikZel, December 11, 2017

    • css
    • ul
    0 votes
    1 answer
11. как растянуть картинку на всю ширину ячейки

    как убрать эти пробелы под пингвинами? <!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
12. Плавающее боковое меню дергается при скроле вниз

    Салют товарищи! Беда скорее всего в 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
13. Особенности 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
14. что лучше - normalize.css или reset.css ?

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

    Asked by Tempest, December 13, 2017

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

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

    Asked by WalkWeb, December 15, 2017

    0 votes
    5 answers
16. Необычная кнопка

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

    Asked by brezze, December 16, 2017

    0 votes
    2 answers
17. font-family

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

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

    • шрифт фотошоп
    0 votes
    1 answer
18. Как подключить сетку бутстрап в псд макете?

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

    Asked by Tempest, December 16, 2017

    • bootstrap
    • photoshop
    0 votes
    2 answers
19. проблема с блоком

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

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

    • волнообразный блок
    0 votes
    0 answers
20. Верстка на мобильном в Хроме поехала

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

    Asked by fowl, December 17, 2017

    0 votes
    1 answer
21. Как обойти параметр display: none заданный в html?

    Добрый день, друзья. Вопрос дурацкий. Есть старый сайт не пойми на чем сделанный (друпал + уберкарт старых версий). В коде одной из страниц добавлен style="display: none;". Найти где и как он добавлен - не удалось (динамический элемент подключается только при определенном событии). Скажите, можно ли как-то отменить этот параметр через CSS или еще как-то? У данного элемента есть CSS класс. Можно на него что-то повесить. Заранее спасибо!

    Asked by dron, January 19, 2018

    0 votes
    3 answers
22. Растянуть картинку до конца экрана в Bootstrap

    Добрый вечер, подскажите пожалуйста как реализовать такую структуру(как на картинке) Скрытый текст при помощи bootstrap. Есть container и есть row, в них два col-lg-6, как сделать чтобы картинка растягивалась на всю ширину до конца экрана? если ее просто поместить в col-lg-6 то она и займет пространство этого блока а надо чтобы было до конца экрана по ширине, и также со второй картинкой , чтобы она начиналась с начала экрана. Есть код и вот что из этого вышло(на другой картнке) Скрытый текст <div class="news-wrap"> <div class="container"> <div class="row "> &…

    Asked by EvilNeighbor, January 18, 2018

    0 votes
    6 answers
23. Как сверстать блок в блоке?

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

    Asked by hover, December 19, 2017

    • html
    • css
    0 votes
    2 answers
24. Приоритет селектора класса над селекторами типа

    Здравствуйте! Изучаю 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
25. 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