HTML Coding

29,542 questions in this forum

1. Как всегда photoshop и расположение элементов с psd

   Ситуация такая: есть меню навигации при наведении мыши должна быть подсветка у меню. Меню расположил, вот с подсветкой не могу сладится, решил реализовать все через псевдокласс hover,сохранить подсветочку из макета и наложить на меню.Проблема в том что photoshop сохраняет это все с белым фоном. Выделение слоя и сохранения дает тот же результат опять фон, как проще сделать? Одна подсветка всегда должна быть, другая с дополнительным подсветом при наведении мыши.

   Asked by Get to heaven, September 28, 2014

   • photoshopверстка
   • psd
   0 votes
   8 answers
2. Как зафиксировать фон на сайте?Чтобы при масштабировании страницы, он не двигался.

   То есть, допустим решил уменьшить или увеличить размер страницы, но увеличиваться должен только текст, а фон оставался таким же каким и был.

   Asked by RuslanHeYca4ev, September 28, 2014

   0 votes
   2 answers
3. Проблема в кириллице подключаемых шрифтов

   Проблема c кириллицой, семейство helvetica cyrillic condensed, белка не справилась, какой костыль придумать?

   Asked by soltx, September 26, 2014

   0 votes
   4 answers
4. Помогите с формами!

   Хочу сверстать вот это http://ru.freepik.com/free-psd/box-clean-dark-form-gray-interface-login-museo-sans-shadow-sign-in-ui_598154.htm Но возникала проблема со стилями, и формами, то есть, как сделать такие картинки рядом, как сделать такой фон через css, или как-то по другому можно

   Asked by RuslanHeYca4ev, September 28, 2014

   0 votes
   3 answers
5. Как прервать соединение в <audio>?

   Сделал себе радиоплеер на html5 (не тот, что предыдущей моей теме), почти год нормально пользуюсь, но только сейчас заметил, что после остановки <audio> и удаления элемента со страницы скачивание фаерфоксом радиопотока всё равно продолжается, соответственно при нескольких включениях-выключениях радио трафик начинает бешено утекать (а я ведь специально делал удаление и пересоздание элемента audio, чтоб уж наверняка все потоки позакрывались, а не помогло ). Собственно, как это соединение прервать-то? UPD 4.10: не знаю, что за неделю изменилось, но element.src="", который не помогал во время написания вопроса, сегодня вдруг помог и соединение обрывает, хоть и с жалоб…

   Asked by andreymal, September 28, 2014

   0 votes
   0 answers
6. заливка div с картинкой- цветом

   У меня есть div с картинкой,нужно чтобы по верх этой картинки был полупрозрачный серый цвет,как это сделать? Должно быть так,картинка серым цветом,навожу,серый цвет пропал. Подскажите,как это лучше сделать?

   Asked by BeetleJuice541, September 25, 2014

   • div
   0 votes
   13 answers
7. Два блока с шириной 50%

   Не прошу писать мне готовый код, просто намекнуть как сделать лучше. На изображении 2 блока. Нужно, чтобы каждый из них занимал 50% ширины. А контент внутри этих блоков прижимался внутри к краю с отступом, чтобы при разных разрешениях всю ширину занимал только фон. В принципе кажется, что ничего сложно нет, но я запутался Сделал один общий id="webhost" и в нем два класса с еще двумя классами В одном классе фон с 50% шириной (wleft и wright), а в другом контент(wleft-row и wright-row). Получается куча флоатов и куча кода, можно же ведь как-то попроще сделать.

   Asked by alikitto, September 27, 2014

   • css
   • html
   • div
   0 votes
   2 answers
8. Картинки в ряд

   Добрый день. Ребят помогите пож сделать красивый код. Внизу картинки http://img.ii4.ru/images/2014/09/26/534790_kiss_25kb.jpg хочу сделать их в ряд http://alyansoil.com/konvejernye-lenty/konvejernaya-shaxtnaya-lenta.html но какой то стиль мешает. как все красиво сделать? получается вот такой вариант http://img.ii4.ru/images/2014/09/26/534791_kiss_35kb.jpg но код вообще жесток <p><a href="konvejernye-lenty/konvejernye-lenty-obshhego-naznacheniya.html"><img title="конвейерная лента общего назначения" src="images/icons/lenta-konvejernaya-obshhego-naznacheniya.png" alt="общего назначения" width="100" height="100" /></a><a style="line-height: 1.5em…

   Asked by psychomonkey, September 26, 2014

   • картинки
   0 votes
   6 answers
