HTML Coding

29,542 questions in this forum

1. http://htmlbook.ru/practical/shagi

   http://htmlbook.ru/practical/shagi Вот что у меня получилось. http://cssdeck.com/labs/52ie1ldo Код слишком громоздкий но другого решения я не смог найти. 1)Скажите как сделать чтобы при наведении трансформируемый элемент, который я использовал как уголок тоже перекрашивался ?Также как сделать чтобы при наведении мышка не превращалась в курсор ? 2) Не понятно почему в шаге 1 при наведении на трансформируемый элемент он перекрашивается, а в других шагах такого не происходит ?

   Asked by rpmcmerphy, November 4, 2013

   0 votes
   0 answers
2. Не понимаю как применить спрайт для фона

   День добрый! Не получается применить спрайт шириной 2px и высотой 300px для левого и правого блока (спрайт состоит из 2 полос по 1ому пикселю разных цветов). Подскажите ошибку. http://jsfiddle.net/yB7SK/

   Asked by Temik2704, November 4, 2013

   • Новичок
   0 votes
   0 answers
3. Эскизы в браузерах

   Добрый день. Подскажите пожалуйста как браузер выбирает эскизы со страниц. Например хром на закладке "сайты" или опера в экспресс-панели?

   Asked by Ururu, November 4, 2013

   0 votes
   0 answers
