HTML Coding

29,542 questions in this forum

1. Как подключить geoIP на сайт

   На сайте необходимо определить местоположение посетителя из 4 стран, даже из 3-х. Украина, Казахстан и Беларусь. Соответственно, если человек с Украины его надо перенаправить на поддомен ua.domen.com, если с Казахстана - на kz.domen.com и т.д., если человек не из этих 3 стан его необходимо перенаправить на поддомен ru.domen.com Перечитал много материала по теме, но как-то всё сложно. Мне не надо базу по каждому городу в мире, всего 3 страны. Посоветуйте как можно реализовать перенаправление пользователя.

   Asked by alleclf, January 17, 2014

   0 votes
   1 answer
2. Помогите справиться с центрированием в диве, ну никак...

   Ребят, испробовал уже кучу методов, не пойму что мешает... Вот сайт: http://testwp.sysrtfm.ru/ на розовом фоне меню, хочу его элементы разместить по центру, по горизонтали... Если не сложно посмотрите плз. Буду признателен

   Asked by djforce, January 16, 2014

   • горизонтальное центрирование
   • div
   0 votes
   2 answers
3. Проблема с CSS

   Как сузить фон у анонсов. Здесь все в порядке - http://mordovia-sutochno.ru/poisk2 Здесь - нет нижней тени у ячейки - http://mordovia-sutochno.ru/article/kinoteatri Она обрезается. Тень должна быть сверху и снизу.

   Asked by slaip, January 15, 2014

   0 votes
   4 answers
4. Плавающая стрелка на неоднородном фоне (clip-path) firefox

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

   Asked by Zverushka, January 15, 2014

   0 votes
   3 answers
5. Про background и спрайты

   Всем привет, что-то туплю, скажите, правильно ли понимаю, что спрайты получится использовать только если мы задаем ширину и высоту объекта на странице и фоном на весь этот размер накладываем часть спрайта, равную этому размеру, позиционируя его с помощью background-position ? Т.е. в случае, если мы просто накладываем на кнопку файл с картинкой (не спрайт, а именно отдельный файл), позиционируем его 0% 50% к примеру (с левой стороны посередине), а для свойства :hover подкладываем уже другой файл по такому же принципу - в этом случае каким-то образом эти два файла в спрайт собрать получится ? Надеюсь понятно объяснил

   Asked by lolka84, January 17, 2014

   0 votes
   1 answer
6. Верстка сложного background

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

   Asked by Sergey410, January 17, 2014

   0 votes
   0 answers
7. Что дает прокрутку?

   Никак не могу определить, какой элемент дает прокрутку - вместо 1024пикселя получается 1040 где-то, когда появляется скролл. Может есть какой способ удачный - чтобы легко понять? Уже вроде и все удаляла по очереди и все равно непонятно.. http://zverushka.zz.mu/kadr/index.php Ну и на всех блоках базовых стоит overflow hidden. Откуда блин И по-моему в мозилле скролла нет, а есть он только в вебкит. Ага и в ослике тоже нет прокрутки лишней.

   Asked by Zverushka, January 17, 2014

   0 votes
   2 answers
8. Шапка не на всю ширину окна.

   Шапка сайта не растягивается. Ни в каком браузере. Код шапки: <img src="images/head.gif" alt="Header" width="100%" height="100%"/> Пробовал выставлять в пикселях - слева отступ остаеться, справа уходит за окно браузера. Помогите, обьясните новичку в чём дело

   Asked by headhunterzz, January 15, 2014

   • шапка
   0 votes
   9 answers
9. Помощь по форме поиска

   Помогите разобраться с формой поиска на сайте vesti.bg. Подскажите чем реализован эффект увеличения поля. Если за счет скрипта, то укажите где он находится в исходном коде и как правильно подключается. Спасибо!

   Asked by russalex, January 16, 2014

   0 votes
   1 answer
10. Как можно сделать клик по фону?

    Есть блок с текстом и фоновым изображением. Вот пример http://jsfiddle.net/mGW6E/ Как можно отследить клик именно по фоновому изображению? Не по тексту и не по пустому месту, а именно по фоновой картинке?

    Asked by alleclf, January 16, 2014

    0 votes
    11 answers
