HTML Coding

29542 questions in this forum

1. Странное поведение :active в IE

   Добрый день! Вопрос следующий. Есть на странице элемент с псевдоклассом active, при клике на этом элементе должен меняться например цвет фона. Во всех браузерах все работает хорошо, однако в IE всех версий :active срабатывает через раз, т.е. фон сменился, на следующем клике фон элемента не меняется. Т.е. :active срабатывает через раз. Причем onclick срабатывает исправно, на каждом клике. Предложите пожалуйста решение, можно на JS, или подскажите, куда копать..

   Asked by sond1k, April 9, 2015

   0 votes
   2 answers
2. Как сверстать такое?(3)

   Собственно творение: Проблема: все это один слой(в фотошопе). Задача: разьеденить товарищей в кружочках от их кружочков Идея с тупо вырезать изображанияи, и на :hover такие же, с голубым фоном как то не превлекательна!

   Asked by Flexible Curd, April 9, 2015

   0 votes
   5 answers
3. Простой вопрос!

   Всем привет! Не так давно в front-end'e поэтому никогда не сталкивался с версткой вот таких вот менюшек: http://joxi.ru/EA4abk7HGk4Qrb Не подскажете, как они вообще делаются? Спасибо!

   Asked by Antoshka007, April 9, 2015

   • как
   • это
   • сделать
   0 votes
   3 answers
