HTML Coding

29,542 questions in this forum

1. Горизонтальное меню - need help

   http://jsfiddle.net/Ldcvm8pu/ вот код. Что не получается: - сделать чтобы при наведении на родительский список не было синей полоски внизу под ней (то есть было все белым) - при наведении на родительский список и опускании на дочерний, чтобы был и в родительском списке ссылка имела стили как будто она наведена - задать ширину 800пх что при этом когда я навожу на родительский список оно не оставалось в фиксированном положении как сейчас(тут я чувствую, что гдето наплужил с позиционированием).

   Asked by psics, September 11, 2014

   0 votes
   0 answers
2. Проблема с фоновыми изображениями

   http://joxi.ru/O4oRVIwyTJCUeXnmiu8 Верстаю с помощью таблицы. Обрал все что можно .antyraj{ margin: auto; padding: 0px;}td{ border: 0px #008040 solid; padding: 0px; margin: 0px;}Все равно есть разрывы в изображении. Все вставлено фонами в td. Может есть у кого идеи!

   Asked by Alex_Dark74, September 11, 2014

   0 votes
   2 answers
3. Прыгают сылки, блоки в меню ( на знаю как точнее назвать )

   В общем есть такое вот : http://jsfiddle.net/1uczL7v3/3/ Как видите при наведении прыгают ссылки... конечно можно в стиле ( padding: 20px 9px 20px 10px ) заменить на ( padding: 0px 9px 0px 10px ) но в этом то и прикол чтоб были отступы снизу и с верху.. пускай даже если цветовой фон залезит на другие ссылки это не важно будут в кого то варианты как это сделать ?

   Asked by saen, September 11, 2014

   0 votes
   4 answers
4. Требуется помощь!

   Доброго времени суток! Прошу у вас помощи)) Расскажу в кратце ситуацию : Для хоккейного сайта требуется сделать прямую трансляцию матча с youtube на главной странице сайта Мне нужно чтобы блок там где большая фотография заменялась на трансляцию! Этот блок написан на отдельной странице.html для того чтобы туда вставить трансляцию достаточно удать все с нее и вставить ссылку трансл. Как это дело можно автоматизировать?? Подскажите пожалуйста!!!

   Asked by hcsgm, September 16, 2014

   0 votes
   7 answers
5. Перенесение JavaScript из документа в файл js

   Есть некий скрипт http://jsfiddle.net/1uczL7v3/4/ когда я его переношу в файл, то элемент с его использованием не работает.. прописываю его в документе так: <script type="text/javascript" src="Имя скрипта.js"> </script> просто я данный скрипт изменил и он у меня больше чем в примере

   Asked by saen, September 11, 2014

   0 votes
   3 answers
6. Как и спрайт показать и наложение элементов устранить на узком экране?

   Здравствуйте. На странице если суживать окно то получается следующая картина: то есть подчеркивание заголовка раздела налезает на ссылки этого раздела Если в стилях отключить height: 25px; то получается наполовину хорошо, поскольку из спрайта показывается следующая иконка: Как можно сделать так, чтобы и подчеркивание было на своем месте и из спрайта показывалась только одна иконка?

   Asked by borus, September 12, 2014

   0 votes
   8 answers
7. Частично закрытый toggler

   Черновик: http://jsbin.com/hocapumexesi/1/ Суть задачи: В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки. Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то ин…

   Asked by advokatua, September 11, 2014

   • toggle
   • jquery heigth
   0 votes
   2 answers
8. Проблемы с выпадающим меню (jQuery)

   Пациент: http://demo.imatte.us/fomru/project_people.html Выпадающие меню при клике на эти ссылки работают не правильно. При клике открывается меню, но при выводе курсора из этих меню оно скрывается. Если после этого наводить курсор на любую из этих ссылок, то откроется их меню. Подскажите, как сделать чтобы при unhover'е меню не скрывалось, и при уже открытом меню при наведении на другую ссылку не открывалось другое меню. Спасибо.

   Asked by posthack, September 12, 2014

   • jquery
   • js
   0 votes
   3 answers