11. Как разместить фон с отступами и с repeat

    Здравствуйте! Помогите пожалуйста разместить фон top_menu.png для кнопки background-image: url(top_menu-l.png), url(top_menu-r.png), url(top_menu.png); background-position: top left, top right, left 5px right 5px; background-repeat: no-repeat, no-repeat, repeat;

    Asked by alexander85, January 16, 2014

    • фон
    • повтор
    • отступы
    0 votes
    4 answers
12. Странная анимация цвета

    http://jsfiddle.net/Zverushka/D2x4y/ Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?

    Asked by Zverushka, January 16, 2014

    0 votes
    11 answers
13. Помогите разобраться с примером всплывающего окна

    Пример реализован вот так: http://jsfiddle.net/vend3tta/SE4tS/ по ссылке всё работает, пробую реализовать сам - не работает Вот код html файла: <!DOCTYPE html><head><title>CSS3 Javascript</title><link rel="stylesheet" href="css/style.css"><script type="text/javascript">p = $('.popup__overlay')$('#popup__toggle').click(function() { p.css('display', 'block')})p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') }})$('.popup__close').click(function() { p.css('display', 'none')})</script></head><body><p><input type="button" value="Popup!" i…

    Asked by alleclf, January 15, 2014

    0 votes
    7 answers
14. спрайты и артефакты при уменьшенном размере

    http://zverushka.zz.mu/killme/ Вылазят артефактики и белые линии на красных кнопках при уменьшенных размерах. Что же делать?

    Asked by Zverushka, January 6, 2014

    0 votes
    13 answers
15. Оцените верстку HTML5 и CSS3

    Мир вам форумчане, просьба оцените верстку ваша мнение особенно о коде http://versttestter.eu5.org/

    Asked by pitbuli, January 15, 2014

    • версткаб
    • html5
    • css3
    0 votes
    6 answers
16. Форма поиска + :hover ,не работает при наведение на кнопку, как быть?

    Как мне сделать, чтобы картинка кнопки была единым целым с оболочкой?? Никак не пойму, как сделать. Просто раньше никогда не делал на сайтах поиск :crazy: теперь пришлось. Когда пишу: z-index: 100; фигня получается. <form class="form-search" method="get" action="/search" target="_blank"><input type="text" name="q" value="Что-то ищите?" onfocus="if(this.value=='Что-то ищите?') this.value=''" onblur="if(this.value=='') this.value='Что-то ищите?'"/><input src="/img/search.png" type="image" alt="поиск"/></form>.form-search {display: inline-block;float: right;position: relative;right: 20px;top: 20px;}.form-search input {width: 100px;height: 25p…

    Asked by Guest Feniks000, January 10, 2014

    0 votes
    2 answers
17. Не работает кнопка

    Здравствуйте! Я учусь в 8 классе. В 9 классе у нас будет по ИВТ пару тем связанных с html. Меня это заинтересовало и я решил изучить html. Мне понравилось) Я начал делать страницы и пока обходился без кнопок. Но вот решил сделать "Анкета гостя сайта". Сделал всё по учебнику 9-го класса 2004 года автор: Угринович. Сделал АБСОЛЮТНО всё так, как там показано, но вместо кнопки поле, в котором написано "отправить". Вот можете сами попробовать "нажать" на эту кнопку http://normylik.cf/faq/anketa.html (все ссылки указанные на сайт не действительны, так как вместо домена .ru купил другой для сайта, который я создал месяц назад с помошью движка на пхп). Спасибо.

    Asked by Normylik, January 14, 2014

    0 votes
    20 answers
