HTML Coding

29542 questions in this forum

1. Как объединить popup окно и owl carousel

   Возникла проблема с объединением popup окна и owl carousel. После добавления карусели, попап окно не работает. http://garmoni.inf.ua/westworld/ http://prntscr.com/ii854d

   Asked by garmoni, February 22, 2018

   • popup
   • owl carusel
   0 votes
   5 answers
2. как дасть разным классам одни свойства

   вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…

   Asked by Kos87, October 20, 2009

   0 votes
   10 answers
3. Валидация Font

   Здравствуйте, при проверке на валидацию страницы вылазит такая ошибка: Ошибка значения : font / не является значением font-family : 13px / 170% 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif Вот ксс код: body { font: 13px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color: #777; margin: 0; padding: 0; background: #fff; } Пробовал писать так: font-size: 13px/170%; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; В таком случае фонт сайз вообще не работает и выдает такую же ошибку. Подскажите пожалуйста как грамотно оформить такой простой код что бы валидатор не показывал ошибку?

   Asked by Dolce, May 24, 2012

   0 votes
   7 answers
4. "Лишняя" остаточная ширина блока при переносе слов на новую строку

   Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)

   Asked by Squidward, August 27, 2014

   0 votes
   5 answers
5. Адаптивный многоугольник и svg

   Все доброго времени суток. Сверстал такую секцию(адаптивную). Но еще осталось реализовать подсвечивание грани многоугольника в центре. Несколько вопросов по этой верстке: -Линии и окружности, таким образом(как я сверстал) вполне нормально верстать(через псеводо элементы и дивы) или все же сделать на svg или может еще, что-то более качественное есть? -Так как грань центрального многоугольника при наведении на пункт секции, должна подсвечивается розовым, думаю сделать поверх многоугольника svg. Но проблема в том что цвет подсвечиваемой грани неоднородный. Я слышал что svg можно с растром считать, та ли эта ситуация?(в svg не очень пока силен). Дополнительно: ссылка на …

   Asked by tarthur, January 7, 2016

   • svg
   • css
   • вёрстка
   • адаптивная вёрстка
   0 votes
   3 answers
6. Подскажите по музыке.

   Захожу на сайту, играет музыка, хочу эту музыку себе на комп скачать. Как это можно сделать?

   Asked by Mants, August 19, 2007

   0 votes
   3 answers
7. Подсветка ника

   Здравствуйте. У меня вопрос: как создать подсветку ника фоновой картинкой на форумах vBulletin (и можно ли) вот таким вот образом: http://forums.narutofan.com/member.php?u=61126

   Asked by Вася, September 20, 2008

   0 votes
   5 answers
8. Проблема с float

   есть трехколоночный макет, вот часть кода, с которым возникла проблема - блоки должны ити горизонтально, но почему-то сползли и расположены вертикально: <div id="main"> <div style="float: left;"> <div style="height: 48px; width: 209px; background-image: url('{THEME}/images/box_header.jpg');"></div> <div style="height: 200px; width: 183px; margin-left: 13px; background-image: url('{THEME}/images/box_background.jpg');"></div> </div> <div style="margin-left: 10px; float: left;"> <div style="height: 63px; width: 57px; background-image: url('{THEME}/images/content_top_left.jpg'); float: left;"></div> <…

   Asked by Watchman, August 13, 2010

   0 votes
   14 answers
9. Многоуровневое выпадающее меню на CSS

   День добрый. Пытаюсь создать многоуровневое выпадающее меню. Пока, все устраивало. Но в IE 9 (другого нет, подскажите, где взять сборку версий без установки - буду благодарен), появились непонятные отступы. Почитал кучу статей, пробовал разные меню, но они не совсем подходят. Помогите, пожалуйста. Пример здесь Меню

   Asked by MIB, August 20, 2011

   0 votes
   1 answer