4. Нужна помощь со слайдером

   Здравствуйте. Подключил на страничку Rhinoslider, вставил свое содержимое и контролы. По функционалу все в порядке, единственное, что беспокоит - там с помощью js автоматически добавляется див-контейнер, который все содержимое оборачивает. У него прописаны свои правила позиционирования, которые я могу редактировать только в Firebug. При загрузке страницы у блока со слайдером задано отрицательное позиционирование слева и снизу. Когда я отключаю эти правила в браузере, все становится на свои места. Проверял в хроме, опере и сафари - там все стоит на местах с самого начала. Только в лисе и в ie все не хорошо. (хотя в ie js хоть и не работает как надо, все же блок со слайдеро…

   Asked by ermolaevai, November 8, 2013

   • jquery слайдер верстка
   0 votes
   0 answers
5. sourcemaps in sass

   Меня всегда раздражало, что изменения стилей в инспекторе хрома (на вкладке elements) не сохраняются на жесктй диск при использовании препроцессоров. Итак, воспользуемся препроцессором sass (в пререлиз версии 3.3+ есть замечательная штука sourcemaps) и след. инструкцией: http://www.hongkiat.com/blog/editing-css-preprocessor-chrome/ Что имеем в итоге: в инспекторе хрома (на вкладке elements) мы видим не скомпилированный css, а sass. И когда правим его - изменения тут же отражаются скомпилированном css-файле, НО...все это теряет обсолютно любой смысл, т.к. именения стилей в инспекторе хрома (на вкладке elements) НЕ отражаются на самом sass-файле, а только на скомпилированно…

   Asked by Evkaky, November 11, 2013

   • epic fail
   0 votes
   0 answers
6. Редактирование сообщения в Как установить высоту дива, вложенного в другой див во всю высоту экрана браузера, без яваскрипта?

   просьба к модераторам удалить это дублирующие сообщение

   Asked by riki, November 12, 2013

   0 votes
   0 answers
7. Расставить объекты на карте

   Привет! Я начинающий в веб-программировании, пытаюсь реализовать задачу, когда на карте есть несколько точек, при наведении курсора мыши на эти "точки", всплывает окошко с изображением и подписью. И всё это ещё надо вставить в качестве модуля для joomla. Но всё по порядку. Я опишу как я собираюсь её решить, и большая просьба - сказать, верно ли я всё понял и делаю? Для начала я собираюсь расставить объекты (точки) на карте. Для этого есть пустой контейнер div, у которого в качестве фонового изображения выступает карта. В его стиле я задал ему размер, равный размеру изображения карты, и указал в качестве background саму карту. Далее я планирую с помощью JavaScri…

   Asked by Riddik, November 13, 2013

   0 votes
   0 answers
8. clip-path

   Есть какие-то онлайн инстурмены для создания clip-path? Меня интересует, можно ли clip path создать эффект волны (понятно о чем речь?) и как? Нужен ведь какой-то инструмент? Допустим есть блок с шириной 100% экрана (обрезка ведь задается в пикселях, а как сделать, чтобы она повторялась по горизонтали беспоконечно? ) - только вверху нужно, чтобы задний фон обрезался волной. Как это можно сделать? Может есть книжка, где подробно все разобрано?

   Asked by Zverushka, November 24, 2013

   0 votes
   0 answers
9. Как вставить баннер?

   Хотелось бы добавить баннер, как показано на скрине (выделено красным), но не знаю как. Вот код, подскажите, что добавить: <div id="block_1"><div id="slider"> <div class="bannertop"> <div id="bannertop" > <div align="center"> <div class="presentation"> <div id="slider2" class="sliderwrapper"> <div class="contentdiv"><img src="{THEME}/images/1.jpg" name="b1" alt="" /></div> </div> <div id="paginate-slider2" class="pagination"> <a href="#" class="prev"><img…

   Asked by Stripes, November 29, 2013

   0 votes
   0 answers
10. Не срабатывает margin-bottom для блока

    Добрый день! Подскажите пожалуйста! http://cssdeck.com/labs/5uretdw0 Почему когда я задаю свойство margin-bottom:20px; для project-block (это блок с картинкой + текстом в правой части) ничего не происходит? .inner-block .portfolio-block .content .project-block {margin-bottom:20px;} Разобрался! Нужно было добавить overflow:hidden; Закрывайте!

    Asked by Temik2704, November 29, 2013

    0 votes
    0 answers
11. Несколько div-ов в ряд, как их растянуть на всю ширину экрана

    Сайт пример - http://testsite482.vacau.com/6/ Идет несколько div-ов в ряд. Один с синим фоном, другой с зеленым, третий уже внизу и с красным. При нажатии на кнопку "2" на первом или "3" на втором div-е идет прокрутка с помощью явы до следующего. Вопрос такой, как растянуть эти дивы на всю ширину экрана, потому что впоследствии на каждом из фонов должен быть текст прямо по середине, и не хочется, что бы на разных разрешениях экрана этот текст скакал. Т.е что бы синий фон был ровно по ширине и высоте экрана и ни сантиметром дальше. Нажал на кнопочку 2, он прокрутился до зеленого, который в свою очередь тоже будет на весь экран, итд. Задача по сути исходит из за дальней…

    Asked by Rucen, November 30, 2013

    0 votes
    0 answers
12. Responsive видео+background

    Не могу сообразить как сделать следующее. Делается в Bootstrap 2.3.2. Имеется картинка монитора, в ней видео(допустим iframe) Есть решения на css-tricks Я пробовал - и получается что либо само видео у меня корректно меняет размер, либо бек. Сейчас сама конструкция выглядит как <div class="video"><iframe width="542" height="305" src="http://www.youtube.com/watch?v=niyFA24H5_E?rel=0&hd=1" frameborder="0" allowfullscreen></iframe></div> .video {width: 542px;padding: 28px 29px 0 54px;height: 485px;float: left;background: url("../images/screen.png") no-repeat 25px 0;} Если добавить враппер под респонсивку такого плана .videoWrapper {po…

    Asked by sergik74, December 11, 2013

    • bootstrap 2
    • responsive
    • video
    • background
    0 votes
    0 answers
13. Подскажите как сделать выравнивание в блоке

    Добрый вечер. Есть блок. .main_content { min-width:980px; max-width:1200px; margin: 0 auto; } В нем блок <ul class="ulip"> <li> <img src="icons/rst.png" alt="Только камеры РСТ" title="Только камеры РСТ"></li> <li> <img src="icons/vozvrat_14.png" alt="Возврат товара в течении 14-ти дней" title="Возврат товара в течении 14-ти дней"></li> <li> <img src="icons/garanty.png" alt="Официальная гарантия" title="Официальная гарантия"></li> <li> <img src="icons/dostavka.png" alt="Доставка по России" title="Доставка по России"></li> <li> <…

    Asked by Sel-p, December 11, 2013

    • выравнивание
    0 votes
    0 answers
14. Наложение блоков position:absolute и mouseleave

    Добрый вечер. Пациент: _http: //win.kronwerk.net/autoproducts/parts/tecdoc/ford/?qs=transit Проблема: Исчезает всплывающее меню модели, когда из-за своей величины(множества строк) накладывается на футер и курсор попадает в эту область пересечения ( явный пример Форд Транзит). Соответственно и текст в футере виден в этом меню. На сколько смог разобраться сам, понял что футер и всплывающее меню модификаций позиционированы absolute. Следовательно когда меню и футер пересекаются, js $('.ddpick').bind('mousedown', openSubMenu);$('.ddpick').bind('mouseleave', closeSubMenu);function openSubMenu() { $(this).find('ul').css('display', 'block'); };function closeSubMenu() { $…

    Asked by tavot, December 24, 2013

    0 votes
    0 answers
15. Как-будто криво подсвечивается submit

    http://zverushka.zz.mu/killme/ В сафари если наводить мышкой на кнопку "заказать консульацию" - то кнопка по центру будто бы имеет другой цвет, а уши (по бокам) имеют отличающийся цвет - по крайней мере это я вижу в браузерстаке. Возможно просто плохая передача изображения?

    Asked by Zverushka, January 6, 2014

    0 votes
    0 answers
16. Помогите с Wp

    Добрый вечер. мне бы хотелось на этой странице http://www.evrokvartira.net/?p=7297 сделать блок adsens 300x250 что бы текст контента был как на примере тут https://support.google.com/adsense/answer/187666?hl=ru&ref_topic=29875 Как это сделать подскажите пожалуйста?

    Asked by BTN, January 6, 2014

    0 votes
    0 answers
17. Трясет элементы при скроллинге в Parallax эффект

    нашёл подходящую тему. как удалить эту тему?

    Asked by across, January 10, 2014

    • parallax
    0 votes
    0 answers
18. Верстка сложного background

    Ребята помогите пожалуйста, есть такой макет http://itmag.es/4NwBe #itmages , как мне правильно вырезать, чтоб было как на дизайне, все сделано текстурой??????

    Asked by Sergey410, January 17, 2014

    0 votes
    0 answers
19. Голосование Да/Нет на DLE. Кто нибудь видел подобное?

    Я хочу подобное сделать на DLE. Но там говорят, что нужно делать "хак"... а нельзя обойтись css+php+БД? Просто с DLE знаком 3-е суток.. а там везде хаки-хаки-хаки.. Вроде легкая DLE но эти "хаки" уже раздражают.. Слово паразит у форумов по DLE.. Вопрос в том, кто нибудь сталкивался с подобным примером? Чтобы потом переделать под себя.

    Asked by Guest Feniks000, January 21, 2014

    0 votes
    0 answers
20. beyond-reality-face

    кто-нибудь пробовал прикрутить к сайту такой сервис? объясните пожалуйста в двух словах как его подключать? так как это java, то требуются какие-то особые выкрутасы с сервером? встроить по типу обычных js-свистелок не получится?

    Asked by cyklop77, January 20, 2014

    0 votes
    0 answers
21. Правильно ли я вывожу фрейм

    вот код...начинайте пинать ))) <!-- Общий фрейм --><div id="frame-for-All"><iframe id="frameAll" src="menu\svet_fasadi\alumin.html" width=600 allowtransparency="true" scrolling=no frameborder='no'> </iframe></div>CSS #frame-for-All {color:#fff;position: absolute;top:40px;/*bottom: 0;*/left: 600px;/*right: 100px;*//*margin: auto;*//*height: 50%;width: 50%;*//*background: #ccc;*/}а так я пытаюсь сменить файл который грузится во фрейм $('a.spider').click(function(){$('frameAll').(document).location.href = "spider.html";});

    Asked by romoga, January 26, 2014

    • iframe
    • правильно
    0 votes
    0 answers
