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
-
Как убрать границу?
Добрый день. На сайте в блоке "Что мы предлагаем" если подвести мышь к заголовку либо тексту слева от него появляется белая линия, но когда курсор отвожу линия не исчезает. Подскажите пожалуйста, как справиться с этой бедой?
0 votes4 answers -
inline-block, перенос строки и ширина
Тут пример: http://jsfiddle.net/yaoev48n/ Суть - есть инлайн-блок элемент, добавляем ему max-width (чтобы получить перенос строки внутри текста) и получаем такую штуку как в примере - инлайн блок обрезается справа не сразу по тексту а как бы "тянется" до max-width. Если между словами вставить разрыв строки <br> - http://jsfiddle.net/qh0znfb0/ то получим то что нужно - блок обрезается справа ровно по словам. Как можно добиться такого результата без использования <br> ?
0 votes0 answers -
SOS
Делаю меню для сайта и появилась такое подчеркивание в виде гиперссылке относящейся к кнопке Наш выпуск. Она появляется при активных кнопках: О нас, Наши собаки, Контакты. Подскажите пожалуйста в чем моя ошибка и как это исправить. Спасибо.
0 votes3 answers -
адаптивность
Подскажите, от чего зависит так сайт на мобильном выглядит http://awesomescreenshot.com/01f41233d7 или так http://awesomescreenshot.com/02e41234a2 это же не адаптивность
0 votes3 answers -
Плагин для отображения каскада в браузере
Здравствуйте. Довелось тут перевёрстывать шаблон один, так вот там мало классов и id, одни каскады, причём очень длинные. Хотел свой прописать, но не получается, может элемент какой пропускаю. Есть ли какая софтина, которая бы показывала полный каскад до элемента? Скажем открываю я средства разработки браузера, тыкаю на элемент, а он мне строку показывает: body>#superid>.superclass>div>div spanГуглил, но ничего не нашёл похожего.
0 votes4 answers -
Резиновая верстка
Доброе время суток! Подскажи пжл ,где подробней можно прочитать об резиновой верстке и с чем её кушать?
0 votes2 answers -
Добавление символа в начале/конце ссылки при hover
Здравствуйте! Есть ссылка, а в ней текст выделен через <p>, ссылке заданы размеры и отображение блоком. При наведении, нужно чтобы блок и текст стал зелёным цветом, а после не выходя за рамки блока должна стрелка добавляться. Два варианта думал: первый это вырезать стрелка в фотошопе и сделать бэкграунд, а второй просто добавить текст(код стрелки в html), только ничего не получается вторым способом, как реализовать? p:hover:after ? или как?
0 votes5 answers -
Помогите с СSS
Есть сайт - http://mebel.mordovia-sutochno.ru/mebel/gostinye/gostinaya-1 Когда я добавляю товар в корзину http://joxi.ru/YmEVDQETZn8X26 Появляются квадратики - я хочу их убрать... при этом сохранив их в левом верхнем меню сайта... Когда я добавляю товар в корзину http://joxi.ru/YmEVDQETZn8X26 Появляются квадратики - я хочу их убрать... при этом сохранив их в левом верхнем меню сайта...
0 votes11 answers -
Как сверстать такой блок ?
Доброго времени суток. Возможно ли сверстать такой блок(ниже скрин) без картинки, кроссбраузерно ? Если да, то буду благодарен за пример кода.
0 votes1 answer -
Вертикальное центрирование внутри блока
И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?
0 votes4 answers -
Не срабатывает vertical-align:bottom;
Добрый день. Видел уже несколько ответов на эту тему, но решить к сожалению не смог. Подскажите пожалуйста как выровнять ссылки по нижнему краю. <div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/chocoboy_cat.png" alt=""/> <a class="name_link_main" href=""> Чокобой </a></div><div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/gute.png" alt=""/> <a class="name_link_main" href=""> Крекер ГУТЭ </a></div>.product { float: left; text-align: center; margin-right: 10px; wi…
0 votes3 answers -
фавикон dreamveawer
подскажите как установить иконку в шапке сайта (фавикон вродебы)
0 votes2 answers -
Проблема с display: none;
Здравствуйте! Очень надеюсь на вашу помощь. Есть стрим видеоплеер для просмотра видео прямо с торрент файлов ace stream и я хочу поставить его на сайт посредством модального окна. Вставляю код самого плеера и плейлист (источник видео): <div id="player" style="display: none;"><embed id="plugin" type="application/x-acestream-plugin" width="800" height="600" fullscreencontrols="true" fscontrolsenable="true" fscontrols="default" nofscontrolsenable="true" nofscontrols="default" nofscontrolsheight="36" loopable="false" /> <script type="text/javascript"> var plugin = document.getElementById(…
0 votes0 answers -
Как задать нестандартный фон
Здравствуйте. Подскажите пожалуйста как лучше задать фон, который выделен на макете стрелочкой. Вырезать часть и размножить, как я понимаю не получиться. При задании фона нужно что бы фон мог подстраиваться по высоте в зависимости от количества контента, что бы хорошо смотрелся если у меня будет например всего один слайдер в один ряд. Ссылка на макет: http://www.pixic.ru/i/L0G0f6N450k813a3.png
0 votes18 answers -
Как вырезать элементы в Photoshop?
Вот макет http://rghost.ru/59703517. Подскажите пожалуйста, как вырезать картинки соц.сетей без фона? Сколь пробую, ничего не получается. Выделяю, копирую, а вставляет ничего. Подскажите пожалуйста.
0 votes10 answers -
Меняющийся фон сайта
Нужно реализовать меняющийся фон для сайта, с подстраиванием под размер экрана. Какой лучше метод использовать? просто css3 не очень желательно, поскольку рабоатет только с IE9+
0 votes2 answers -
bootstrap: убрать скролл
помогите пожалуйста убрать скролл, который появляется при ширине окна 992px < width < 1006px (для удобства я вывел значение ширины в шапку) вот мои настройки для bootstrap http://getbootstrap.com/customize/?id=fbddbcf1a87480d1bf27#media-queries-breakpoints мне важно чтобы расстояние между .bg_blue_innerпо прежнему оставалось 66px, а ширина .page-header 992px
0 votes1 answer -
Как сейчас правильно верстать?
Несколько лет просто не занимался этим всем делом... И вот тут увидел где-то мельком фразу, что "....табличная вёрстка уже не в моде". А ведь именно с помощью таблиц я раньше располагал все блоки и элементы на странице.. Правда ли, что не в моде, и что тогда взамен таблиц используется теперь?
0 votes11 answers -
Как сверстать такой список?
Здравствуйте! Есть такой список: Не могу решить, как лучше его сверстать. Использую Bootstrap, под IE9 и выше, должно быть адаптивно.
0 votes7 answers -
Position:absolute и скроллбар
Здравствуйте. http://jsfiddle.net/ovwtsab7/ По ссылке вы можете увидеть схематическое меню сайта (красный блок) и два блока (синих) с фоновыми изображениями для декорации меню. При уменьшении окна браузера синие блоки должны уезжать за пределы видимости, как и происходит с левым блоком. Проблема заключается в правом блоке, из за которого появляется горизонтальный скрол. Подскажите, как добиться такого же результата, как и с левым блоком.
0 votes3 answers -
Стилизация активного пункта меню
Добрый день. Подскажите пожалуйста с таким моментом: есть динамически формирующееся меню. Потом я js проверяю какой пункт меню активен и добавляю ему класс. $(this).parent().addClass('yellow_active');т.е. yellow_active добавляю к <li>, который обёртывает <a>. Хочу что бы активный пункт выглядел так: .yellow_active { position: absolute; color: black; background: url("../images/active_li.png"); height: 128px; z-index: 2;}Если ставлю position: absolute; тогда активный пункт отображается как нужно, но остальные пункты отображаются не корректно. Если absolute убираю, то меню отображается корректно, но у активного пункта фоновая картинка не отображает…
0 votes8 answers -
Изменить название для input type=file
Как вы все знаете у input type=file свое, "неповторимое" название (в хроме - выбрать файл, в мозиле - обзор). Вопрос такой, а как эту кнопку на другой язык перевести?
0 votes2 answers -
Emmet для sublime 2
Установил emmet через консоль и почему не работают длиные аббревиатуры? Например, ввожу nav>ul>liнажимаю таб и мне выдаёт вот такой код nav>ul><li></li>а почему то, если писать просто элемент nav, то будет работать. И почему в notepade нормально работает, а в sublime нет?
0 votes9 answers -
Особенности input type="search"
Здравствуйте! Сайт впервые верстаю на Bootstrap. В руководстве сказано, что нужно подключить Normalize.css Верстаю форму поиска. Использую <input type="search">И вдруг обнаружила такие стили: /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;}Мне не понятно, почему именно для input type="search" применяется box-sizing: content-box; ? Мне это совсем не нужно. Что делать? Исполь…
0 votes6 answers -
Не работает шрифт Futuris
Собственно САБЖ. Шрифт не работает. Качал с разных мест, всё одни же грабли. Вот код: @font-face { font-family: 'Futuris'; font-weight: 700; src: url('fonts/FuturisBold.ttf');}Т.е. Всё банально просто, но не хочет работать. Точно таким же образом подключил OpenSans, всё пучком: @font-face {font-family: 'OS';font-weight: 700;src: url('fonts/OpenSansBold.ttf');}В чём может быть проблема?
0 votes1 answer