9. Панелька пользователя

   Как сделать такую панельку чтобы при нажатии на ссылку появлялась а при нажатии на страницу она пропадала

   Asked by Laroxx12, September 27, 2014

   0 votes
   3 answers
10. html, body {height:100%;}

    Доброго времени суток, проблема у меня вот в чём: есть сайт http://www.lol.domstroi69.ru/proekti.html, ему задано html,body{height:100%//задал для того чтобы на мониторах разной высоты всегда была голубая полоска на всю высоту экрана}#wrap{height:100%;position:relative;}left-barBox{width:50px;backgeound-color:blue;height:100%;position:absolute;left:20px;}#footer{position:absolute;bottom:0;right:0;// футер который должен всегда находится внизу}Проблема в том, что когда я уменьшаю окно бразуреа по высоте или начинаю добавлять изображения в див с id='contentBox' у меня получается вот такая вот Ху... Всё конечно исправляется если я не указываю высоту html,bod…

    Asked by Daniil Khanin, September 27, 2014

    • height:100%
    0 votes
    4 answers
11. Исправление ошибок HTMLL

    Добрый день. Нужна помощь по исправлению ошибок, которые выходят при анализе сайта. Самой удалось исправить только одну пока что. На остальное не хватает знаний и умения. http://validator.w3.org/check?uri=http%3A%2F%2Fkinomanlv.ru

    Asked by Вилия, September 27, 2014

    • исправление помощь
    0 votes
    1 answer
12. Плавная прокрутка сайта

    Не могу найти ответа, да и возможно ли? Как сделать чтобы сайт прокручивался плавно, в mozila такое есть если не ошибаюсь

    Asked by Laroxx12, September 26, 2014

    0 votes
    2 answers
13. Как правильно скрыть position:absoute справа

    Здравствуйте. Посмотрел форум и не наткнулся на хорошие решения данного вопроса. Чтоб было понятнее приведу реальный пример. Вот есть блок контента. Внутри него wrap заданной ширины и margin: auto. И вот в этом блоке есть линии которые должны выходить за его границу влево и вправо и до конца окна браузера при любом разрешении. Самым адекватным способ посчитал сделать их через position:absolute (задал ширину линий 1000px и отпозиционировал куда требовалось) и слева никаких проблем не возникло, а справа появилась полоса прокрутки. Скрыл ее через overflow-x:hidden и довольный результатом продолжил. В конце верстки посмотрел как выглядит в разных браузерах и вот на устр…

    Asked by paralex, September 25, 2014

    • absolute overflow ios
    0 votes
    2 answers
14. Подскажите скрипт для вертикально выпадающего меню.

    Подскажите скрипт для вертикально выпадающего меню. На http://donautorent.com/ слева есть меню, новости и проспект, хотелось бы из этих картинок сделать выпадающее меню.

    Asked by Barbos4as, September 26, 2014

    0 votes
    0 answers
15. Размер шрифта на экране

    Добрый день всем. Может кто подскажет, почему когда указываю шрифт 16px, на экране отображается 12px, или если указываю 20px, то на экране отображается 15px, т.е. на четверть меньше. В чем тут дело?

    Asked by grifangel, September 24, 2014

    0 votes
    5 answers
16. Псевдоэлементы ie

    Привет всем! .tel:before { content: ""; background: url(img/phone.png); width:37px; height:47px; float: left; position: relative; top: -14px; left:-10px; } В ie не сработает top и left почему?

    Asked by soltx, September 26, 2014

    0 votes
    3 answers
17. Мобильные браузеры, body, overflow:hidden

    Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать. Пробовал даже такое: html, body { position:relative; height:100%; overflow:hidden}

    Asked by Bassline, September 26, 2014

    0 votes
    4 answers
18. Выравнивание слоя по вертикали

    В этом разделе автор предложил способ выравнивания слоя по центру веб-страницы при фиксированной высоте слоя. Есть ли способ выровнять слой по вертикали с помощью стилей, если высота блока неизвестна заранее (зависит от контента)? Например, http://codepen.io/anon/pen/waCKq?editors=110 Нужно, чтобы слой wrap отображался по центру веб-страницы для браузеров IE7+ и последних версий FF, Sa, Ch, Opera. Примечание: использование inline-block и псевдоэлемента wrap:before (для совместимости с IE7 в указанном выше примере display:inline-block установлен для строчного элемента span, а вместо псевдоэлемента использован span class="before"), увы, не привело к желаемому результа…

    Asked by hike, September 25, 2014

    • выравнивание
    • выравнивание по вертикали
    • выравнивание по центру
    • центрирование
    • слой по центру
    0 votes
    3 answers