4. iPad4: media queries

   Всем здравствуйте! Страница Вот такая проблема. У заказчика iPad4. Она хочет, чтобы сайт на ее устройстве в альбомной ориентации отображался как для desktop. Но не могу это никак настроить! Эмуляторы отрабатывают нормально, а реальные iPad выбирают мобильный вариант. Не срабатывают оба таких media-queries: @media only screen and (max-width: 960px) {} @media only screen and (max-width: 960px),(min-device-width: 768px) and (max-device-width: 1024px) {}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-width: 960px) { Как решить данную задачу?

   Asked by Светлана Г., April 9, 2015

   • iPad4
   • media queries
   0 votes
   8 answers
5. Сайт не ресайзится при открытии на смартфоне

   При открытии на айфоне сайт приходится ресайзить пальцами, иначе видно только левый верхний угол. Не могу понять что я напутал в верстке http://www.martinperevod.ru/

   Asked by Anik, April 8, 2015

   0 votes
   3 answers
6. div поместить вместо iframe

   Доброго времени дня! На сайте в файле index.htm есть код который отвечает за поиск по сайту. Там же имеется iframe - как мне выводить результаты поиска в этот iframe. Вот сами коды/скрипты. <div id="page"> <form id="searchForm" method="post"> <fieldset> <input id="s" type="text" /> <input type="submit" value="Submit" id="submitButton" /> <div id="searchInContainer"> <input type="radio" name="check" value="site" id="searchSite" checked /> <label for="searchSite" id="siteNameLabel">Поиск в</label> <input type="radio" name="check" value="…

   Asked by HarPy, April 8, 2015

   • div поместить вместо iframe
   0 votes
   0 answers
7. Синхронизация

   Удалите это сообщение. Никто не отвечает.

   Asked by Noob Html, April 8, 2015

   • html5
   • Синхронизация
   • Время
   • GMT
   0 votes
   0 answers
8. position:fixed при transform

   Всем привет! Столкнулся с такой проблемой: У меня есть блок у которого задан position:fixed; left:0; top:0. и он у меня прилип к углу экрана браузера. но вот если родителю этого блока задать трансформ, например, transform: translateX(0), даже нулевой, то фиксед начинает считать не от экрана браузера, а от блока с трансформом. Никогда с таким не сталкивался, кто-то может объяснить почему он себя так ведет и как этом можно пофиксить. Набросал мини примерчик http://codepen.io/Z1gnet/pen/VYOxGG

   Asked by Z1gnet, April 7, 2015

   • fixed
   • transform
   0 votes
   3 answers
9. 2 <p> с одним стилем отображаются по разному

   Есть страничка http://florushka.com/feedback.php В голубых и желтых блоках одинаковый размер шрифта (14px, задан, собственно, одной и той же строкой в css). Проблема в том, что на телефоне один из них увеличивается, другой нет. Никак не могу понять, в чем магия Кто с таким сталкивался ? Есть идеи, в чем косяк ? Спасибо

   Asked by volkoff, April 7, 2015

   • bootstrap
   • Адапт;
   0 votes
   1 answer
10. Можно ли вкладывать hr в div

    Добрый день! Не могу разобраться со вложенностью элементов. Можно ли hr-тэг засовывать в div? В общем у меня есть класс на php который парсит шаблоны, и этот класс выдает fatal error, когда находит hr внутри div, а hr между div его совсем не напрягает. Вот хотел бы узнать где можно почитать про вложенность тэгов.

    Asked by McLotos, April 7, 2015

    0 votes
    4 answers
11. backgtound отступ сверху

    Доброго времени суток. У меня есть форма, и там где textarea я хочу задать фон толщиной в 1px, и мне надо чтобы он с верху брал отступ сверху в 10px к примеру, всё это делается для того чтобы когда например печатается текст в textarea то что бы каждая строчка была типа как в тетради, подчёркнута линией. Есть ли какая то возможность сделать это или может быть какой то другой способ осуществить это.

    Asked by Segnava, April 7, 2015

    0 votes
    1 answer
12. Ругается валидатор

    Никак не пойму, почему ошибка на 64 линии? http://validator.w3.org/check?uri=http%3A%2F%2Fbarbershop-borodinski.ru%2Fid19853%2Ftechnomart%2Findex.html&charset=utf-8&doctype=HTML5&group=0

    Asked by DivMan, April 6, 2015

    0 votes
    12 answers
13. text-shadow и кроссбраузерность - wtf, товарищи о_о

    всем привет. у меня появилась проблема того, что тень текста дико коверкается в сафари и в браузере телефона. неужели этого никак не избежать!? может, есть какие-нибудь решения, ведь наверно же с этим сталкивались многие другие? вот пример, здесь все минимизировано: скришот в разных браузерах: код: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>font</title><style> body{background: #e5e08b;} p{ font-family: arial; color: #ffe; font-weight:bold; text-shadow: 0 0 .1ex #ba0, 0 0 .1ex #870, 0 0 .1ex #870, 0 .7ex .1ex #fff, 2ex 0 .5ex #ffd, -2ex 0 .5ex #ffd; }</style></head><body&gt…

    Asked by forest_moss, April 6, 2015

    • text-shadow
    • safari
    • кроссбраузерность
    0 votes
    12 answers
14. вертикальное выравнивание при контейнере больше родителя.

    Здравствуйте, все! Проблема такова, что надо выровнять блок, который больше родителя по высоте. т.е. мы имеем родителя с данными width: 100%; max-height: 300px; и запихиваем туда например видео или картинку (не фоном!), которые имеют параметры width: 100%; а высота получается уже 500px, как разместить что бы вырезалась средняя часть? т.е. отцентрировать по вертикали? размеры заранее не известны. Может кто толкнет в нужную сторону? Всем заранее спасибо!

    Asked by Fate-ol, April 6, 2015

    • вертикальное выравнивание
    0 votes
    4 answers
15. валидатор

    <link href="http://fonts.googleapis.com/css?family=Roboto:400,100,300|Roboto+Condensed&subset=latin,cyrillic-ext"rel='stylesheet'> подключаю этот шрифт, не проходит валидацию. вот что пишет валидатор w3c почему так и как можно решить проблему?

    Asked by raptor-dm, April 5, 2015

    0 votes
    6 answers
16. Проблема отображения select в IE

    Всем привет. проблема с отображением тега select со своим дизайном. Помогите разобраться как использовать свой дизайн для блока select Вот HTML код: <div><select><option>65x44x16,5</option></select></div>CSS код: div { width:134px; height:25px; background:url(../images/select4.jpg); display:inline-block; z-index:1;}div select { border-radius: 0; background: transparent;; padding: 3px; border: 0; font-size: 14px; line-height: 1; -webkit-appearance: none; cursor:pointer; width:134px; height:25px; z-index:0;}Вот как отображается в Yandex бразуер: Как отображается в IE:

    Asked by Aidakaev, April 5, 2015

    • select
    • IE
    0 votes
    3 answers
17. Фотографии в ряд по горизонтали

    Всем привет. Возник вопрос. При добавлении стилей и текста под фотографией картинки перестают быть в одну строку и каждая переходит на новую. Подскажите, пожалуйста, в каком блоке или стили нужно прописать, чтобы все 3 фотографии были в одном ряду. Спасибо <div id="home"><img src = images/1.jpg width=215 height=323 align = "center"><div class = "text-date">28 марта 2015 г.</div><img src = images/2.jpg width=215 height=323 align = "center"><div class = "text-date">27 марта 2015 г.</div><img src = images/3.jpg width=215 height=323 align = "center"><div class = "text-date">26 марта 2015 г.</div><img src = images/…

    Asked by karnager, April 5, 2015

    0 votes
    1 answer
18. Галерея, HTML5 пусто! :О

    Здравствуйте Уважаемые, помогите пожалуйста разобраться. На сайте есть галерея, с главной странички есть превью (по клику на картинку из главной, должна открыться подробная галерея) но при клике, открывается лишь пустая белая страничка. Index.html ссылается на single-project.html, там есть код но внутри все равно пусто Вот код с главной: <section id="portfolio"> <div class="portfolioIntro text-center"> <div class="black-overlay"></div> <h2 data-scroll-reveal="enter top move 10px over 1s after 0.2s"> </h2> </div> </div> …

    Asked by htmlman3, April 5, 2015

    0 votes
    0 answers
19. Простой tooltip без использования плагинов?!

    Всем доброго времени суток! Подскажите, простой способ написания элементарного плагина для тултипов! Предназначен он будет для указания ошибки при неверном вводе поля формы. Заключается он в следующем: API содержит два параметра: элемент (то есть input или textarea) который пользователь заполнил неверно, текст ошибки и положение относительно элемента (слева или справа). Например, чтобы при отправке формы он появлялся (если поле заполнено неверно) и при клине на соответствующий инпут исчезал. Пробовал разбираться с готовыми библиотеками типа tooltipster, но ничего не получилось, вот решил написать свой, чтобы не нести кучу лишнего кода с проектом. Примерно так он должен…

    Asked by Antoshka007, April 5, 2015

    • toopltip
    • tooltips
    • js
    • jquery
    • plugin
    0 votes
    6 answers
20. Проблема с @font-face

    Добрый день, проблема в следующем: Сайт на Wordpress, используется одна из готовых тем и кастомные стили. Заказчик настаивает на своем уникальном шрифте на сайте. Он был добавлен как фаил ftr45c.ttf в папку fonts, которая лежит в корне сайта. В стилях прописал: @font-face {font-family:ftr45c;src:local('ftr45c'), url(fonts/ftr45c.ttf);}h1, h2, h3, h4, h5, h6 {font-family:ftr45c !important;color:#005953 !important;}Приходится использовать !important, так как нужно перебить стили темы Wordpress. На главной все работает отлично, но на остальных страницах ситуация странная. В консоли Chrome показано, что используется уникальный шрифт, но на самом деле мы видим Times New Roman.…

    Asked by dkudrin, April 5, 2015

    • css
    • html
    • wordpress
    0 votes
    1 answer
21. browsersync.io работает только с html страницей

    Что есть: - локальный сервер (OpenServer) - на локальном сервере сайт "php-site" - установлен чистый browsersync без grunt и прочего запускаю brosersync: browser-sync start --proxy "php-site" --file "*"в браузере открывается мой сайт с адресом http://localhost:3000 Автообновление работает только с html файлами, если сервер к примеру отдает script.php или style.css browsersync перестает обновлять страницу при изменении файлов. Как заставить работать автообновление brosersync с php?

    Asked by ori, April 5, 2015

    • browsersync.io
    • livereload
    • Proxy
    0 votes
    3 answers
22. Включить таймер

    На старом шаблоне устанавливали таймер "До конца акции осталось ...", теперь поставил новый шаблон, вставил туда код этого таймера. Сам таймер появился, но сами часы не работают. Может где-то в яваскрипте прописать нужно путь к новому шаблону?

    Asked by svang, April 4, 2015

    0 votes
    5 answers
23. Меню

    Есть менюшка из 6 пунктах. В 2 пунктах прикрученна функция всплывания при наведении через HTML и CSS но вот проблема видно не на всех устройставах. Посоветуйте как поправить? <ul class="top_menu_ul ul rel"><!--<li class="top_menu_li top_menu_1 rel"><a class="top_menu_a top_menu_active" href="/">Мы</a></li>--><li class="top_menu_li top_menu_1 rel"><a id="top_menu_a" class="company" href="<?php bloginfo('url'); ?>">Мы</a><div class="top_submenu abs hidden"><div class="top_submenu_top png"></div><ul class="top_submenu_ul ul"><li class="top_submenu_li submenu_1 li"><a href="<?ph…

    Asked by kap2, April 4, 2015

    0 votes
    2 answers
24. Подскажите сервис наложения css3 теней

    Приветствую всех! Недавно видел онлайн сервис изготовления градиентов. В последствии всё переводится в css3 код. А мне нужно сделать блок с тенями. Есть ли сервисы,желательно русскоязычные?

    Asked by tigrus2014, April 4, 2015

    0 votes
    1 answer
25. Вопрос по рекламе

    У меня стоит сайт на директе, сейчас я хочу поменять дизайн сайта ( другой шаблон поставить ). Мне придется заново писать рекламную кампанию для директа? Или же шаблон никак не сказывается на директе?

    Asked by svang, April 3, 2015

    0 votes
    1 answer