HTML Coding

29542 questions in this forum

1. LESS import и браузеры

   Проблема в следующем. Есть папка с такой структурой: +css +bootstrap +img design.less markup.less style.less +images +js index.htmlв index.html мы подключаем style.less <link rel="stylesheet/less" href="css/style.less">style.less служит контейнером, в него нужно импортить все остальные стили @import "css/bootstrap/css/bootstrap.min.css";@import "design.less";@import "markup.less";Теперь открывая эту страничку в браузере, мы видим только html, а стили не применяются, кроме FF и safari в этих браузерах все ок. Проблема решается установкой локального веб сервера, но хотелось бы знать почему так.

   Asked by swandev, November 26, 2013

   • less
   0 votes
   19 answers
2. display: block по нажатию на radio

   Здравствуйте! Будьте добры, подскажите пожалуйста как сделать такую вещь... Есть два радио переключателя. Если выбрать один то определённый div у которого был display none становится display block, если нажать на другой то первый блок должен снова становиться display none а новый уже display block. Мне нужен самый примитивный вариант реализации такой вещи. Я искала но находила примеры с jQuery но грузить всю библиотеку для такой простой вещи как то не хочется - это не правильно. Спасибо!

   Asked by Anechka, June 23, 2016

   • form
   • radio
   • display
   • block
   0 votes
   1 answer
3. Разместить в одну колонку

   Привет, у меня есть свёрстанный блок, но элементы(круги) не стоят друг под другом, как это исправить? <section id="about"> <div class="container"> <div class="title"> <h2> About Us </h2> <p> Lorem ipsum dolor sit amet, consectetur. </p> </div> <div class="timeline-holder"> <div class="box"> <div class="left"> <h3>July 2018 <span>Our humble beginnings</span></h3> …

   Asked by marc, January 10, 2018

   • html
   • css
   • колонка
   0 votes
   1 answer
4. высота в %

   Столкнулся с такой проблемой. Задаю высоту бока в % относительно body И оказывается, что при правильном doctype высота заданная в % не работает. Кто нибудь знает как это можно обойти?

   Asked by jangot, April 7, 2008

   0 votes
   6 answers
5. Элемент только на главной

   Всем привет! Снова обращаюсь к Вам за помощью Мне надо чтобы определенный элемент отображался только на главной странице... Как это реализовать? Можно ли через конструкцию if-else??? Например если адрес в браузере равен "index.php" или "/" то отображаем элемент, если нет - не отображаем. Заранее спасибо!

   Asked by MC WEST, January 4, 2010

   0 votes
   7 answers
6. Блоки с автоматической шириной

   Помогите, не могу сообразить, как сделать. Есть блок A шириной X и высотой Y. Внутри него нужно разместить от одного до трёх внутренних блоков. Условия: если внутренний блок один - то он должен растянуться на всю ширину блока А, если два - то они должны занять по половине ширины блока А, если три - по трети, ну и так далее... Как сделать?

   Asked by botyaslonim, September 24, 2010

   0 votes
   15 answers
7. Смещение блоков при изменении размера одного из них

   Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая: Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была не…

   Asked by Marakaya, December 21, 2012

   0 votes
   4 answers
8. Скрипт прелоадера для input

   Есть поле вводишь первые буквы названия, подгружается список, как это напрмер на сайте поиска авиабилетов. При поиске идет задержка, хотел в input вывести гифку прелоадера загрузки, пока идет запрос. Есть какие-то готовые библиотеки? Гуглил ничего не нашел )

   Asked by okunev2, December 10, 2014

   0 votes
   4 answers
9. Глубокое (3-4 уровня) меню на мобильных устройствах

   День добрый! Друзья, возник вопрос. На сайте есть глубокое меню: Каталог - Оборудование 1 - Модель 1 - Тип 1 - Тип 2 - Тип 3 Реализовать такое для десктопа легко: тут есть и клик и ховер. А вот как быть с мобильными устройствами??? При клике вместо выпадающего подменю открывается ссылка на раздел Модель 1. Из-за этого подменю, где указаны Типы (1,2, 3) не открывается вовсе. Я понимаю, что эти типы можно реализовать иначе, например через фильтр в разделе Модель. Но нужно именно такое глубокое меню! Как быть, подскажи, пожалуйста. Заранее спасибо!

   Asked by dron, June 8, 2018

   0 votes
   6 answers
