HTML Coding

29542 questions in this forum

1. Почему не плывет влево и оставляется пробел?

   Под большим фото есть миниатюры. У них есть свойство флоат:лефт. поидее должны по левому краю быть, но нет. видно, что 4я миниатюра, помещена почему-то в центре второго ряда картинок. вот страница с примером Было там как-то больше фоток, так там и вовсе дырка оказалось в одном из рядов. От чего такое происходит?

   Asked by nikki4, April 4, 2016

   0 votes
   1 answer
2. Как отменить transition, если анимация уже началась

   Что-то не нашел данной информации, хотя в определенных случаях оно автоматически отменяется. В этом примере сделал прокрутку длинного текста. Если кликнуть на "Очень длинный текст для прокрутки", он начнет ездить влево-вправо. Если в момент, когда он едет влево нажать например на "Просто длинный текст", то он мгновенно возвращается назад (так и нужно). А вот если нажать в тот момент, когда он едет вправо, то анимация продолжится до конца. Хотелось бы, чтобы текст при клике возвращался мгновенно.

   Asked by Switch74, April 5, 2016

   • css
   • transition
   0 votes
   5 answers
3. Почему текст выходит за границу родителя?

   Привет. Никак не соображу - почему текст не переносится: Посмотреть можно тут (на главной): http://z.leveler.ru/

   Asked by d0ublezer0, April 5, 2016

   0 votes
   2 answers
4. Чистка css

   Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…

   Asked by MAzZY, April 7, 2016

   0 votes
   8 answers
5. Проблема с рендером шрифтов

   Иногда при подключении шрифтов возникает следующая ситуация: Текст просто текст. Без оберток. Проблема возникает в хроме и почти всегда если шрифт используется в срытых (разворачиваемых) блоках или слайдерах (Owl Carousel), то есть на блоках который сначала не отображаются, а появляются позже. От чего это может происходить, и что с этим можно сделать? P.S. Создать JSFiddle с этой проблемой не удалось.

   Asked by Shiza, April 5, 2016

   • @font-face
   • шрифты
   • google-fonts
   • chrome
   0 votes
   2 answers
6. Как контролировать фон за текстом.

   Всем привет ребята, я на этом форуме новенький ну это не чего не значит! Хех. Прошу вашей помощи! Вопрос такой, я хочу с помощью CSS сделать что бы мой header был фиксированный, делаю это так: .full { position: fixed; /* Фиксированное положение */ /* Расстояние сверху */ width: 80%; background: red; padding: 10px; background: red; } а вот код header: <div class="full"> <div class="col-md-7"> <div class="collapse navbar-collapse" id="ql_nav_collapse"> <nav id="jqueryslidemenu" class="jqueryslidemenu navbar " role="navigation"> Меню </nav> …

   Asked by Evengining, April 5, 2016

   0 votes
   5 answers
7. Сайт без вертикальной прокрутки, адаптивный, футер прижат книзу

   Очень нужна помощь опытных верстальщиков. Визуально ТЗ на картинке. Требования следующие: 1) футер прижат книзу 2) фоновый слайдер-карусель (выглядит именно так, по бокам предыдущая и следующая фотографии чуть затемненные) 3) полностью адаптивный, другими словами не должно быть ни горизонтальной, ни вертикальной прокрутки при любых разрешениях экрана 4) контент расположен в блоке поверх карусели 5) все это должно работать на CMS Joomla Я уже чего только не пробовал. Универсального решения не нашел. Фиксишь футер, остается пространство между каруселью и футером. Подгонять по высоте и прописывать стили для всех типов разрешений... Вряд ли оптимальный спос…

   Asked by sejunctus, April 5, 2016

   0 votes
   20 answers
