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
29,542 questions in this forum
-
Проблема с колонками
Есть сайт из двух колонок. Левая - контент, правая - доп. меню и т.п. Как сделать чтобы обе колонки были на одном уровне? Делал через div'ы.
0 votes1 answer -
Потерял статью
Всем привет! Наверное написать лучше в эту тему Помню была хорошая статья на хабре, сейчас понадобилась, но по необъяснимой причине я ее не добавил в закладки Вобщем есть такой макет И в той статье очень подробно описывалось для чего нужно такое количество вертикальных полос, в чем удобство, для чего отделять хэдер, контент и футер и прочее прочее... Может у кого осталась ссылка... или хотя бы помогите сформулировать запрос в поиск
0 votes2 answers -
Загрузка "резиновой" картинки
Предположим, имеется адаптивная страница с двумя абзацами и картинка между ними: <p>Абзац 1</p> <img style="max-width: 100%; height: auto;" src="http://pic1.jpg" /> <p>Абзац 2</p> Картинке не заданы фиксированные размеры через width="" и height="", на то она и резиновая. При создании страниц с фиксированной шириной я прописывал размеры картинки в пикселях, благодаря чему страница формировалось с пропуском, в который загружалось изображение. В случае с резиновой графикой таких "пропусков" нет - сначала грузятся два абзаца, затем второй абзац "слетает" вниз, освобождая место под картинку. Меня интересует как поступить грамотно в такой ситуа…
0 votes3 answers -
Менюшка на css
<ul id="menu"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li></ul>Есть меню стандартного вида. Подскажите можно ли сделать без использовнаия javascript чтобы при нав…
0 votes3 answers -
Как лучше с верстать ?
Скажите пожалуйста как лучше сверстать ? http://itmages.ru/image/view/1690784/f7f0f63c Таблицей или дивами ?
0 votes3 answers -
Обтекание картинки текстом
Подскажите как сделать чтобы на странице http://team-master.ru/stroitelstvo-v-podmoskove текст был всегда внизу, а не так http://joxi.ru/QMPPU4wyTJDDLiQL-zk
0 votes2 answers -
Дайте совет как реализовать подобный элемент.
Здравствуйте! Точки должны плавно менять цвет на красный с левого края двигая вправо. И это должно быть резиновым. Без резины как реализовать есть идеи, но иначе нет. Да и в макете оно шириной 1600pх.
0 votes3 answers -
Наследие тэгов в IE9
<div id="con"><h1>Не работает в IE9</h1></div>#Con h1 { font-family: Verdana; font-size: 18px; background-color: #33aaeb; padding: 10px 20px; color: #000000;}Не работает в IE, в остальных браузерах норм. В чем проблема?
0 votes1 answer -
Что делать с этим элементом на этапе верстки?
Что делать с этим элементом на этапе верстки? http://fastpic.ru/view/64/2014/1005/41a4e40eef8128685e7f3439da23b2a0.jpg.html как верстать его? или он делается при посадке на движок?
0 votes5 answers -
поиск похожей вёрстки
помогите пожалуйста советом нравится этот шаблон, но ни покупать его, ни верстать с нуля у меня нет желания. может кто-нибудь видел в сети хотя бы подобный(в виде вёрстки)? то есть чтобы функциональная часть основных элементов(слайдеры, меню, адаптивность и т.п.) была уже готова
0 votes2 answers -
Как лучше реализовать вот такую задумку?
Вот как лучше реализовать вот такую вот задумку дизайнера Макет: http://prntscr.com/62xzzj Надо сделать так, что бы при нажатии на Ежика, открывалось окошко поверх картинки Ежика вот так http://prntscr.com/62y0my
0 votes3 answers -
Можно ли создать отзывчивый дизайн, используя таблицы?
Возник такой вопрос: можно ли создать отзывчивый дизайн не на основе дивов, а используя таблицы? Имеется ввиду, что значения таблицы и ее ячеек будут указываться в процентах, как и в случае с дивами. Будет ли такой шаблон с таблицами правильно отображаться на мобильных устройствах?
0 votes2 answers -
Запуск шаблона в сеть без движка?
Доброго времени суток! Есть простой шаблон html, есть хостинг, есть домен, движка нет. Подскажите, как сделать, чтобы моя страница отображалась в сети. На сколько понимаю необходимы команды php. Подскажите какие!? Заранее благодарен за ответ!
0 votes2 answers -
Подскажите начинающему
Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…
0 votes1 answer -
Нужен ли Sass
Здравствуйте, изучил технику SASS, всё удобно и разные библиотеки радуют но, стоит ли всегда работать только с этой техникой? заглядывая лишь изредка в исходный .css
0 votes3 answers -
работает 1 из 4 галерей
Привет, у меня 4 галереи, вот код - https://jsfiddle.net/fdrq56ym/ . Проблема в том, что работает только первая, остальные три не робят, в чем причина, пробовал задавать отдельные айдишники каждой, работала по последней прописанной в var = get element
0 votes1 answer -
Шаблон для документации
Хотел слизать со странички проекта YardT2 код под локальное использование для документации, но прописав абсолютные ссылки к стилям и скриптам заметил, что элементы LIST, TOC и прочие не подгружаются. Может, в яваскриптах остались относительные ссылки, но я их не нахожу... В чем еще может быть загвоздка? Пример странички Её код на JSFiddle
0 votes0 answers -
Меню
Здравствуйте! Подскажите пожалуйста как сделать чтобы меню выпадало при наведении на графический объект (кнопку) Вот меню: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> #navi { margin: 0px; padding: 0px; list-style-type: none; } #navi a { display: block; text-decoration: none; font-size: 14px; font-family: Arial, Helvetica; color: #000099; padding: 3px; margin-top: 0px; border-bottom: 1px dashed #cccccc; width: 150px; } #navi a:hover { color: #000; background-color: #99CC…
0 votes0 answers -
Полосы прокрутки
Здравствуйте уважаемые форумчане. Помогите пожалуйста с таким вопросом-проблемой если это конечно возможно. При изиенении атрибутов тега DIV параметра overflow в scroll появились так называемые полосы прокпутки, с права и снизу. Возможно ли как-то нижнюю переместить вверх "top". Зарание спасибо!
0 votes1 answer -
растягивание
есть html: <style> div.tablero { border:1px black solid; display:inline-block; min-width:300px; width:30%; margin:2px; } div.tablero2 { border:1px black solid; display:block; width:70%; } </style> <div> <div class='tablero'>mysconfig#1</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#2</div> <div class='tablero2'>Этот параметр задает начальное положение...</div> </div> <div> <div class='tablero'>mysconfig#3</div> <div class='tablero2'>Этот параметр задает начальное положение...&…
0 votes2 answers -
Реализация формы заказа
Всем привет За пару дней нарисовал и сверстал сайт с помощью гугла и этого сайта... Хочу сделать вместо простого прайса хорошую форму заказа с отправкой на емей. Цель : Клиент выбирает нужные пункты по типу <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> далее форма для комментария и контактов... с последующей отправкой этих данных на указанный емей. и тут смотрел и в гугле искал ничего полезного не нашел мб не так задаю параметры поиска не понятно. нашел пример http://www.gameshelper.net/prokachka-personazha-world-warcraft внизу находится html css и.т.п изучаю пару дней сильно не пинать
0 votes4 answers -
Не подключается функция из jQuery
Имеем: <ul class="menu"> <li><a href="#">О предприятии</a> <ul> <li><a href="#">Наша история</a></li> <li><a href="#">Награды</a></li> <li><a href="#">Совет директоров</a></li> </ul> </li> </ul> Чтобы меню второго уровня плавно разворачивалось при наведении, прицеплен jquery.js и в нем для .menu должна работать нижеследующая функция, но она не работает (нужный кусок кода начинается с комментария //smooth drop downs): function k_menu() { // k_menu controlls the dropdown menus and improves them with javascript jQuery(".me…
0 votes1 answer -
Громоздкий код
Добрый день. Подскажите пожалуйста, есть ли возможность подключать один .html файл внутрь другого. У меня есть много файлов .html, скажем лого, меню, разные колонки и т.д., и я хочу соединить это всё воедино. Конечно можно создать один .html и туда всё скопировать из всех файлов, но тогда мне будет тяжело это редактировать и дописывать новое. Мне надо чтобы файл выглядел приблизительно так: <body> {include file="logo.html"} {include file="menu.html"} {include file="left.html"} {include file="right.html"} {include file="post.html"} {include file="foot-menu.html"} {include file="foot.html"} </body> Я пробовал уже разные варианты, которые нашёл в интернете, но чт…
0 votes3 answers -
Фон
Нужно разместить за div(шапка) блоком другой div(градиентный фон) и так что бы он не сдвигал другие блоки. Как сделать? Пробовал через postion и z-index в итоге ничего не вышло. crystalsite.tw1.ru
0 votes4 answers -
А как?
Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас? Подскажите кто знает, заранее благодарен. Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <HTML> <HEAD> <TITLE>DiMetro</TITLE> </HEAD> <BODY> <style type="text/css" media="all"> #mainmenu { float: left; width: 100%; margin: 77px -34px; list-style: none; } #mainmenu li { float: left; width: auto; padding: 0 10px; font-family:MyriadPro; font-size:14px; list-style: none; } #mainmenu li ul { display: none; width: 200px; } #mainmenu li:hover ul { display: block; position: absolute; list-style: none; margin: 0; pa…
0 votes4 answers