22. Анимация Iframe - возможно ли?

    Как можно сделать чтобы текст из iframe плавно исчезал? Ну или предложите другие способы анимации ))

    Asked by romoga, January 27, 2014

    • iframe
    • анимация
    0 votes
    0 answers
23. Проблема с горизонтальным меню

    Приветствую, проблема такая. Есть фиксированный menu <header> <div class="game_title"> <span> TEXT TEXT </span> </div> <div class="header_panel"> <div class="panel"> <menu> <li><a href="">TEXT TEXT</a></li> <li><a href="">TEXT/a></li> <li><a href="">TEXT</a></li> <li><a href="">TEXT</a></li> <li><a href="">…

    Asked by Stricker, January 31, 2014

    0 votes
    0 answers
24. (прошу проверить на разных устройствах)

    здравствуйте. вот сайт: http://sarnjak.myjino.ru/ есть 3 стиля - загружаются с помощью медиазапросов в зависимости от ширины экрана: >1700 px >1300 px >0 px у меня на всех устройствах (PC, ноутбук, планшет на Android) открывается корректно - но эмуляторы по разному отображают, поэтому уверенности нет вот как должно быть/как отображается у меня: https://www.dropbox.com/sh/4u6n6d4ir2lamf6/r_fmUyn-w5

    Asked by sarnjak, February 2, 2014

    • медиазапросы
    • проверка
    0 votes
    0 answers
25. Управление вкладками через CSS

    Добрый день, помогите разобраться с отображением вкладок. Есть две вкладки: Вкладка1 и Вкладка2. В вкладках содержится информация. В вкладке2 есть еще две вкладки: Вкладка3 и Вкладка4. На данный момент стиль настроен так, что отображается информация вкладок 2, 3, 4 на Вкладке1, а не должна. Ниже html и css код. html-файл: <!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div class="tabsLink"> <a href="#tab1">Вкладка 1</a> <a href="#tab2">Вкладка 2</a></div><br /><a class="tabs" id="tab1"></a> <div class="…

    Asked by varfj54j, February 3, 2014

    • вкладки css
    0 votes
    0 answers