18. Наложение цвета на фон

    Приветствую ребята. Подскажите как мне поверх картинки наложить цвет с прозрачностью. html { background: url(../img/bgimg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}Хочу поверх этого фона положить цвет с прозрачностью 95% rgba (44, 62, 70, 0.95)Перепробовал разные варианты и ничего не получается. Подскажите как проще сделать ? Спасибо.

    Asked by edwinkkc, January 15, 2014

    0 votes
    2 answers
19. проблема iepngfix

    Не понимаю почему не подключается данный скрипт . Если конкретнее: все делаю по инструкции: в <head> засунул конструкцию: <!--[if lte IE 6]> <link href="/css/ie6.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/iepngfix_tilebg.js"></script> <![endif]--> в самом ie6.css для элемента, в котором нужно включить прозраность бэкграунда PNG под IE6 прописал: #pod_content_listy_top { behavior: url(../iepngfix.htc);}в основном файле стилей template.css для этого элемента прописано #pod_content_listy_top{ background:url('../images/content_top_listy.png') left top no-repeat; }Но, блин, не работает.. Пути пе…

    Asked by toman, January 14, 2014

    0 votes
    6 answers
20. Менюшка работает только в firefox и Safari ((

    Ребята помогите, ибо уже завязался с этой темой а решить вопрос не могу. Есть сайт, там менюшка состоит из 4 кубов при навидении они вращаются. но это работает только в Firefox и Safari.Помогите. Пример брал отсюда http://pcvector.net/scripts/layout_and_interface/338-effekt-vraschayuschegosya-kuba.html

    Asked by romoga, January 14, 2014

    • меню
    • css
    • 3d
    0 votes
    11 answers
21. Изображение по текущемему размеру экрана

    Привет друзья. Использую модуль jquery.cross-slide.js для плавной замены фона но изображения скачут по размеру, вызывая скролл и отступ от верха и левого края на 30 px В чем может быть дело вот html <head> <meta charset="windows-1251"> <title>ghjghj</title> <meta name="description" content="567567"> <!-- <link rel="stylesheet" href="demo.css"> --> <link rel="stylesheet" href="cross.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="js/jquery.cross-slide.js"></script></head><body><div class="bg_sli…

    Asked by romoga, January 15, 2014

    • изображение резиновый
    • макет
    • маштабирование
    0 votes
    2 answers
22. Отменить skew

    http://jsfiddle.net/Zverushka/ZS3Y4/1/ Как видите отмененные трансормации для внутреннего слоя все равно его искажают - текст стал уже (как и сам слой видимо). Как отменить вот эти 2 трансформации для ребенка нормально? Как мне удалось сейчас понять - нужно отменять трасформации в порядке назначения (обратном). Вот такая конструкция уже прекрасно работает: http://jsfiddle.net/Zverushka/ZS3Y4/3/ Но как вы можете заметить skew(20deg, 0) skew (0, 20deg) - не тоже самое, что и skew(20deg, 20deg); (ромб не идеальной формы получился). Как же мне оставить ромб нужной формы и в то же время провести обратную трансорфмацию?... Я попробовала сгенирировать матрицу - но результат…

    Asked by Zverushka, January 15, 2014

    0 votes
    1 answer
23. Помощь в реализации одной идеи

    Здравствуйте! Нужен пинок под зад, что бы знал, куда смотреть, что бы сделать след. идею: Есть картинки, допустим 3 (в ряд). Когда наводишь на эту картинку, то фон меняется, допустим на серый(но это не главное) или фотка становится размазанной(blur effect). На этот фон вылезают, к примеру, 3 кнокпи: Like (Facebook) Like (vk) Like(odnoklassniki) - Это всё как пример. Что я имел ввиду под "вылезает": contest.uid.me (сайт - не реклама) - при наведении мышки на Номинации. Я где-то в интернете уже видел подобный "урок", но, увы, не запомнил, а теперь не знаю как и где искать. Это либо Jquery, либо чистый CSS, А может и оба, но надеюсь, что CSS, т.к. с jquery вообще не знаком…

    Asked by dsasda, January 13, 2014

    0 votes
    5 answers
24. Снова рендеринг шрифтов

    Вот я не пойму - то ли я дурачок то ли глаза меня обманывают. Два компьютера. Одинаковая операционная система (Windows 7, с одного носителя установленная) обновленная. Одинаковые браузеры и дополнения (Firefox 26 к примеру). ClearType включен и там и там. Однако в одном (№1) я вижу шрифт вот так (обратите внимание на "e"): А в другом (№2) - вот так: Это в общем, во всех браузерах. Ан нет, IE10 на №1 показывает "e" с горизонтальной полкой.. Почему так? Можно ли этого избежать? Если у меня есть такой эффект (отсутствие горизонтальной полки у "е"), то есть вроятность появления у других - процент вероятности мне не известен. но думаю, он большой. P.S. И да, у себя…

    Asked by d0ublezer0, January 14, 2014

    • ClearType
    0 votes
    3 answers
25. Внешний вид input type=text

    Здравствуйте. Посоветуйте начинающему программисту. Не подскажите как в FireFox'е (наверное через CSS) сделать так, чтобы внешний вид текстового поле input type=text и поля ввода пароля type=passw был такой же как Google Chrome?

    Asked by vzdrizd, January 14, 2014

    0 votes
    1 answer