9. viewport для разных размеров экрана

   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Используется такой такой мета-тэг. Задача состоит в том, чтобы его применять ТОЛЬКО в случае, если размер экрана меньше 768px. Если экран больше 768px, то сайт должен вписываться в экран полностью (как это происходит по умолчанию). В данном случае есть мобильная версия, которая срабатывает на экранах, если размер окна браузера или экрана меньше 768px. Как поступить? Спасибо.

   Asked by Bravo, September 18, 2014

   • viewport
   0 votes
   6 answers
10. Блок меню за рамки контейнера (Bootstrap)

    Здравствуйте! Просьба помочь разобраться в такой ситуации: Верстка на bootstrap. Шапка сайта на всю ширину body. И все бы ничего, но меню должно репититься направо до конца body. Так же, не знаю как сделать скошенный угол в блоке меню. Макет адаптивный. Для ясности прилагаю скрин. Заранее благодарю за помощь!

    Asked by volshebnyi, September 12, 2014

    0 votes
    13 answers
11. Смещение кнопки

    Чем лучше смещать кнопку: отступами или позиционированием? http://jsfiddle.net/2phkybqu/

    Asked by DivMan, September 14, 2014

    0 votes
    2 answers
12. Верстка HTML-писем. Проблема с gmail на Android.

    Доброго дня, коллеги. Довольно долго бьюсь над следующей проблемой. В письме необходимо разбить картинку на 4 ссылки (2х2). Таблица сделана, картинка порезана. Сначала возникали паразитные отступы между ячейками в разных почтовиках, которые были решены таким способом: <a href...><img src="..." style="display:block;"/></a> Помогло везде, кроме андроидовского gmail. Не могу избавиться от вертикального разрыва в 1px между столбцами. Это не рамка, изображение действительно сдвинуто.

    Asked by СерСерыч, September 12, 2014

    • html
    • письма
    • gmail
    • android
    • рассылка
    • img
    0 votes
    11 answers
13. last-child

    Добрый день, подскажите как решить проблему с last-child, : для последнего элемента .coach-photo нужно убрать правый отступ 65px, прописываю .photos .coach-photo:last-child{margin-right:0px;}не работает. пробовал nth-child, nth-of type - не работает. ! Но если убрать <p class="photo-title">LEONARDO,<span>MANAGER - USA<span></p>- надпись над картинкой, то все норм. Почему так происходит!??? вот ссылочка - фото парней http://sport.teslalight.com.ua/ Спасибо за ранее.

    Asked by mrfrunze, September 12, 2014

    • css
    • last-child
    0 votes
    8 answers
