HTML Coding

29542 questions in this forum

1. Не работает перекатывание картинки в Хроме и Опере

   Собственно код .enter {background: url("../img/enter.png"); display: inline-block; width: 170px; height: 42px; position: relative;margin-left: 20px;cursor: pointer; font-family: Arial, sans-serif; font-size: 20px; font-stretch: condensed; font-style: italic; font-weight: bold; color: #7F5B2B; line-height: 42px; text-align: center; text-decoration: none; text-shadow: 1px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}<button class="enter" onclick="submit();" typ…

   Asked by roland, February 8, 2015

   • картинка-ссылка
   • кроссбраузерность
   0 votes
   2 answers
2. где взять шрифт?

   где взять шрифт harmonia sans w1g заказчик передал исходники psd, а в макете используются эти шрифты. заказчик не отвечает хоть и выслал предоплату. посмотрел в инете, шрифтов практически нигде нету, кое где нашел, но они платные. 2-3 т.р. за один тип шрифтов. что делать?

   Asked by raptor-dm, February 8, 2015

   0 votes
   3 answers
3. Карта на фон страницы контакты

   Привет всем. Не могу понять, как сделать карту google на фон страницы контакты, как в данных примерах: http://www.thelocals.co.nz/about-us/our-location/ http://www.scs-ntech.ru/kontakty/ На этих сайтах при перемещении мышки по странице и прокрутке роликом карта не увеличивается. Основная проблема с которой я столкнулся - это то что при прокрутке роликом мыши невозможно листать страницу, так как увеличивается и уменьшается карта. Вопрос, как реализовать данную возможность.

   Asked by cheezy, February 8, 2015

   0 votes
   3 answers
4. Неправильно определяется разрешение экрана

   Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…

   Asked by alleclf, February 8, 2015

   0 votes
   2 answers
5. Можно ли при получении фокуса подсветить родительский блок

   Как можно сделать что бы при получении фокуса textarea подсвечивался родительский div. То есть, необходимо чтобы textarea никак не реагировала, а реагировал родительский блок. Вот пример - http://jsfiddle.net/0o279vv1/

   Asked by alleclf, February 8, 2015

   0 votes
   4 answers
6. Что делать? [html, js, php]

   Добрый вечер. Недавно начал понемногу осваивать азы сайтостроения, прошел задания codecademy и около половины htmlcademy, и задался вопросом: что делать дальше, чему учиться и, главное, как это делать? Ресурсов с информацией по технологиям пруд пруди - платные, бесплатные, на торрентах просто кладезь, на форумах добрые люди отвечают на вопросы, но непонятно, с какой стороны подступаться к созданию сайта с нуля, чтобы не было мучительно больно и не городить полгода велосипеды. Если честно, не хватает чего-то навроде вузовского учебника, который постепенно привел к построению своими руками сайта с участием большинства применяемых сегодня технологий. Вроде бы поначалу вс…

   Asked by frozen_dynamics, February 7, 2015

   0 votes
   6 answers
7. Вопрос по резиновой верстке.

   Здравствуйте. При резиновой верстке в каких единицах указываются отступы? Ведь при сужении экрана отступы в px не изменятся? Следовательно, блоки не сузятся и на растянуться. И что делать с макетом, если его ширина 1486px? Посоветуйте, где можно почитать о резине. Спасибо

   Asked by IvanRu08, February 7, 2015

   0 votes
   6 answers
8. Как смасштабировать картинку

   Необходимо чтобы картинки растягивались на всю ширину экрана, но не больше своего оригинального размера. На страничке могут быть картинки разного размера. Например, если ширина картинки 2500 пх, то она растягивается на весь экран (на 1920 пх). Если ширина картинки 1600 пх, то она растягивается только до значения 1600 пх - на часть экрана. То есть, как заставить картинку НЕ растягиваться больше своего оригинального размера. Вот пример, точнее заготовка - http://jsfiddle.net/qq4gm9tr/

   Asked by alleclf, February 7, 2015

   0 votes
   4 answers
9. всплывающий текст на кпопке в виде иконки

   Всем привет, Я хочу сделать всплывающий текст на кпопке в виде иконки, навроде : <h4 class="heading glyphicons icon-bulleted-list" style="cursor: pointer;" onclick="javascript:ReadClientsNote()" title="Read Client Notes" ><i></i></h4>Но не title ни hint не срабатывают. А как правильно ? Спасибо!

   Asked by mstdmstd, February 7, 2015

   0 votes
   3 answers
10. посоветуйте адаптивный слайдер

    есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.

    Asked by likiweaks, February 7, 2015

    0 votes
    1 answer
11. как сделать?

    http://i003.radikal.ru/1502/71/5075a77a2bf0.jpg там плагин есть листает слайды, слайды по высоте экрана. но вначеле и в конце нету этих слайдов. как там это сделать? или что там должно быть не пойму?

    Asked by raptor-dm, February 6, 2015

    0 votes
    3 answers
12. Создание "умного" футера

    В общем задача сделать футер такой, что бы если страница меньше чем размер экрана браузера - он ставится в самом низу экрана. При чем при таком раскладе он может накладываться на текст, так что нужно еще и учесть высоту его, в 175пк. Если же страница больше высоты экрана то футер ставится в самый конец страницы. Просто я уже многое перепробовал. Например мой последний вариант: body {min-height: 880px;position: relative;}.footer {position: absolute;width: 100%;left: 0;bottom:-175px;background: #0F6B00;}Но на страницах, которые значительно больше минимальной высоты футер ставится просто под моим экраном, где min-height играет свою роль. Если убрать absolute то все настр…

    Asked by Coshe, February 6, 2015

    0 votes
    3 answers
13. Как сделать блок на всю высоту родителя

    Как можно сделать что бы внутренний блок растягивался на всю высоту родительского блока, height=100% не работает. Вот пример - http://jsfiddle.net/prd5qrh2/ почему-то желтый блок не растягивается на всю высоту

    Asked by alleclf, February 6, 2015

    0 votes
    3 answers
14. подгонка background по размерам

    Всем привет, вот макет набросаю <style>div.one, div.three{ background: (img/back.jpg);}div.two{ background: (img/unback.jpg);}</style><div class='one'></div> <div class='two'></div><div class='three'></div>Как бы макет простой, Back - обычная картинка, unback - зеркально отражённая, они должны стыковаться между собой. Нужно картинку растягивать чётко под блок, как? background-size: 100% 100%; не помогли что-то

    Asked by xTODx, February 6, 2015

    0 votes
    0 answers
15. Большой div!

    Всем доброго времени суток! Никак не могу разобраться, в чем тут ошибка: Имеется вот такой блок - http://joxi.ru/n2YY0kKc58QG26 Вот с такой стилизацией - http://joxi.ru/J2bJX1MfwDeG26 Не понимаю откуда берется такая высота - http://joxi.ru/LmG7pEXUYXNMml Примечание: если убрать: #menu table {width: 100%;}то сайт принимает такой вид - http://joxi.ru/VrwpeqguXM0GmX Заранее спасибо всем, кто хоть чем-то поможет!

    Asked by Antoshka007, February 6, 2015

    • #html #css #div #верстка
    0 votes
    3 answers
16. Проблема с галереей изображения

    Добрый день,при масштабировании (в Chrome с помощью ctrl+с.к.м.,в других браузерах не пробовал) есть проблема с отображением галереи изображений,помогите пожалуйста,код представил.

    Asked by Uncle_Den, February 6, 2015

    0 votes
    3 answers
17. Активная ссылка

    Привет. Один клиент хочет чтобы на сайте было так: В общем есть ссылка назовем ее "Главная ссылка" при переходе по этой ссылке хочет чтобы она выделялась после того как перешли по этой "Главной ссылке", затем на этой странице есть другая ссылка назовем ее "Внутренняя ссылка" по нажатию на которой человек переходит на страницу и он хочет чтобы были выделены цветом ссылки "Главная ссылка" и "Внутренняя ссылка" и так далее. Можно ли это сделать? т.е. есть ссылка1 нажимаем на нее переходит на страницу где есть другая ссылка, при это ссылка1 должна быть выделена, затем переходит по ссылке на какую-нибуть страницу и должны быть выделены ссылка1 и ссылка2. Причем это не пун…

    Asked by kolhoz, February 6, 2015

    0 votes
    3 answers
18. Плавная смена изображения

    Возможно ли такое?: .button{background: url(play.png);} .button:hover { background: url(play_hover.png); transition:background .5s ease; } У меня плавно изображение на заменяется, как ожидалось. Может это просто не предусмотрено в CSS?

    Asked by SidSpears, February 6, 2015

    • css
    • transition
    0 votes
    7 answers
19. посоветуйте адаптивный слайдер

    есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.

    Asked by likiweaks, February 6, 2015

    0 votes
    0 answers
20. Идентичное отображение шрифта Lobster 1.4

    Здравствуйте! Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем. У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows. Сейчас подключаем с Google. Как решить данную проблему, чтобы у всех было одинаково? Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/ Теперь вопрос: как правильно настроить его?

    Asked by Светлана Г., February 5, 2015

    • font
    • шрифты
    0 votes
    6 answers
21. Регулярка: Целое положительное число начинающееся не с нуля и исключая сам ноль(и)

    Сражу скажу: гугл не помог, а сам не допетриваю. Надо паттерн для проверки целого положительного числа, которое не должно начинаться с нуля(ей) и исключая ноль(и). Т.е.: правильно: 1, 12, 257, 56739859 и т.д. неправильно: -1, -01, 0, 000, 023, 00000345, 1.2 и т.п. Вариант вообще? Заранее благодарен P.S. Извините, если не в ту ветку

    Asked by Laroux, February 5, 2015

    0 votes
    5 answers
22. Практическая польза от использования HTML5 тегов!

    Собственно вопрос в названии темы. А то как только начинаю выполнять новый заказ. Появляется желание делать все по семантике с использованием html5 тегов. Но потом сомнения того, что они могут не корректно работать в старых браузерах, и вообще отсутствие на мой взгляд практической пользы от них заставляет одуматься и фигачить все дивами! Заранее спасибо!

    Asked by li4e, February 5, 2015

    0 votes
    14 answers
23. Верстка сетки

    Здравствуйте, как подобные вещи верстать? (соединяющие линии)

    Asked by cruel09, February 5, 2015

    0 votes
    5 answers
24. javascript/jquery

    http://learn.javascript.ru/play/Wh4Xoc как добавить картинки, я так понимаю надо исползовать массив ,.В фелте"Аntall produkter" вводишь 1 или 2, нажимаешь на кнопку "Vis produkter" и выходят картинки.Если ввел 1 то одна картинка с филмом и его описанием.

    Asked by Leyla84, February 4, 2015

    0 votes
    8 answers
25. less в разных браузерах

    Начал на практике изучать less. Проверял работоспособность на Firefox. Решил проверить на других браузерах, так они вообще файл стиля не видят. Почему так? Скриншот Содержимое CSS и HTML файлов

    Asked by SidSpears, February 4, 2015

    • css less
    0 votes
    2 answers