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
-
Углы блока
Скажите пожалуйста, можно ли сделать вот такие уголки у блока(беленькие которые) не используя дополнительных блоков поверх основного? http://youpic.su/pictures/1408132800/33efef60cd204d56fe44795e32cd1d94.png
0 votes3 answers -
Частично закрытый toggler
Черновик: http://jsbin.com/hocapumexesi/1/ Суть задачи: В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки. Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то ин…
0 votes2 answers -
Блок под блоком
Народ привет, поскжаите, какой тут плагин используется, что бы блоки становились как на сайте —-> http://mirtesen.ru/
0 votes2 answers -
Переход по якорям
Всем доброго дня! У меня такой вопрос - необходимо сделать меню в фиксированной шапке с переходами по якорям и подсветкой активного пункта меню в зависимости от того какой раздел на странице просматривается. Как технически создать якорь понятно, подсветку активного раздела тоже понятно (использую скрипт scrollSpy), проблема в том, что при переходе по меню, самый верхний блок с якорем оказывается под шапкой. Маржины и паддинги не помогают, может Вы посоветуете что-то дельное? Заранее спасибо! Вот ссылка на пример
0 votes1 answer -
Позицианирование
Приветствую, подскажите пожалуйста, как разместить красный блок, ровно по центру картинки? http://cssdeck.com/labs/rp6byd3y
0 votes1 answer -
организовать слайдер с картинками на разных девайсах
Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…
0 votes3 answers -
Помогите с Ролловер-эффектом
Всем доброго времени суток. Делал кнопки по такому же принципу, как в уроке "Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?", когда забиваешь одну кнопку всё отлично, а когда 2, то 1 кнопка повторяет изображение 2, когда третью тогда 1 и 2 кнопки повторяют изображение 3, и т.д. но при этом имеют разные адреса..Подскажите плз как сделать так чтобы 3 ссылки имели разные изображения, разный путь и обладали одним эффектом.. Я тупо копировал код, указанный в уроке(Пример 2. Изменение положения рисунка) 3 раза, меняя путь к файлу и адрес страницы..
0 votes3 answers -
Вертикальное меню
Здравствуйте. Есть вертикальное css-меню, но отображается только первый пункт: <ul id="vemenu"> <li><a href="/">Меню1</a></li> <li><a href="/">Меню2</a></li> <li><a href="/">Меню3</a></li> <li><a href="/">Меню4</a></li> <li><a href="/">Меню5</a></li> <li><a href=""/>Меню6</a></li> <li><a href="/">Меню7</a></li> </ul> …
0 votes7 answers -
вопрос по бэкграунду?
КАК СДЕЛАТЬ что бы при прокрутке страницы бэкграунд оставался на месте?
0 votes2 answers -
Не могу вставить "ссылки" в шапку
Делаю стиль для форума на phpBB3 на основе стиля Prosilver. Шапку сделал, захотел еще снизу под ссылками сделать ссылки на: Имя пользователя(с краткой информацией, кол-во сообщений и кол-во благодарностей + аватарка), новые сообщения(просто с цифрой на фоне картинки конверта), "ваши сообщения", личный раздел(тоже просто картинкой), и кнопку выхода. Но ни чего не получается, ка бы я ни пытался всё отображается слева от ссылок, а надо чтоб отображалось под ссылками. Конечно был один вариант, но он вообще не подходил. Что где и как сделать чтобы они отображались прямо под ссылками(картинками домик и т.д). http://savepic.su/2349283.htm вот та часть с ссылками. colours.css .l…
0 votes2 answers -
vertical-align и Opera
<div class='podval'> <span>xxxxxxxxxxxxx</span> </div> .podval span { font-family: verdana; color: white; Font-weight: bold; vertical-align: -75px; } Во всех браузерах текст по вертикали нормально выравнивается (с помощью vertical-align), а Opera ни в какую? В чем дело? у Opera вроде как полная совместимость с этим свойством, в чем может быть причина? Заранее благодарен за ответ. версия Opera 12.01
0 votes5 answers -
Проблемы со стилем таблицы в Drupal 7
Приветствую, гуру верстки! ) Была проблема с таблицей содержащей текст и картинки (никак не хотела выравниваться) Обсуждалась здесь и применительно к спрашиваемой странице - решилась. Однако, с внесенными правками изменились все таблицы на сайте. В разделе цен все скачет Хотя в графическом редакторе выглядит прекрасно На ранее проблемной странице все отлично Так выглядит строка в стилях Сама страница находится по адресу _http://shariki.podarishka.ru/stoimost_uslug
0 votes2 answers -
Как правильно задать размер блока с картинкой ( CSS ) ?
HTML к первой картинке: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="logo"> </div> <div id="content"><div><div><div><div> <div class="nav_k"> <ul> <li><a href="index.html"></a></li> </ul> </div> <p class="main_content">Содержание блокаСодержание блокаСодержаниеСодержание блокаСодержание блокаСодержание блокаСодержание блока Содержание блокаСодержан…
0 votes0 answers -
Тень у активного пункта меню
Помогите разобраться, как мне тень поставить на активный пункт? Вот так должно быть: А у меня пока что так. Срезается тень(
0 votes5 answers -
css резиновые div'ы
Вобщем хотел сам сделать, но не получается Хочу сделать следующее: <div class="one"> </div> <div class="two"> <div class="n1"></div> <div class="n1"></div> <div class="n2"></div> <div class="n3"></div> <div class="n.n"></div> </div> one - фиксированая ширина two - обтекает one и занимает всё оставшееся место, Дальше то, что не получается: n1-n.n - если две в two помещается, то должен срабатывать float, но если разрешение маленькое - по одному, но занимать должен весь two. Вот вобщем всё. Как реализовать
0 votes3 answers -
Фон из трех изображений
Здравствуйте. Подскажите как реализовать фон из трех изображений: первое - фиксированного размера, градиент, второе 1px высотой - тянется на всю ширину контента и третье - опять градиент, фиксированный размер. Первое что пришло на ум: background: xxx,yyy,zzz; но увы у меня не получилось правильно спозиционировать и нижнее изображение вообще не появляется ни при какой высоте конента. Интересует так же, как правильно применить фоны: все три к родительскому блоку или каждый фон своему блоку? Спасибо!
0 votes3 answers -
Горизонтальное CSS меню
Здравствуйте уважаемые форумчане. Мне нужно сверстать простое горизонтальное меню при помощи CSS. Вот html код <div class="meny"> <!--Оказывается горизонтальное меню на CSS делается по другому принципу нежели то, меню, что я делал для своего сайта "Эволюция и происхождение человека, а именно через списки.--> <ul> <li> <a href="index.html">Главная </a> </li> <li> <a href="info.html"> Важная информация </a> </li> <li> <a href="histori.html"> История </a> </li> …
0 votes1 answer -
написание макета
Я хочу сделать макет портал сайта.условия таковы будет 3х колоночный фиксированной ширины.я не могу решить html5+css3 либо xhtml+css2 мне нужна помощь по созданию
0 votes3 answers -
Не могу загнать список меню в блок
http://jsfiddle.net/jontsk/GKqbM/ Помогите загнать список меню в .left_menu_1 и растянуть кнопки в ширину .left_menu_1. Заранее спасибо.
0 votes3 answers -
Разный размер пунктов меню
Всем привет. Ситуация такая, есть меню и в зависимости от текста выбирается ширина пункта меню. Но при этом остальные пункты ровняются на него. Как сделать независимыми их? Чтобы каждый пункт был самостоятельным. http://jsfiddle.net/9sZTa/2/
0 votes2 answers -
Расставить объекты на карте
Привет! Я начинающий в веб-программировании, пытаюсь реализовать задачу, когда на карте есть несколько точек, при наведении курсора мыши на эти "точки", всплывает окошко с изображением и подписью. И всё это ещё надо вставить в качестве модуля для joomla. Но всё по порядку. Я опишу как я собираюсь её решить, и большая просьба - сказать, верно ли я всё понял и делаю? Для начала я собираюсь расставить объекты (точки) на карте. Для этого есть пустой контейнер div, у которого в качестве фонового изображения выступает карта. В его стиле я задал ему размер, равный размеру изображения карты, и указал в качестве background саму карту. Далее я планирую с помощью JavaScri…
0 votes0 answers -
Вопрос визуализации
Прошу направить на путь "где об этом узнать" по такому вопросу: как сделать, чтобы при наведении курсора мыши на главный контейнер (ГК) он становился активным (менялась прозрачность), а при выхода курсора мыши из его области - неактивным. (но при первоначальном открытии страницы ГК активен, а второстепенный контейнер (ВК), как и любые другие объекты - неактивны). При этом, при наведении курсора мыши на ВК - он активен, а ГК и все остальное неактивны?
0 votes5 answers -
Текст дугой
Текст дугой - как сделать? Может есть плагин какой на javascript? Заголовок то не один
0 votes1 answer -
Выравнивание блоков
Здравствуйте, уважаемые. Такова делема: на странице 3 дива: левый, правы и центр. Возникла проблема их позиционирования. Установив: display: inline-block; дивы выравниваются по нижнему краю. Можно ли сделать чтобы выравнивание было по верхнему краю? Или просто ставить position:absolute и подгонять каждый блок по пикселям? И как вообще рекомендуете позиционировать такие вещи?
0 votes2 answers -
Почему на ширине экрана менее 768 точек иконка лого не получает отступ?
Здравствуйте! Вы могли бы посмотреть код и сказать, почему изображение лого получает отступ в 15 пикселей слева на мониторах шириной свыше 768 пикселей и как-будто бы не получает на мониторах уже 768 пикселей, хотя в стилях отступ присутствует, но изображение прилепляется к левой границе экрана?
0 votes2 answers