10. помогите правильно определить селектор

    часть html: <body class="front two-sidebars"> ... <div id="main"> ... </div> </body> в css файле прописано: .two-sidebars #main { background: url(image.png); } Вопрос: как правильно прописать селектор в css для #main, чтобы он обрабатывал такие конструкции: желательно чтобы не прописывать "sameclass" "samaeclass2" и т.д. в css файле, а выбор был основан только на ".two-sidebars #main"

    Asked by myid, January 4, 2008

    0 votes
    6 answers
11. Отступ в последней строке в элементе списка

    Подскажите, плз... В последней строке новости в каждом элементе списка слишком большой отступ от основного текста. (Mozilla, Netscape, частично ИЕ) <table> <tr> <td width="80%"> </td> <td><p class="date_news"><span class="date_news">20.03.2008</span> </p> <ul class="list_general_news"> <li><a href="/news/dlya_megaproproekta_sankt_peterburga_morskoj_fasad_kompaniya_gorodskoj_centr_ekspertiz_ekologiya_vypolnit_rabotu_po_ocenke_vozde/">Для мегапропроекта Санкт-Петербурга ?Морской фасад? компания ?Городской центр экспертиз ? Экология? выполнит работу по оценке воздействия ?намыва? территорий на окружаю…

    Asked by Микель, April 1, 2008

    0 votes
    6 answers
12. картинки поверх текста в IE6,7

    Приветствую всех! По мере сил прошу помочь в решении след. проблемы: есть сайт. В нормальных броузерах вс? нормально а вот в IE 6 и 7 менюшка, которая вылазит при наведении курсора на рисунки, отображается почему-то ПОД рисунками а не НАД ними. Меню делается след. образом. HTML: <div class="remcomplect"> <img src="img/1.jpg" alt="" /> <ul> <li><a href="index.php?id=1">ГИДРОНАСОСЫ</a></li> <li><a href="index.php?id=2">ЕЩ? ЧТО-ТО</a></li> </ul> </div> CSS: .remcomplect ul { display: none; } .remcomplect img:hover + ul, div.remcomplect ul:hover { display: block; } при наведении на img и …

    Asked by stalker_2000, April 24, 2008

    0 votes
    2 answers
13. некорректное вычисление высоты

    Если высота слоя явно не указана, граница слоя отображается в 1px. Либо по высоте дочернего слоя - если указана явно его ширина. IE отображает рамку корректно. Вопрос: как заставить FF правильно вычислять высоту слоя, чтобы при включении рамки слоя - все было красиво Вот такое: height: 100% или height: auto не прокатит

    Asked by htmlkin, September 30, 2009

    0 votes
    4 answers
14. Позиции в ксс, помогите!

    Здравствуйте! Крайне нуждаюсь в помощи по вёрствке! Помогите сделать сайт стабильным (чтобы при разных разрешениях был одинаковым). При разных разрешениях картинки и текст прыгают. Привожу кусок примера: КСС: HTML: Заранее примногом благодарен

    Asked by eklips, May 11, 2011

    0 votes
    8 answers
15. Поиск в HTML5 по тегам

    Доброе утро друзья. У меня возник вопрос, html 5 я начинаю осваивать с низов. Возник вопрос, в частности как осуществить поиск по своему сайту на HTML. Кнопку я поставил, но как заставить работать поиск. Второй вопрос, как осуществить поиск по тегам с другого сайта. Допустим на работе стоит workpoint, необходимо чтобы с самописного сайта был поиск по отдельным разделам в workpoint'a по тегам. Я понимаю что у меня фантазия большая, но хотелось узнать возможно это сделать и с чего начать. Заранее благодарю.

    Asked by Homavi, March 25, 2014

    • поиск теги html5
    0 votes
    3 answers
16. Адаптивные темы Друпал

    Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net

    Asked by Илья 2, June 28, 2015

    • adaptive
    • bootstrap
    • drupal
    0 votes
    10 answers
17. Не могу заставить <button> действовать как inline

    Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/

    Asked by 7ion, December 24, 2017

    1 vote
    6 answers
18. Автоматическое перелистывание слайдера

    Автоматическое создание слайдера Добрый день имею вот такой слайд скажите как сделать, чтобы он перелистывался автоматический!!! Вот мой код

    Asked by Андрей1990, February 1, 2018

    0 votes
    2 answers
