HTML Coding

29542 questions in this forum

1. Сетка bootstrap-sass 11-колоночная?

   Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код: <article> <div class="container"> <div class="row"> <div class="col-sm-5 hidden-xs"> <img class="shop-pages" src="img/shop-pages.png" alt=""> </div> <div class="col-sm-6"> <section class="suitable-offer"> <h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2> <div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span> Оптимальное решение для бизнеса, кото…

   Asked by Sigizmund, April 1, 2016

   0 votes
   9 answers
2. Изменение выдвижного аккордеона - на круги

   Доброго времени суток! Я выбрал js аккордеон выдвижного типа с горизонтальным рядом квадратных раздвигаемых картинок . Требуется квадраты поменять на круги "тарелки". Проблема!!! Изображение кругов в png не дает прозрачного фона за пределами окружности - остается белый бек в размере квадрата. Замена изображения на окружность средствами CSS дает те же результаты. Прошелся по всем бекам - изменил на "none" или добавлял прозрачность - "0"... Все без толку. А прозрачность тупо делает прозрачным весь "круг". Не знаю где еще смотреть.

   Asked by Vlad16, April 1, 2016

   • стили аккордеона
   0 votes
   1 answer
3. HTML 5 на деле - шаблон интернет магазина

   Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде…

   Asked by Tipylja, April 1, 2016

   • html 5
   • html5
   0 votes
   1 answer
4. CSS анимация при переходе с display:none на display:block

   Здравствуйте! Ситуация следующая: есть навигация nav, которая в мобильной версии исчезает с помощью display:none. С помощью JavaScript переключаю свойство display на block. Естественно, все это происходит резко - появление и исчезновение меню. Можно ли сделать плавное появление меню средствами CSS анимации? Погуглил - пишут что на display анимация не распространяется. Но все же, может Мастера подскажут... Заранее благодарю за помощь!

   Asked by volshebnyi, April 1, 2016

   0 votes
   10 answers
5. Как поднять Div

   почему диф в конце списка опустился тем самым увеличивая высоту ли с бордерами *{ margin:; padding:; border: none; } .wheader{ text-align: center; width: 1100px; margin: auto; height: 90px; } .wheader img { margin-top: 20px; } .wmenu{ height: 50px; background-color: #fafafa; border: 1px solid #eee; } .menu{ width: 1100px; margin: auto; height: 50px; } .menu-list{ list-style:none; display:table-row; } .menu-list li{ display:table-cell; width:auto; text-align:center; border-left:2px solid #eee; …

   Asked by BaukaKz, April 1, 2016

   • div
   • ul
   • li
   0 votes
   1 answer
6. Как сделать обтекание текста по середине рядом с div-кнопкой

   На сайте вверху есть вот такая информация: Вот код: <div class="box-services"><span class="pull-left"><i class="fa fa-refresh">&nbsp;</i></span> <div class="media-body"> <h3><a href="http://www.duoterm.ru/contact-us/"><font><font>Сделать заказ</font></font></a></h3> </div> </div> <div class="box-services"><span class="pull-left"><i class="fa fa-phone">&nbsp;</i></span> <div class="media-body"> <h3><font><font><font><font>+7 916 321-81-40</font></font></font></font>&…

   Asked by guram07, April 1, 2016

   0 votes
   2 answers
7. Убрать подложку сайта под кнопками

   Друзья,всем добрый день! Помогите пожалуйста разобраться. Имеется фоновое изображение и подложка сайта на которой размещены кнопки. Необходимо чтобы за кнопками отсутствовала подподложка, а рядом где кнопки отсутствуют она осталась. Хотелось бы чтобы было вот так: http://hkar.ru/HHwR Сам код вот здесь: http://codepen.io/Ivan545/pen/reGdQe

   Asked by Иван98, April 2, 2016

   0 votes
   6 answers
8. простейший вопрос, но вызвал ступор

   Добрый день всем участникам! Суть задачи - есть много (около 4.000) файлов html, структура одинаковая, нужно из каждого файла экспортировать текст в какой-нибудь формат для дальнейшей сортировки (xls, csv, odt - не столь важно). Пример кода: <b class="worker">Виктор</b>, вот нужно только этого "Виктора" и экспортировать. Хотелось бы найти готовое решение/программу, все мысли почему-то крутятся в заказе скрипта-обработчика на php... Заранее спасибо за советы )

   Asked by Диана23, April 2, 2016

   0 votes
   0 answers
9. Помогите плз с версткой

   Уже 2 дня не могу сделать вестку header(файл во вложении). Вся шапка в формате psd(могу вытянуть любой рисунок). Не получается наложить рис. так что б они при уменьшении дисплея не плыли, тоесть были адаптивными к любому расширению дисплея. Использую фреймворк bootstrap. Белая и серая полоски будут росширяться, при изм.дисплея. Надеюсь на Вас ув.форумчане. С css и html знаком. Заранее благодарен

   Asked by Yura1989, April 2, 2016

   • версткаcss
   0 votes
   2 answers
10. Подскажите как сделать онлайн компилятор HTML/CSS.

    Ребята помогите пожалуйста в решении вопроса.А именно как сделать онлайн компилятор HTML/CSS на подобие того что в CodeAcademy или jsfiddle?Хочу попробовать сделать сайт на подобие того самого CodeAcademy, для дипломного проекта.

    Asked by Konstantin99, April 2, 2016

    0 votes
    2 answers
11. Портфолио на Github

    Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…

    Asked by CdSy, April 3, 2016

    0 votes
    0 answers