8. Скрытие персональных данных.

   Добрый день. Несколько лет whois по моим доменам в зоне .net выдавал private person. Сейчас при продлении домена, мне подсунули некую платную услугу скрытия персональных данных. Естественно я отказался платить и вот уже во whois мои имя и фамилия, почта, телефон и домашний адрес. Спрашиваю у регистратора, почему раздают мои личные данные нарушая ФЗ РФ? Ответ даже комментировать не имеет смысла. Дословно: "....... Если Вы хотите скрыть данные владельца домена в Whois Вам необходимо ее заказать и оплатить." Как защитить свои персональные данные и избежать вымогания денег?

   Asked by Ubhra, April 6, 2016

   • whois
   0 votes
   2 answers
9. проблема с :hover

   Всем привет ! Верстая PSD макет столкнулся с проблемой :hover ,а именно в менюшке.Нужно чтобы пробегая по ссылкам они подсвечивались при помощи :hover .Понимаю что логика вставить a:hover , но при этом варианте ,подсветка только высоты ссылки а мне надо во всю высоту рамки меню поэтому вставил li:hover , но получается фиксированная ширина и поэтому в длинных названиях лишек она обрезается.Как сделать чтобы подсветка охватывала полностью все названия по отдельносьти? И еще как можно это соорудировать напрямую a:link ? Ссылки почему то в jsfiddle поехали вниз впритык рамки https://jsfiddle.net/stvolkilla/0nxzedxz/1/ скриншот

   Asked by esoteric, April 6, 2016

   0 votes
   4 answers
10. Почему в мобильной версии пропадают стили ссылок?

    http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.

    Asked by nikki4, April 6, 2016

    0 votes
    0 answers
11. fancybox content "под ним"

    Здравствуйте, подскажите пожалуйста, есть ли возможность вынести элементы сайта выше слоя overlay в fancybox В частности http://helios-group.org/1/index.html нужно, чтобы курс валют, выбор языка был активен при открытом fancybox (регистрация, вход или кнопка слева)

    Asked by Vlad_P, April 7, 2016

    0 votes
    4 answers
12. inherit не работает для IE8

    Всем привет. У меня в IE8 не работает inherit для любых CSS стилей. Например: HTML —> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="./css/test.css" type="text/css" media="all" /> </head> <body> <div class="main"> <div class="test1"></div> <div> </body> </html> CSS —> .main { width: 400px; height: 400px; border: 1px solid black; } .test1 { width: 100px; height: 100px; background: pink; border: inherit; } В примере не наследуется border. Если бы был IE7, вопросов бы не было. Но, у меня IE 8.0/7601.17514, W…

    Asked by sator, April 7, 2016

    0 votes
    1 answer
13. Проблемы с кроссбраузерностью

    В Mozill'e хедер некорректно отображается на странице :c Подскажите в чём проблема. Спасибо!

    Asked by Ghost86421, April 7, 2016

    0 votes
    3 answers
14. Проблемы во всех версиях Safari

    Доброй ночи. Сайт http://l79377d7.bget.ru/ отображается в google/opera/fox/ie - нормально А вот safari (любая версия все беда) 1 - под номером телефона есть поиск в котором не отображает лупу. Вот сиss .search-wrapper { display: inline-block; background: -moz-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -ms-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -o-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -webkit-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); border-radius: 1px; padding: 1px; } .search input { width: 10px; …

    Asked by Tarasenko, April 8, 2016

    0 votes
    1 answer
15. преобразование даты в FF

    помогите пожалуйста разбить строку даты по составляющим пример. в chrome он работает(в консоль выводятся значения), а в firefox он не работает(в консоль выводятся ошибочки)

    Asked by cyklop77, April 8, 2016

    • js
    0 votes
    4 answers
16. вопрос насчет вложенности

    всем привет! верстаю макет в котором есть задний фон (в стилях body) + shadow (который вложен в wrapper прижат к потолку).Когда я добавляю картинку в header то добавляю margin-top и почему у меня едет вниз также shadow .Почему ? Ведь header вложен в wrapper ,почему это влияет на него? я это вопрос решил запихав shadow в body но охото понять почему не получилость с wrapper'ом http://codepen.io/fainberg/pen/oxpMqb?editors=1100#anon-login

    Asked by esoteric, April 8, 2016

    0 votes
    2 answers
