HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
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 в этих браузерах все ок. Проблема решается установкой локального веб сервера, но хотелось бы знать почему так.
0 votes19 answers -
display: block по нажатию на radio
Здравствуйте! Будьте добры, подскажите пожалуйста как сделать такую вещь... Есть два радио переключателя. Если выбрать один то определённый div у которого был display none становится display block, если нажать на другой то первый блок должен снова становиться display none а новый уже display block. Мне нужен самый примитивный вариант реализации такой вещи. Я искала но находила примеры с jQuery но грузить всю библиотеку для такой простой вещи как то не хочется - это не правильно. Спасибо!
0 votes1 answer -
Разместить в одну колонку
Привет, у меня есть свёрстанный блок, но элементы(круги) не стоят друг под другом, как это исправить? <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> …
0 votes1 answer -
высота в %
Столкнулся с такой проблемой. Задаю высоту бока в % относительно body И оказывается, что при правильном doctype высота заданная в % не работает. Кто нибудь знает как это можно обойти?
0 votes6 answers -
Элемент только на главной
Всем привет! Снова обращаюсь к Вам за помощью Мне надо чтобы определенный элемент отображался только на главной странице... Как это реализовать? Можно ли через конструкцию if-else??? Например если адрес в браузере равен "index.php" или "/" то отображаем элемент, если нет - не отображаем. Заранее спасибо!
0 votes7 answers -
Блоки с автоматической шириной
Помогите, не могу сообразить, как сделать. Есть блок A шириной X и высотой Y. Внутри него нужно разместить от одного до трёх внутренних блоков. Условия: если внутренний блок один - то он должен растянуться на всю ширину блока А, если два - то они должны занять по половине ширины блока А, если три - по трети, ну и так далее... Как сделать?
0 votes15 answers -
Смещение блоков при изменении размера одного из них
Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая: Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была не…
0 votes4 answers -
Скрипт прелоадера для input
Есть поле вводишь первые буквы названия, подгружается список, как это напрмер на сайте поиска авиабилетов. При поиске идет задержка, хотел в input вывести гифку прелоадера загрузки, пока идет запрос. Есть какие-то готовые библиотеки? Гуглил ничего не нашел )
0 votes4 answers -
Глубокое (3-4 уровня) меню на мобильных устройствах
День добрый! Друзья, возник вопрос. На сайте есть глубокое меню: Каталог - Оборудование 1 - Модель 1 - Тип 1 - Тип 2 - Тип 3 Реализовать такое для десктопа легко: тут есть и клик и ховер. А вот как быть с мобильными устройствами??? При клике вместо выпадающего подменю открывается ссылка на раздел Модель 1. Из-за этого подменю, где указаны Типы (1,2, 3) не открывается вовсе. Я понимаю, что эти типы можно реализовать иначе, например через фильтр в разделе Модель. Но нужно именно такое глубокое меню! Как быть, подскажи, пожалуйста. Заранее спасибо!
0 votes6 answers -
помогите правильно определить селектор
часть 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"
0 votes6 answers -
Отступ в последней строке в элементе списка
Подскажите, плз... В последней строке новости в каждом элементе списка слишком большой отступ от основного текста. (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/">Для мегапропроекта Санкт-Петербурга ?Морской фасад? компания ?Городской центр экспертиз ? Экология? выполнит работу по оценке воздействия ?намыва? территорий на окружаю…
0 votes6 answers -
картинки поверх текста в 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 и …
0 votes2 answers -
некорректное вычисление высоты
Если высота слоя явно не указана, граница слоя отображается в 1px. Либо по высоте дочернего слоя - если указана явно его ширина. IE отображает рамку корректно. Вопрос: как заставить FF правильно вычислять высоту слоя, чтобы при включении рамки слоя - все было красиво Вот такое: height: 100% или height: auto не прокатит
0 votes4 answers -
Позиции в ксс, помогите!
Здравствуйте! Крайне нуждаюсь в помощи по вёрствке! Помогите сделать сайт стабильным (чтобы при разных разрешениях был одинаковым). При разных разрешениях картинки и текст прыгают. Привожу кусок примера: КСС: HTML: Заранее примногом благодарен
0 votes8 answers -
Поиск в HTML5 по тегам
Доброе утро друзья. У меня возник вопрос, html 5 я начинаю осваивать с низов. Возник вопрос, в частности как осуществить поиск по своему сайту на HTML. Кнопку я поставил, но как заставить работать поиск. Второй вопрос, как осуществить поиск по тегам с другого сайта. Допустим на работе стоит workpoint, необходимо чтобы с самописного сайта был поиск по отдельным разделам в workpoint'a по тегам. Я понимаю что у меня фантазия большая, но хотелось узнать возможно это сделать и с чего начать. Заранее благодарю.
0 votes3 answers -
Адаптивные темы Друпал
Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net
0 votes10 answers -
Не могу заставить <button> действовать как inline
Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/
1 vote6 answers -
Автоматическое перелистывание слайдера
Автоматическое создание слайдера Добрый день имею вот такой слайд скажите как сделать, чтобы он перелистывался автоматический!!! Вот мой код
0 votes2 answers -
Исчезли вкладки в шу6е (ie6)
http://sotnikovs.com/e-shop/ver2/ если посмотреть в FF - вкладки нормально отображаются (на все другое не обращаем внимание) но как обычно, в ШУБЕ (ie6) — вкладки не отображаются.. Пока сам тоже ковыряюсь, но причину не вижу.. Need help assap!
0 votes3 answers -
Проблема с 3-х колоночным макетом
Итак, здравствуйте! Прошу, у вас, помощи… Наверное многим известны макеты Layout Gala… Много о них было уже здесь написано… Но я не заметил одного: ни разу не обсуждалась здесь их проблема. А в частности при увеличении ширины какого-либо элемента, находящегося в центральной части (части основного контента) — макет просто рушится в IE 6 и ведет себя неверно в остальных браузерах… (т.е. если ширина контента превышает выделенную для него видимую область) Использую шаблон #13. Макеты мне очень понравились, и хотелось бы как-то решить этот недостаток… Промучился всю ночь — ничего дельного не вышло.(( Заранее спасибо!
0 votes11 answers -
Небольшой промежуточек
Доброго всем дня, прошу помочь капельку доработать верстку. Хочется, чтобы между вырхней\нижней границами окна и хидером\футером было пространство, допустим в 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…
0 votes10 answers -
Эффект проявления страницы
Друзья мои выручайте! Нужна помощь! Хочу чтобы при заходе на страницу пользователь увидел как весь контент медленно проявляется из пустоты. Нашел как сделать такой эффект для текста и для картинок поотдельности но мне нужен этот эффект для всего сразу - чтоб проигрывался автоматом при обновлении каждой страницы.. Проблема легко решается если создать флеш-сайт, но мне таковой не нужен - это не выход. Пробовал также чето творить со слоями - наложил ролик в верхний слой - но появляется новая проблема - неработают кнопки/ссылки в нижнем слое. Особо в кодировании не саилен, подскажите как можно енто сотворить используя HTML. CSS. Java иль какой другой метод. Верю и знаю что …
0 votes5 answers -
Установить разное выравнивание для кусков текста в одной строке с минимумом кода
Подскажите пожалуйста, делаю админку для небольшой программы, включащей в себя веб-сервер, нужно на странице в одной ячейке таблицы выставить разное центрование кнопок, сейчас они выглядят вот так [<<][>>][Снять][Скачать] а хотелось бы [<<][>>] [Снять] [Скачать] где "снять" посередине, а "скачать" по правому краю ячейки таблицы сделать это желательно с минимумом кода на странице сам в HTML совсем не шарю , пытался сделать по-простому с помощью тега <pre>, но он за собой переносит строку, еще вариант поставить много-много пробелов - но они занимают половину объема передаваемого кода, тем самым себя не оправдвая.. Помогите пожалуйст…
0 votes2 answers -
Почему при изменении шрифта в IE6 разметка портится
Почему при изменении шрифта для тега body таким способом font-family:Comic Sans MS, sans-serif, Arial, Tahoma, Helvetica; в IE6 разметка портится из-за того, что некоторые дивы меняют ширину? Конкретно: на 3-4 пикселя увеличиваются ширины width дивов с текстом, если установлен шрифт Comic Sans MS. DOCTYPE стоит как xhtml transition. Это баг?
0 votes4 answers -
Ширина в теге <col>
Делаю таблицу с применением тегов col, специально для интернет эксплорера, так как он с этими тегами лучше и быстрее таблицу отображает. Подскажите, пожалуйста, а как установить для тега col значение ширины "auto", ну, например типа так: <col width="auto">, но, это не работает, это можно только через стили, то есть, дать класс тегу и через класс уже задавать, будет так: <col class="aaa"> .aaa{width:auto;} Это понятно, но, мне так не надо, мне надо именно в самом теге это задать без стилей!
0 votes18 answers