19. Вопрос по цветовым функциям Sass

    Добрый вечер! Начал разбирать Sass, и возник такой вопрос по цветовым функциям: правильно ли я понимаю, что можно задать один цвет одной переменной, а все остальные цвета на странице, которую я верстаю, можно получить с помощью цветовых функций Sass?

    Asked by Stright, September 25, 2014

    0 votes
    8 answers
20. Верстка на чистом html под unisender

    Сделал мини шаблон для email верстки в яндекс программе для просмотра почты на телефоне Периодически съезжает блок и он становится не по середине Что можно сделать?Или добавить или убрать? Спасибо <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 800px; background-color: #ffffff;"><tbody><tr><td style="width: 25%; background-color: #f0eae6;" valign="top"></td><td valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse; line-height: 0px;"><tbody><tr><td align="left" colspan="2" style="width: 600px; line-height: 0px;"></td></…

    Asked by Romasa, September 26, 2014

    0 votes
    4 answers
21. Помогите разобраться с tabs

    Есть такой http://www.optimaservis.su/reagenty/ каталог на Табах. Когда посетитель кликает на ссылку подробно на товаре в табе ROCKMELT, а затем возвращается назад из-из checked он по опять попадает во вкладку Аквайс что надо сделать чтобы клиент перешедший на вкладку ROCKMELT и посмотрев подробное описание товара, при нажатии кнопки назад в браузере попадал назад во вкладку ROCKMELT? В самих каталогах обратные ссылки расставлены якорями... Ссылка на код тут http://jsfiddle.net/aLebxaxu/2/ Всю голову сломал второй день ковыряю. Какие средства для этого использовать не важно главное чтоб правильно работало и была возможность добавить еще вкладок...

    Asked by Sargon777, September 25, 2014

    • таб
    • tabs
    • навигация для таб
    • каталог на tabs
    0 votes
    6 answers
22. Белый экран вместо сайта. Локальный сервер opensrever

    Здравствуйте, помогите разобраться, пожалуйста. Есть сайт на wordpress. Тестировала на openserver все было хорошо, потом что-то произошло, сама не имею понятия что и теперь, когда открываю сайт в браузере вижу только полностью белый экран. Три дня не могу ничего сделать. Где может быть проблема? Прошу объяснять по слогам, простым языком))

    Asked by eleonore, September 25, 2014

    0 votes
    14 answers
23. Как правильно задать свойства

    Здравствуйте! Я совсем новичок в верстке, помогите разобраться в вопросе. Когда создаем горизонтальное меню с помощью float то float и margin нужно указывать для селектора <li> или можно для<a>? Проверял - работает и так и так. Как будет правильно или вообще без разницы? 1.Так правильно? .social_buttoms li {float: left;margin-right: 14px;}.social_buttoms a {display: block;width: 32px;height: 32px;background: url(../images/social_sprite.png) no-repeat;} 2.Или так?.social_buttoms a {float: left;margin-right: 14px;display: block;width: 32px;height: 32px;background: url(../images/social_sprite.png) no-repeat;} Заранее спасибо за ответ.

    Asked by Andrew_007, September 25, 2014

    • css html горизонтальное меню
    0 votes
    11 answers
24. Макет в одну колонку

    Не получается сверстать макет где "шапка" была бы с position: fixed; А сам макет с шапкой, контентом и футером растягивался бы от 980px до 1200px. Высота основного блока (class=content) с контентом растягивается очень сильно, вылазиет справа авто прокрутка - здесь тоже что-то делаю не так. <!DOCTYPE html><html><head><meta charset="Windows-1251"><title>Тест</title><meta name="description" content=""><meta name="keywords" content=""><link rel="icon" href="favicon.ico" type="image/x-icon"><link rel="stylesheet" media="all" href="style/css.css"><link href='http://fonts.googleapis.com/css?family=Exo+2:400,900&s…

    Asked by Delat, September 20, 2014

    0 votes
    14 answers
25. Треугольники-картинки

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

    Asked by grafcorp, September 25, 2014

    0 votes
    1 answer