10. Эффект как на сайте apple точка com

    Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)

    Asked by kattiperk, April 26, 2015

    • paralax
    • apple
    • zoom
    0 votes
    7 answers
11. Вертикалное направление текста в таблице

    Добрый день. Как стандрартными стредствами html и css кроссплатформенно перевернуть текст в таблице? Есть способ переворота с помощью transform: rotate(-90deg); transform-origin: left top 10; но текст вылазит за пределы ячеек таблицы. существуют другие рациональные варианты??

    Asked by 3DBTChe, October 18, 2017

    0 votes
    2 answers
12. Как оформить кнопку

    Есть кнопка <input type="submit" value="{$smarty.const.VOTE_BUTTON}"> Как применить к ней стиль, изменить цвет и размер, жирность надписи, или вообще отказаться от кнопки, а использовать ссылку?

    Asked by okunev2, September 10, 2007

    0 votes
    3 answers
13. Прыгающие блоки в Ослике 6

    Я тут почитал вопрос ниже, но увы он мне не подошел. Суть вопроса: Есть шапка <!-- body { margin: 0; padding: 0; background-image:url(i/top_c_plash.jpg); background-position:top; background-repeat:repeat-x; } --> <div style="width:100%; min-width:972px; height:253px; display:inline-block;"> <div style=" float:left; height:253px; width:500px; display: inline-block;"><img src="i/top_l.jpg" width="500" height="253" alt="top_l" /></div> <div style=" float:right; height:253px; width:468px; display:inline-block;"><img src="i/top_r.jpg" alt="top_r" width="468" height="253" /></div> </div> Пытаюсь добиться иллюзии …

    Asked by guvatara, October 3, 2007

    0 votes
    3 answers