19. Исчезли вкладки в шу6е (ie6)

    http://sotnikovs.com/e-shop/ver2/ если посмотреть в FF - вкладки нормально отображаются (на все другое не обращаем внимание) но как обычно, в ШУБЕ (ie6) — вкладки не отображаются.. Пока сам тоже ковыряюсь, но причину не вижу.. Need help assap!

    Asked by BassEast, October 16, 2008

    0 votes
    3 answers
20. Проблема с 3-х колоночным макетом

    Итак, здравствуйте! Прошу, у вас, помощи… Наверное многим известны макеты Layout Gala… Много о них было уже здесь написано… Но я не заметил одного: ни разу не обсуждалась здесь их проблема. А в частности при увеличении ширины какого-либо элемента, находящегося в центральной части (части основного контента) — макет просто рушится в IE 6 и ведет себя неверно в остальных браузерах… (т.е. если ширина контента превышает выделенную для него видимую область) Использую шаблон #13. Макеты мне очень понравились, и хотелось бы как-то решить этот недостаток… Промучился всю ночь — ничего дельного не вышло.(( Заранее спасибо!

    Asked by ScRiPt, February 2, 2009

    0 votes
    11 answers
21. Небольшой промежуточек

    Доброго всем дня, прошу помочь капельку доработать верстку. Хочется, чтобы между вырхней\нижней границами окна и хидером\футером было пространство, допустим в 10px или 1%. Пробовал писать что-то типа body {height:98%; margin-top:1%}; или же html {height:98%; padding-top:1%}; и т.д. Выходит ерунда, хотя, вроде, все логично... Благодарю за помощь. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <style type="text/css"> html, body { padding: 0px; margin: 0px; height: 100%; margin-left: 20%; margin-ri…

    Asked by ]-[иколай, June 30, 2009

    0 votes
    10 answers
22. Эффект проявления страницы

    Друзья мои выручайте! Нужна помощь! Хочу чтобы при заходе на страницу пользователь увидел как весь контент медленно проявляется из пустоты. Нашел как сделать такой эффект для текста и для картинок поотдельности но мне нужен этот эффект для всего сразу - чтоб проигрывался автоматом при обновлении каждой страницы.. Проблема легко решается если создать флеш-сайт, но мне таковой не нужен - это не выход. Пробовал также чето творить со слоями - наложил ролик в верхний слой - но появляется новая проблема - неработают кнопки/ссылки в нижнем слое. Особо в кодировании не саилен, подскажите как можно енто сотворить используя HTML. CSS. Java иль какой другой метод. Верю и знаю что …

    Asked by vivado, July 16, 2009

    0 votes
    5 answers
23. Установить разное выравнивание для кусков текста в одной строке с минимумом кода

    Подскажите пожалуйста, делаю админку для небольшой программы, включащей в себя веб-сервер, нужно на странице в одной ячейке таблицы выставить разное центрование кнопок, сейчас они выглядят вот так [<<][>>][Снять][Скачать] а хотелось бы [<<][>>] [Снять] [Скачать] где "снять" посередине, а "скачать" по правому краю ячейки таблицы сделать это желательно с минимумом кода на странице сам в HTML совсем не шарю , пытался сделать по-простому с помощью тега <pre>, но он за собой переносит строку, еще вариант поставить много-много пробелов - но они занимают половину объема передаваемого кода, тем самым себя не оправдвая.. Помогите пожалуйст…

    Asked by Mihail_, July 25, 2009

    0 votes
    2 answers
24. Почему при изменении шрифта в IE6 разметка портится

    Почему при изменении шрифта для тега body таким способом font-family:Comic Sans MS, sans-serif, Arial, Tahoma, Helvetica; в IE6 разметка портится из-за того, что некоторые дивы меняют ширину? Конкретно: на 3-4 пикселя увеличиваются ширины width дивов с текстом, если установлен шрифт Comic Sans MS. DOCTYPE стоит как xhtml transition. Это баг?

    Asked by clavin, April 9, 2010

    0 votes
    4 answers
25. Ширина в теге <col>

    Делаю таблицу с применением тегов col, специально для интернет эксплорера, так как он с этими тегами лучше и быстрее таблицу отображает. Подскажите, пожалуйста, а как установить для тега col значение ширины "auto", ну, например типа так: <col width="auto">, но, это не работает, это можно только через стили, то есть, дать класс тегу и через класс уже задавать, будет так: <col class="aaa"> .aaa{width:auto;} Это понятно, но, мне так не надо, мне надо именно в самом теге это задать без стилей!

    Asked by Начинающий ве стальщик!, March 7, 2011

    0 votes
    18 answers