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://cssdeck.com/labs/aupvlfka Как сделать чтобы после наведение на главное меню, перехода вниз тень не исчезала с главного меню.
0 votes13 answers -
Помогите! резиновая верстка
Есть шаблон: http://yadi.sk/d/pkDrDmKyCVoTG Ширина блока #maininner 75% Ширина блока #sidebar-a 25% При изменении ширины окна браузера, эти 2 блока соответственно своим процентам тянуться. Нужно сделать чтобы ширина #sidebar-a была ровно в 250px он был прилеплен к правой стороне #block-main. Блок #maininner занимал 100% свободного места, от левой стороны #block-main до #sidebar-a Как бы я непробовал сделать, #sidebar-a скидывается вниз блока #maininner p.s. в схеме цвет блока совпадает с цветом его css кода.
0 votes4 answers -
src в iframe
Доброго всем дня, В общем нужно как-то проследить загрузился в iframe src и если нет заменить на другой, таймаут пару секунд. Лучше чисто на Java. Спасибо.
0 votes4 answers -
Часы. Увеличение размера
Здравствуйте, уважаемые форумчане. Кто может помочь увеличить размер цифр вот в этих часах: http://www.morohon.pusku.com/new_panel/clock/ Нужно чтобы они были во весь размер фона. Если не трудно, пожалуйста, помогите... Вот код часов: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <style type="text/css"> #clock{ width:500px; border-radius: 6px; } #clock .display{ text-align: center; padding: 50px 10px 10px; border-radius:6px; position:absolute; height: 110px; width:500px; } /*------------------------- Light color theme --------------------------*/ #clock.light{ background-color:#…
0 votes2 answers -
краевые отступы в bootstrap3
помогите пожалуйста поправить краевые отступы у блоков на этой страничке проблема в том, что они отстоят от края .wrap на большее расстояние по горизонтали чем блоки пояснительная картинка
0 votes3 answers -
сафари для windows
вы поддерживаете сафари для windows?
0 votes4 answers -
Проблемы с Wordpress темой
Доброго времени суток, помогите разобраться с таинственным поведением верстки после "натягивания" на WP. Верстка делается в соответствии с шаблоном, проверяется PixelPerfect'ом, все супер, но после "соединения" с WP, появляется ряд недочетов, в частности: - межбуквенный интервал в заголовках (в верстке указан 1рх, на WP пришлось уменьшить до 0,6рх - и верстка и тема прошли PixelPerfect), - поведение блоков (позиционирование по правому краю с помощью флоата) ... может что-то пропускаю, может в WP есть таки какой стиль, который перебивает каким то образом стили темы, но вроде бы такого быть не может... раньше замечались расхождения, но под руками не было PixelPerfec…
0 votes1 answer -
Баг в хроме
Короче суть проблемы: при использовании css-анимации встретил баг: совершенно независимый от элемента, на который повешена анимация, элемент дергается, когда воспроизводится анимация. фраза наверное взорвала мозг всем) короче вот пример: http://365psd.com/ при наведении на теги в сайдбаре дергается основной блок, тока в хроме такое заметил. когда столкнулся с багом, помогло только то что я повесил дергающийся блок в абсолют. но там был блок незначительный, не будешь ведь делать это с самым главным блоком сайта. короч кто встречал подобное и нашел норм решение, поделитеся
0 votes12 answers -
телефонное меню в bootstrap
помогите пожалуйста сделать меню, которое при малой ширине экрана преобразуется в иконку, кликнув по которой пользователь получает меню в виде выпадающего списка на страничке я использовал те же классы что и в примерах с официального сайта bootstrap. но у меня при малой ширине экрана меню просто пропадает, без появления иконки
0 votes2 answers -
Список li и noindex
Уважаемые коллеги! Раньше никогда не парился над этим вопросом. Но сейчас хочется, чтоб всё было почистяку) Возник такой вопрос, как правильно оформить спискок li в тег noindex? То есть, чтобы весь этот список не индексировался. У меня пока такие варианты: Вариант 1<!--noindex--><ul><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">анкор</a></li></ul><!--/noindex-->Вариант 2<ul><!--noindex--><li><a href="http://site.ru/">анкор</a></li><li><a href="http://site.ru/">…
0 votes3 answers -
Проблемы совместимости + дизайн выпадающего списка
столкнулся с проблемой, что в IE10 по умолчанию отключена возможность использования JavaScript (работает только в режиме совместимости). Поэтому вынужден прописывать: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">а вот дальше уже случается проблема верстки выпадающего списка. Использовал вот этот рецепт В ИЕ10, FF и Chrome всё норм отображается а вот в ИЕ10 в режиме совместимости отображается так: Возможно ли это как-то перебороть?
0 votes3 answers -
Проблема с float
Здравствуйте! Код: <div class="frame"> <div class="float-block"> <div class="image"></div> <div class="holder">Красивое нарядное платье «Снежанна»</div> </div></div>.frame{ overflow:hidden; height:1%; margin:0 0 30px;}.float-block{ float:left; padding:20px; background-color:red; margin:;}.float-block .image{ float:left; background-color:blue; width:30px; height:30px; margin:0 10px 0 0;}.float-block .holder{ display:block; overflow:hidden; height:1%;}http://prntscr.com/23m7ge Почему «Снежанна» падает вниз , а не растягивает красный блок? Как флотнутый блок высчитывает свой размер?
0 votes4 answers -
Поломанные селекторы
Привет! Возникла проблема при использование соседних селекторов в браузерах Safari 5.1.7 Chrome 31.0.1650.57. В браузерах Opera 15 и IE 9(как не странно) все работает. Подведу к проблеме с помощью примеров. и так имеем код: http://jsfiddle.net/FxunN/ имеем результат: 1 блок не подсвечен 2 блок подсвечен оранжевым 3 блок синий все работает правильно, в любых браузерах. теперь добавим какой-нибудь псевдокласc, к примеру hover. имеем код: http://jsfiddle.net/AhC6Z/2/ При наведение курсора на блок номер один, имеем результат: 1 блок не подсвечен 2 блок подсвечен оранжевым (во всех браузерах) 3 блок подсвечен синим (в Opera и IE работает) (Safari Chrome не подсв…
0 votes3 answers -
Выпадающее поле с таблицей и выбор пункта
Здравствуйте. На странице есть три поля с выбором - марка, модель и год выпуска. по клику на поле , например, "марка", раскрывается таблица с марками автомобилей. Текст ячеек таблицы - ссылки. По клику на каждую из них в поле вместо "марки" должно появляться выбранное название марки, например "Chevrolet". Как это можно реализовать? Пытался менять атрибут value на jquery - не то. Ведь тогда надо вручную подставлять все названия. Помогите, пожалуйста. http://allins.ru/ - образец http://www.sendspace.com/file/rcswlo - мой исходник
0 votes3 answers -
Неверное отображение в браузерах
Вот на этой странице слева есть меню, где активный пункт подсвечен зелёным и имеет стрелку. http://htmlbook.ru/samcss/universalnyy-selektor В Опере 17 заголовок Содержание и зелёная стрелка буквально на один пиксел отстаёт, также периодически какие-то глюки наблюдаются в других браузерах. Посмотрите, пожалуйста, всё ли в порядке у вас показывается и если нет, сообщите браузер, версию и ОС.
0 votes5 answers -
Как установить высоту дива, вложенного в другой див во всю высоту экрана браузера, без яваскрипта?
привет, html,body{height: 100%;}.page{overflow: hidden;min-height: 100%;} .c1{width: 50%;float: left;}.c2{width: 200px;float: left;;padding: 0 10px 0 10px;}.c3{width: 50%;float: right;;}.c1 .wrp { height: 100%; margin-right: 100px;padding: 10px;} .c3 .wrp {height: 100%; margin-left: 100px;padding: 10px;}<div class="page"> <div class="c1"><div class="wrp"></div></div> <div class="c3"><div class="wrp"></div></div> <div class="c2"> </div></div>Нужно дивы .c3.wrp и .c1.wrp растянуть на 100% экрана, его родитель .с1 имеет своего родителя .page - который на сто процетов экрана растягивается, но див .с1 …
0 votes5 answers -
Редактирование сообщения в Как установить высоту дива, вложенного в другой див во всю высоту экрана браузера, без яваскрипта?
просьба к модераторам удалить это дублирующие сообщение
0 votes0 answers -
jQuery .animate css property box-shadow
Всем привет, у меня такой трабл возник. Задумал сделать анимацию css свойства box-shadow. Задуманно так. Сначала свойство blur должно уменьшаться, потом обратно увеличиваться и так в цикле. Но к сожалению ничего не работает. Вот код http://jsbin.com/ApUbIRE/5/edit Помогите разобраться почему нее работает
0 votes1 answer -
Вложенность и height
Помогите, пожалуйста, сверстать без JS следующую конструкцию: Всё, что я перепробовал, давало различные проблемы: выталкивание зелёного блока за пределы таблицы, растягивание цветных блоков на всю высоту экрана или скучивание в центре ячейки в одном из браузеров. UPD. Вот пример, как всё должно быть (двигаем границу окошка и смотрим на растягивание красного блока) В примере использован JavaScript, а я ищу возможность обойтись без него.
0 votes4 answers -
Раскрывающийся список
Добрый день. Интересует вопросик такого плана: Нужно построить 3-ех, 4-ех секционные раскрывающиеся списки вида: Главная категория 1 Подкатегория 1 Ещё категория 1 Товар 1 Товар 2 Ещё категория 2 Товар 1 Товар 2 Подкатегория 2 Ещё категория 1 Товар 1 Товар 2 Как сие реализовать?
0 votes2 answers -
Не понимаю как подключить шрифт на cssdeck
Подскажите как подключить шрифт Myriad Pro регуляр? Вот код http://cssdeck.com/labs/ddyud6j5 А вот ссылка на шрифт https://www.dropbox.com/s/5fhc2qftpjlubxw/MyriadPro.ttf Подскажите решение! Спасибо!
0 votes4 answers -
Форма загрузки
Помогите, как сделать на картинке http://itmages.ru/image/view/1325093/835fcf84
0 votes1 answer -
адаптивные картинки в firefox
помогите пожалуйста решить проблему в кроссбраузерностью изменения размеров изображения страничка сделана на bootstrap3. в последней версии FF при уменьшении ширины окна до 300px изображение .girl пропорционально сжимается, а изображение .logo_pic - нет не помогает удаление обёртки <a>, или добавление обёртке классов типа col-xs-12 col-sm-12 col-md-5 col-lg-5 , или изменение display обёртки в opera, chrome сжимаются оба изображения
0 votes8 answers -
Как реализовать кнопку mute?
Как реализовать кнопку mute? добавил фоновый звук на страницу <embed src="http://www.podst.r/user_files/2/3800/snow_wind_128.MP3" hidden="true"></embed>хочу сделать отдельную кнопку для включение выключение звука на странице.. для вместо <button> использую обычный рисунок (с hover в стиле), а вот как задать команду для остановки аудио не знаю.. Уважаемые форумчане, помогите нубу
0 votes9 answers -
Расставить объекты на карте
Привет! Я начинающий в веб-программировании, пытаюсь реализовать задачу, когда на карте есть несколько точек, при наведении курсора мыши на эти "точки", всплывает окошко с изображением и подписью. И всё это ещё надо вставить в качестве модуля для joomla. Но всё по порядку. Я опишу как я собираюсь её решить, и большая просьба - сказать, верно ли я всё понял и делаю? Для начала я собираюсь расставить объекты (точки) на карте. Для этого есть пустой контейнер div, у которого в качестве фонового изображения выступает карта. В его стиле я задал ему размер, равный размеру изображения карты, и указал в качестве background саму карту. Далее я планирую с помощью JavaScri…
0 votes0 answers