14. Таблица, OnMouseOver, цвет текста

    Есть три проблемы: 1. При нажатии на пункт "Шины" снизу появляется доп. меню, но высота строки со словом "Шины" уменьшается. Надо, чтобы осталась такой-же. 2. При наведении курсора на пункты меню "Шины", сама строка "Шины" и рисунки слева также подсвечивается, нужно от этого избавиться. 3. При наведении курсора не меняется цвет текста ячейки. Как избавиться от этих проблем? <script language="JavaScript"> function MenuToggle(id1) { id2 = "div_" + id1; obj = document.getElementById(id2); a = document.getElementById('a_' + id2); if (obj.style.display == 'block') { obj.style.display = 'none'; } else { obj.style.display = 'block'; } return false;…

    Asked by _Алексей_, January 4, 2008

    0 votes
    0 answers
15. Разъезжается элементарная таблица в IE

    <html> <body bgcolor=#FFFFFF;> <style type="text/css"> a img { border: none;} </style> <table cellspacing="0" cellpadding="0"> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> <tr><td width="181" height="53"> <a href ="#"><img src="new.jpg"></a> </td></tr> </table> </body> </html> Размер картинки new.jpg 181x53 Такая вот страничка. Везде кроме IE между ячейками пространства нету, в IE же между ячейками проглядывает желтый цвет. Как побороть этот глюк? очень нужно в создании меню использовать карт…

    Asked by PCSpeaker, January 6, 2009

    0 votes
    2 answers
16. Как такую верстку сделать можно?

    Несколько дней назад столкнулся с такой проблемой при верстке, на данный момент мозг уже кипит и плавно переходит в состояние паники Вот схема: Проблема в том, чтобы закрепить "блок 2" относительно центра страницы со смещением влево на 100px. Причем "блок 1" и "блок 3" должны полностью заполнять свободное пространство. Дальше, при масштабировании сайта "блок 2" должен сохранять свою позицию относительно центра всей страницы. (сайт резиновый и позиционируется относительно центра) Не важно как это будет реализовано, дивами или таблицей, главное чтоб работало именно так как описано выше П.С. я сам больше дизайнер, чем верстальщик Буду очень благодарен за помощь.

    Asked by «««one»»», March 15, 2010

    0 votes
    11 answers
17. высота option

    Можно как-то через css определить высоту option в select хотя бы для вебкит браузеров? (Chrome, Safari) Или только эмулировать селект на дивах в этом случае?

    Asked by shaci, December 14, 2012

    0 votes
    5 answers
18. Не отображается спрайт

    вечер добрый подскажите из за чего не отображаются спрайты http://jsfiddle.net/mrfrunze/263ndx37/ class .data .coll - sprites Спасибо. В общем нашел причину, нужно прописывать background:url(../images/sprite.png) -78px -9px; где значение цифр ширина и высота ))))

    Asked by mrfrunze, August 14, 2014

    • css
    • спрайты
    0 votes
    0 answers
19. Якори

    <h1 id="iak">Это моя первая страница</h1> <ul> <li> <a href="#iak">Привет мой друг!</a> </li> </ul> Эти команды если их можно так назвать должны были перебрасывать на заголовок другого участка страницы, но сыллка не хочет работать хотя изображена как сыллка. Проверял в css id работает. Можете помочь?

    Asked by AndSan, December 9, 2017

    • якорь
    • html
    0 votes
    6 answers
20. Не отображается в хроме шрифт Campus

    Есть шрифт Campus(можете скачать http://www.photoshop-master.ru/adds.php?subrub=34&id=3462), в формате .ttf он отображается только в Opere, а конвертировал в .woff, то вообще не отображаться на странице, может у кого то возникала такая проблема или знает как решить, буду признательным

    Asked by andrdov, July 1, 2014

    • opera
    • chrome
    • шрифт
    • campus
    0 votes
    5 answers
21. Расширяющиеся поле для ввода

    Возможно ли сделать поле для ввода не фиксированной высоты, а переменной: так, чтобы вначале была только одна строчка, но как только текст начал писаться с новой строки, то поле для ввода само увеличивало высоту на величину строки, а при удалении символов свою длину уменьшало?

    Asked by PavelTkachev, December 19, 2014

    0 votes
    14 answers
22. Поменять блоки местами

    Всем добрый день! Есть довольно простая структура сайта: https://jsfiddle.net/j7n9yf5q/3/ Нужно при уменьшении ширины экрана (например до 768px) поменять блоки местами - Блок 1 перемещается под Блок 3, а если на странице только Блок 1 и Блок 2 - то они меняются местами. Соответственно, если размер окна снова увеличивается, то блоки должны стать на свои места. Как это реализовать при помощи Jquery?

    Asked by alejandro13, May 12, 2016

    • css
    • jquery
    0 votes
    3 answers
23. Прикрепить второе фоновое изображение к низу страницы

    Хочу немного исправить дизайн на старом сайте и сделать фоновое изображение сверху страницы и снизу, вроде все так делаю но уже все голову сломал body { padding:0; margin:0; background: url('images/bg_main3.jpg') top repeat-x, url('images/bg_main2.jpg') repeat-x bottom ;} но нижнее изображение располагается внизу экрана, а не внизу страницы и если страницу прокрутить вниз то оно останется на месте Если добавить параметр fixed оно будет перемещать вместе с экраном, а хотелось что бы оно было всегда внизу страницы и его было видно только когда пролистаешь в самый низ

    Asked by Lang, September 15, 2018

    0 votes
    16 answers
24. Проблема с меню

    Ребята, Мозилла на отрез отказывается отображать менюшки(сделанные в Ксаре), ИЕ и Опера без проблем, а вот Мозиллу уговорить не могу, что делать? Помогите чем смогите, пожалуйста!

    Asked by Сеня, November 8, 2007

    0 votes
    1 answer
25. иконка сайта в адресной строке

    кто нибудь делал иконку по этому уроку? http://htmlbook.ru/faq/?a=28 я уже и закачала в корень сайта и линк его сделала...... ну никак не получается.

    Asked by Ал?на, April 21, 2008

    0 votes
    5 answers