12. В какую сторону копать для упрощения верстки (макетирование).

    Я в веб-верстки ровно месяц. Так что извините за незнание каких-либо терминов или/и их неправильное употребление. Попытался сделать сайт для себя, т.к. просто учиться на офлайн-файликах немного скучно. И уже сейчас столкнулся с такой проблемой. HTML-файлов в сайте уже штук 10, и каждый раз когда я хочу изменить интерфейс сайта мне приходится последовательно менять его во всех этих 10 файликах. Можно ли как-то оптимизировать этот процесс? Порылся в интернете - есть рекомендации Adobe Dreamweaver CC, но также пишут мол он "отупляет" верстальщика. Какую программу посоветуете для решения этой проблемы? В какую сторону копать?

    Asked by Moles, April 3, 2016

    0 votes
    4 answers
13. Плавающее меню, с фиксацией вверху

    не получается сделать вот такое фиксирующее меню, чтобы при пролистывании меню поднималось вверх и там фиксировалось вот пример сайта http://mattweb.ru/demo/fixed_menu/ в прикрепленных мои файлы float.html float.css

    Asked by kagan25, April 3, 2016

    0 votes
    9 answers
14. overflow ограничивает абсолютный блок

    Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.

    Asked by BoJITyH, April 3, 2016

    • div
    • overflow
    • position:absolute
    0 votes
    13 answers
15. Загрузка background-image и @media screen

    Подскажите, пожалуйста, как загружаются background-image, если для мобильников и десктопов делать разные фоны.. В зависмости от @media screen или все сразу грузятся?

    Asked by pamavik, April 4, 2016

    0 votes
    1 answer
16. Как сделать кнопку с рисунком

    У меня примерно вот такой код : <button> <img src="image/4.jpg" alt=""> </button> но когда я его запускаю появляется обычная кнопка без рисунка.

    Asked by Андрей309, April 4, 2016

    0 votes
    5 answers
17. хром,кнопка назад и меню

    страница рендерится с меню,которое прилипает к верху страницы если кликнуть на любой элемент,а затем вернуться назад нажав кнопку назад то меню пропадает самого элемента заголовка <header> нету, почему то пропадает,проверяю инспектором если смотреть исходный код то элемент есть потому что идет новый запрос на сервер в чем может быть проблема?

    Asked by https, April 4, 2016

    0 votes
    2 answers
18. Трапеция? Неправильный прямоугольник?

    Добрый день. Подскажите, как можно заверстать вот такие штуки? Без картинок. http://prntscr.com/anvzcp http://prntscr.com/anvzgx http://prntscr.com/anvzpg Спасибо!

    Asked by necro, April 4, 2016

    0 votes
    5 answers
19. Фон страницы

    Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?

    Asked by Zakonoposlushniy, April 4, 2016

    • background
    • css
    • фон
    0 votes
    3 answers
20. Генерация статического html-кода через JS

    Добрый день. Хотел бы спросить про правильное написание клиентской части сайта. Видел один сайт, где при загрузке страницы html-код генерировался с помощью JS (ExtJS). Вопрос: разве правильно создавать код страницы с помощью JS? Те же шапка и подвал сайта всегда остаются одинаковыми на любой странице. В чем плюс такого подхода? Лично я всегда считал, что чем меньше JS кода тем лучше (без фанатизма).

    Asked by xmlns, April 4, 2016

    • html
    • js
    • генерация
    0 votes
    8 answers
21. Как доработать всплывающую форму?

    Здравствуйте. На странице, если нажать кнопку "Заказ в 1 клик", то можно увидеть всплывающую форму. Пробую ей пользоваться на своем мобильнике, и когда дохожу до её низа: и кликаю на поле Комментарий, то на телефоне получается такая неприятная картина: то есть выдвигающаяся клавиатура скрывает поле, в котором ты набираешь текст. Как можно исправить эту "слепоту"?

    Asked by borus, April 4, 2016

    0 votes
    13 answers
22. Нужно создать условия для всплывающего списка

    Добрый день, помогите добиться следующего: Есть часть из кода: <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Sborka" name="sborka" onchange="getCost(this.form)"> <option value="1">Нет</option> <option value="2">Да</option> </select> </td> </tr> <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Fundament" name="fundament" onchange="getCost(this.form)"> <option value=…

    Asked by temnoo, April 4, 2016

    • select
    • option
    0 votes
    1 answer
23. Помогите с правильной HTML-структурой

    Ребята, можете помочь со структурой html кода. А то напутал наверное. Кому не трудно - проверьте быстренько Буду благодарен http://codepen.io/anon/pen/grXpmP

    Asked by JumpSnoopy, April 4, 2016

    0 votes
    1 answer
24. Декоративные треугольники в HTML/CSS

    Добрый день, народ. Есть одна проблема. На рисунке ниже приведён фрагмент макета одного лендинга. Мне хотелось бы узнать как "нарисовать" изображенный ниже декоративный треугольник, именно чтобы точно также всё выглядело, как на картинке?

    Asked by TadeskiOne, April 4, 2016

    0 votes
    3 answers
25. При создании textarea для написания кода, нужна табуляция строк, а не переход по индексу

    Добрый день, столкнулся с проблемой в textarea, так как это поле для написания кода в нем должна быть табуляция строк, а не переход по индексу. Подскажите пожалуйста можно ли как то отключить tabindex именно на этом поле?

    Asked by Konstantin99, April 11, 2016

    0 votes
    1 answer