14. Краткое описание при навидении мышки.

    Доброго времени суток Вот уже 2 день ломаю голову над решением проблемы с z-index. Хочу сделать выпадающее вниз краткое описание при навидении мышкой без JS, JQuery и прочих умных вещей). Только СSS. Вот куски кода: <style>.item{ width: 40%; position: relative; display: inline-block; background-color: #bbb; float: left;}.item:hover{ z-index: 5;}.short_desc{ display: none;}.item:hover .short_desc{ display: block;}</style><div class="item"> <h3>Rock Shox Domain 318 Coil 170</h3> <img src="img/items/1.jpg" /> <p><strong>Цена:</strong> <span>255…

    Asked by mov, September 12, 2014

    • z-index
    • opacity
    • css
    0 votes
    5 answers
15. Blink-браузеры не правильно обрабатывают тень

    http://waa.ai/4w3T При масштабировании колесиком тень выставляется неверно - между тенью и объектом появляется белая полоса. Как это исправить?

    Asked by MyNameIsJim, September 13, 2014

    0 votes
    11 answers
16. Скрипт сортировки

    Здравствуйте. Подскажите, пожалуйста, качественный скрипт сортировки работ по категориям в портфолио.

    Asked by Temiks, September 13, 2014

    0 votes
    5 answers
17. Фон блока div из части изображения

    Доброго времени! В общем есть изображение шириной 7px высотой 1px. Нужно средствами css 4-ым пикселем этого изображения залить фон блока div 300x200.

    Asked by Alian, September 13, 2014

    • css div фон
    0 votes
    6 answers
18. Рамка текста

    Здравствуйте! В компоненте Cherry Picker (Joomla) в поле ввода цены курсор выделяется рамкой, как её убрать? Вот кусок кода стилей http://jsfiddle.net/0LcLqs5t/ Пробовал через color:white, но оно делает и сам текст белым. Спасибо.

    Asked by Бадминтон, September 18, 2014

    0 votes
    5 answers
19. Проблема с padding в header

    Доброго дня! Появилась проблемка в css. У меня короче есть wrapper(посередине страницы), там по бокам задан padding 56px. А в header этот padding не должен действовать на background(там где будет меню). То есть задний фон должен растянуться на весь wrapper по ширине(но это строго должно быть только для хэдера). На всякий прикрепляю имг как должно быть: Надеюсь, понятливо объяснила. Очень надеюсь на вашу помощь.

    Asked by amalia, September 13, 2014

    • css html header problem
    0 votes
    1 answer
20. Градиентный текст

    Как к тексту применить градиент? position: relative; float: left; margin-top: 98px; font-size: 30px; font-family:Myriad Pro; background: linear-gradient(to top, #165597, #4396d2);такой код не работает, по сути мне не важно какой... Подскажите что не так...

    Asked by ksn, September 18, 2014

    0 votes
    1 answer
21. Помогите реализовать соединяющие точки между ценой и названием

    Здравствуйте. К сожалению, моего словарного запаса не хватило, чтобы нормально назвать эту тему (надеюсь скриншот поможет). Я тут набиваю руку, верстая паблик шаблоны, и я понятия не имею как реализовать эти соединяющие точки между ценой товара и его названием. Буду очень признателен если мне подскажут как это можно реализовать. Спасибо

    Asked by hitori, September 14, 2014

    0 votes
    4 answers
22. Проблема с картинкой

    1. На своем сайте рядом с новостью публикую картинку. Пользователь, если нажимает на заголовок новости - попадает на страницу новости, а если нажимает на картинку новости, то открывается картинка в новом окне с длинное ссылкой в адресной строке. Вопрос: как сделать, чтобы кликая по картинке, ничего не происходило, то есть сделать картинку некликабельной. 2. Скачал иконки. Очень много иконок на красивом фоне. Нарезал иконки, публикую на сайте. Вид такой, квадратная картинка в центре кружок (иконка) и фон серый фон этого квадрата, рядом текст, все это в блоке с другим цветом. Вопрос: как правильно нарезать иконки и придать им прозрачности, пожалуйста поподробнее, хоч…

    Asked by Monetizator, September 14, 2014

    0 votes
    4 answers
23. head og HTML ,css

    Добрый день, нужна помощъ с создание хедера, очен простоы бг, лого, и картинку, хотелось чтобы объснили , хочется понять как из псд сделат в хтмл.Задание в школе ИТ .

    Asked by Leyla84, September 14, 2014

    0 votes
    18 answers
24. При уменьшении размеров окна браузера появляется margin-right

    Здравствуйте, при верстке комбинированного макета возникла проблема - при уменьшении размеров окна браузера до появления горизонтального скролла возникает поле справа у .header_wrap, причем чем меньше размер окна, тем он больше http://jsbin.com/joredadugojo/1/edit, и фон шапки получается растянут не на все окно. Подскажите, пожалуйста, как можно решить эту проблему!

    Asked by Stright, September 14, 2014

    0 votes
    3 answers
25. Не растягивается сайт на всю ширину экрана на мобильных устройствах

    Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/

    Asked by i.october, September 14, 2014

    • iphone
    • мобильная вёрстка
    0 votes
    4 answers