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
-
как правильно сверстать такое меню?
Подскажите, пожалуйста, как правильно сверстать такое меню? http://itmages.ru/image/view/1563959/1b78310e у меня вот какое код получилься. http://jsfiddle.net/N5nkc/ Но мне кажется не правильно. Пожалуйста, подскажите правильный вариант.
0 votes7 answers -
Долго грузится сайт
Установила цмс и переношу на нее сайт. Использую ее давно никогда проблем не было. Сейчас столкнулась, с тем что сайт просто умирает при обновление. Малейшее изменений в стилях, контенте и сайт умирает. Помогите разобраться что к чему? Сайт: http://фасадымосквы.рф/index.php?page=test
0 votes5 answers -
Вкладка вертикального аккордеона ссылкой
Посмотрел аккордеоны на jQuery UI, вкладки просто кликабельны для разворачивания внутреннего контента но они не ссылки для перехода, мне нужно чтобы вкладка(таб) тоже была ссылкой и разворачивала внутренний контент, погуглив не нашел ни одного аккордеона где вкладка тоже была бы ссылкой, вот на biglion аккордеон разворачивается но с полной перезагрузкой страницы, ВОПРОС: как можно сделать хотябы как на биглионе ? это при клике на ссылку нужно добавлять класс который дальше display:block внутреннему контенту чтобы его развернуть ?
0 votes1 answer -
Накрыть слайдер полупрозрачной статичной картинкой
Есть слайдер, сделан на Bootstrap. Необходимо сделать, чтобы поверх слайдов было статичное изображение(в моем случае это вертикальные и горизонтальные линии, типа кафельной плитки). Т.е. нужно, чтобы линии оставальсь на месте, а слайды перемещались, как положено. Еще два вопроса: как в Bootstrap вывести индикаторы за пределы слайдера и как изменить вид стрелок для прокрутки слайдера. Есть PSD-макет слайдера с контролами, нужно, чтобы стрелки на реальном слайдере были как в макете. Я о верстке имею неплохое представление, но слайдерами раньше не занимался. …
0 votes1 answer -
Как обрезать изображение на определенное кол-во пикселов?
Как обрезать изображение например на 3px со всех четырёх сторон?
0 votes1 answer -
Как реализовать такую карту?
Как реализовывается такая карта обычно?
0 votes5 answers -
Построение интерактивной карты с Raphaël (нужна помощь)
Здравствуйте! Нужна маленькая помощь... может и не маленькая... Как-то на сайте рассматривалась тема "Построение интерактивной карты с Raphaël", http://htmlbook.ru/blog/postroenie-interaktivnoi-karty-s-raphael очень заинтересовал один вопрос... А возможно ли в init.js там где атрибут fill выставить для каждого объекта (страны) изображение, скажем флаг страны? ( я там уже отметился с вопросом, может тут быстрее поможете, очень интересует такая возможность) Помогите, пожалуйста, дайте дельный совет! Заранее благодарен!
0 votes0 answers -
Arial Narrow для ios
web safe 'Arial Narrow', Arial Narrow, 'Nimbus Sans L', sans-serif; font-stretch: condensed; Но на планшетах и подобных устройствах выходит неприятный облом. Может есть в нем похожий шрифт сжатый? Или какой-то другой выход есть? Arial Narrow не бесплатный шрифт же - его так просто не достать?
0 votes4 answers -
Это css синтаксис или Gantry 4 FrameWork?
Здравствуйте. Разбираю .less файлы. Встречаю такое: li { margin-right: 0 !important; &.active { ...Это синтаксис Gantry Framework?
0 votes1 answer -
Проблема с отображением сайта на ipad (контент в таблице)
Всем привет. Имелась задача - сделать лого посередине. Сначала я вдоль намучился с кучей способов с дивами, разобрался, все работало, но на ipad слой был к низу прижат. Сделал таблицей - та же фигня. Что делать? Как справиться? На компе все нормально. Ссылка http://maximzaytsev.com
0 votes5 answers -
Как правильно верстать горизонтальное меню?
Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет. Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились? Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет. Может быть указать отступы в pt или em? Пробую но не получается. Сейчас заметил что пр…
0 votes4 answers -
фон меню картинкой
Всем привет. У меня вот такая картинка-фон для меню: Как вы знаете контент меню имеет разную длину и может быть динамичным, и вот не могу понять, можно ли эту картинку как-то по ширине менять в зависимости от контента. Мне в голову приходит только в фотошопе менять длину картинки. Или вот еще приходит в голову срезать середину шириной там в 2рх и сделать с помощью repeat-x, но вот края, как прикрепить к середине технически, не пойму. Подскажите, если еще варианты или как мою последнюю задумку осуществить технически?
0 votes4 answers -
Вертикальное выравнивание в блоке
Как можно вертикально центрировать текст в блоке, vertical-align не совсем работает. Желательно кроссбраузерное решение. Вот пример http://jsfiddle.net/DDNWU/ * во втором блоке БР необходим, что бы разбить надпись на две строки.
0 votes3 answers -
Дизайнерское меню
Добрый день! Дизайнер задизайнил меню на подобие приложенного. При наведении на пункт он меняет цвет ровно как и полоска идущая от него и область на которую она ведет и наоборот, при наведении на область происходит все тоже самое. Как реализовывается такое чудо?
0 votes2 answers -
Посоветуйте сервисы для того,что бы делится кодом
Какие у вас на примете есть? Был бы очень рад,если бы вы написали ваши любимые сервисы!
0 votes12 answers -
Как выравнять элементы таблицы
http://ergodesign.biz/page/mebel-dlja-personala-unica Таблица с Элементами серии пляшет. Как выравнять?
0 votes4 answers -
Кнопки соц. сетей не видят изображение.
Доброго времени суток! Столкнулся с проблемой которая выносит мне мозг.) Есть сайт http://gobanner.ru , есть кнопки соц. сетей вверху (нас интересует только кнопка вконтакте). Когда мы на нее нажимаем открывается окно куда подставляется вся инфа из дива share42 кроме data-image. НО! Если я меняю ссылку изображения в data-image на изображение не с моего сайта, а любого другого, то картинка подставляется. Так же как и чужая, моя ссылка фигурирует в графе вода сайта (ну то окошко где мы пишем www.блаблабла.com) но все равно картинка не работает. Парни, что за бред? Что я не так делаю? Или это что то с хостингом? Вот прямая ссылка, как видно тут она работает! P.S. - Я пробов…
0 votes0 answers -
Как сверстать такое меню
Макет меню http://prntscr.com/31e2os Возникла проблема с наложение язычка, выравнивание и прочие прелести лезут из всех щелей. Все пункты меню разные, язычок имеет фиксированную ширину. Вот код верстки http://jsfiddle.net/GX2my/
0 votes4 answers -
Атрибуты alt и title для background изображения
Подскажите, как добавить атрибуты alt и title к изображению, которое выводится с помощью стиля background:? Пример: <div class="pic-1" style="background: url("/upload/iblock/fca/fca34dab58e4a102ad5d79d7cb0c7d2c.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);"> <a href="/about.php"></a> </div>
0 votes4 answers -
Вылазит div
Всем привет, думаю частый вопрос, но решение я так и не нашёл. Вот шаблон <div class="wrapper"> <header class="header"> <div id="logo"> <a href="/" style="color: #CCC;"> <img id="logoimg" src="<?=$site['shablon']?>img/logo.gif" /> <!—<h2><?=!$site['title'];?> <?=!$site['losung'];?></h2> <!— название сайты—> <!— Лозунг—> </a> </div> </header><!-- .header--><div class="line"></div> <div class="middle"> <div class="container"> <div class="upbar"> <?php up(); ?></div><?php require "{$c…
0 votes0 answers -
Плавающие элементы вразнобой
Здравствуйте! Плавающие элементы (список товаров) на этой странице: http://ums-shop.com.ua/store/electrical-equipment/navigation-lights/ идут вразнобой. Явно из-за того, что у одного элемента название состоит из одной строки, у другого - из двух. Подскажите, пожалуйста, как сделать так, чтобы элементы выстраивались четко по рядам. Заранее благодарю.
0 votes3 answers -
Подскажите как сделать защиту сайта от копирования
Верстаю сайт, и вот пришла мысль о том как вообще защитить свой сайт, чтобы знать на будущее, когда буду делать для людей и обезопасить их от того чтобы их сайт не свинтили под чистую?? Простите если не в ту ветку, для начинающих вроде как раз самое оно)
0 votes14 answers -
Наследование
Ребят помогите разобраться, почему так происходит и как избежать наследование ширины элементом ul.dropdown-menu от его родителя li.dropmenu. http://jsfiddle.net/AqaL2/
0 votes10 answers -
Микроформаты и CSS
Искал внятное объяснение, но не нашел. Суть проблемы. Зашел на schema.org, там, конечно же, для много каких штук есть разметка. Совершенно определенная. Я правильно понимаю, что это добавление классов с определенными названиями в документ HTML. Или делают по-другому? И еще, наверное, вешать оформление на эти классы неправильно? То есть к уже существующим, сверстанным на странице элементам надо добавить пару классов?
0 votes3 answers -
Плюсы и минусы верстки
Здравствуйте. Скажите, пожалуйста, все плюсы и минусы этой верстки. http://itmages.ru/image/view/1558163/bc9bb30a @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { width: 300px; margin-left: 390px; margin-bottom: 0px; padding: 0px 0px 25px 0px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { marg…
0 votes11 answers