17. Подскажите как верстать такие сайты

    Подскажите пожалуйста, как верстать подобные сайты, картинка в шапке имеет ширину 1200px, но ведь сайт должен растягиваться на всю ширину экрана, если шапку растягивать "background-size: 100%", то что делать с блоком который идет ниже (Свежие новости), растягивать его тоже на всю страницу, или по центру 1200px? и картинка растянутая на всю ширину уже становится плохого качества...

    Asked by cruel09, April 9, 2016

    0 votes
    2 answers
18. Независимая ширина меню от родительского элемента

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

    Asked by system1024, April 10, 2016

    • меню ширина
    0 votes
    2 answers
19. underline у Hover

    Привет, убрал андерлайн у ссылок, но все равно маленькое подчеркивание остается(см на пикче). https://jsfiddle.net/aL9cgghf/ вот сам код, верстаю на бутстрапе.

    Asked by exoty, April 6, 2018

    0 votes
    2 answers
20. Подскажите как сделать

    Добрый день, не совсем понимаю до конца как можно сделать такой вот простой элемент http://joxi.ru/bmo0JQ9hMvg6O2 Делаю примерно так: .menu { height: 32px; width: 100%; .menu-img { height: 32px; width: 32px; border: 1px solid; background: #0099cc; } .menu-text { height: 32px; width: 100%; border: 1px solid; } Заранее спасибо Отвечая на свой вопрос: .g{ width: 240px; margin: 0 0 20px 13px; background: #fff; -webkit-box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5); -moz-box-shadow: 0px 0px 1px 1px rgba(182, 182, 182, 0.5); box-shadow: …

    Asked by Bur, April 12, 2016

    0 votes
    0 answers
21. Header заезжает на заголовок

    Дизайнер нарисовал так: Т.е. на фон хедера разместил изображение. И на нём же нужно разместить информацию не из хедера. Если это сверстать это будет выглядеть вот так: Что можно сделать, чтобы выглядело как на макете? http://design.zevs-online.ru/600/

    Asked by yaparoff, April 12, 2016

    • header
    0 votes
    3 answers
22. Помогите разобраться с Less

    Здравствуйте. http://mixertest.pp.ua/ Изучаю основы Less. Написала адаптивную страницу, но при изменении размера окна несколько div сползают в section.comments (screen http://mixertest.pp.ua/image.html). Помогите пожалуйста найти причину.

    Asked by lbuzya, April 12, 2016

    • less
    0 votes
    2 answers
23. Проблема с выездом таблицы за нижние границы

    Не могу понять почему таблица при изменение размера экрана (в данном случае на мобильном устройстве) выходит за границы контейнера? Насколько я понимаю он должен растягиваться. Таблица вставлена как материал в Joomla.

    Asked by SmogHard, April 13, 2016

    • таблица bootstrap
    0 votes
    8 answers
24. Переключатели(радиокнопки)

    Друзья! У меня есть радиокнопка в ссылке. Сам <input> работает нормально, по ссылке переходит. Но когда я задаю для него display: none; , дабы скрыть и с помощью <label> красиво оформить эти кнопки, переход по ссылке уже не происходит, хотя оба тега завернуты в ссылку. Вопрос: как с помощью <label> переходить по ссылке? <li> <a href="{{ page }}/"> <input type="radio" name="point" id="slide1" checked> <label for="slide1"></label> </a> </li> css: .paginator a{ text-decoration: none; } .paginator li{ display: inline; } .paginator label:after { border: 2px solid black…

    Asked by @ртемова, April 13, 2016

    0 votes
    8 answers
25. Вписать видео в размер окна браузера

    Подскажите пож, существует ли способ (в теге <video>) задать размер видео по размеру браузера. Чтобы изменяя размер окна браузера видео оставалось "вписано", при этом масштабировалось и нигде не появлялись пустоты. Вот что у меня максимум получилось: http://romaxprom.by/tmp/video/vd.html Ролик mp4, смотрите в Хроме. Если окно сделать узким, видео уходит вверх, а снизу появляется пустота.

    Asked by multidem, April 13, 2016

    • video
    0 votes
    8 answers