HTML Coding

29,542 questions in this forum

1. PF Beau Sans Pro vs Webkit

   Есть набор шрифтов PF Beau Sans Pro. Шрифты лицензионные со всеми делами и подключены по всем канонам. Разновидности типа Regular, Bold, Light во все браузерах отображаются замечательно. А вот Italic и Light Italic в браузерах на движке webkit никак не хотят заводиться, что латиница, что кириллица. Инспектор хрома показывает, что шрифт как бы подключен, но на деле текст выглядит как Times New Roman. В IE и Firefox все отлично. Шрифты изначально были в формате ttf, даже при подключении этих оригинальных файлов хром игнорирует две эти разновидности. Так что конвертация в другие форматы здесь не причем. Может это косяк самих исходных файлов, возмножно ли такое?

   Asked by Bassline, July 27, 2014

   0 votes
   4 answers
2. проблема с фреймами

   начинаю учить html. в процессе возникла такая ситуация - создал страницу, разбитую фреймами на 3 области (заголовок, слева список и справа основная часть). при переходе по элементу списка в основную часть, как и задумано, загружается отдельное окно. однако, если обновить страницу (ф5 или тыкнуть обновить), то в основную часть автоматически загружается главная страница (та, которая отображается изначально на главном окне). как сделать так, чтобы при обновлении в основной части оставалось то, что я загрузил туда со списка?

   Asked by stas317, July 21, 2014

   • фрейм
   0 votes
   4 answers
3. Добавление mousewheel.js к jQuery UI slider

   Здравствуйте. Никак не могу решить проблему. Есть слайдер сделанный по такому принципу http://jqueryui.com/slider/#side-scroll html <div class="ui-slide-range"> <div id="sliderContent"> <div class="viewer ui-corner-all"> <div class="content-conveyor ui-helper-clearfix"> <div class="item"> <img src="img/item4.jpg" height="152" width="205" alt=""> </div> </div> </div> <div id="slider"></div> </div></div> js $(function() { //vars var conveyor = $(".content-conveyor", $("#sliderContent")), …

   Asked by Нарек, July 22, 2014

   0 votes
   4 answers
4. Как средствами CSS сделать высоту блока больше или равной высоте контейнера?

   Здравствуйте. Задача. Есть: блок с контентом, расположенный в контейнере. Нужно: средствами CSS сделать высоту блока больше или равной высоте контейнера. Т.е. если высота блока с контентом меньше высоты контейнера - сделать высоту блока по высоте контейнера. А если высота блока больше высоты контейнера - так и оставить. Высота контейнера может быть различной, поэтому min-height использовать без ява-скрипта не получиться.

   Asked by S0meT1me, July 25, 2014

   • css высота блока
   0 votes
   4 answers
5. Не центруется надпись, что я делаю не так?

   Хочу с помощью css поменять позицию надписи на странице. Сделал вот так. Нифига не меняется. Что я делаю не так?

   Asked by delahtml, July 25, 2014

   0 votes
   4 answers
6. Подскакивает меню

   Ребятки, прошу помощи. Что-то я вообще с ума сошла. На движке сайт стал делать вот это в меню. На всех страницах оно как положено, ровно и не скачет, например http://www.pereezd-kvartiri.su/ А вот на этой подтянулось вверх http://www.pereezd-kvartiri.su/photo/dachnyi-pereezd.html Как решить эту вещь? Глаза вылазят, не могу смотреть уже.

   Asked by kattiperk, July 28, 2014

   0 votes
   4 answers
7. Какой стандарт SVG использовать в сайтах?

   Какой стандарт SVG использовать для работы с сайтами 1.1 или 1.2?

   Asked by PavelTkachev, July 28, 2014

   0 votes
   4 answers
8. @media min и max width

   Доброго всем! Сделал небольшой примерчик: http://almostman.ru/main/ Задумка такова: 1) При размерах экрана меньше 270px выдавать сообщение о невозможности отображения странички. думаю сделать это с помощью JS чуть позже. 2) При размерах экрана от 270 до 595 px показывать отцентрированные изображения друг за дружкой. 3) При размерах экрана от 596 до 870 px показывать изображения смещённые float-ом влево, по две штуки в ряд. Когда ставлю размер 270, всё нормально. Когда ставлю 595-597, изменений нету, они стоят, как стояли при условии (2). Если поставить @media (min-width587px) and ... то всё какбы срабатывает, но получатся он берёт сразу стили из двух @media и margin по …

   Asked by Tobey, July 28, 2014

   0 votes
   4 answers
9. Баг при hover-эффекте

   Несколько раз уже с таким сталкивалась, почему он возникает и как с этим бороться пока не удалось выяснить. При наведении на кнопку, появляется что-то вроде левого бордера, хотя его там никогда не было. Наблюдается это только в хроме. На скрине кнопки сделаны дивами, еще видела такое с ссылками. В данном примере баг появлялся при задании кнопкам марджин по горизонтали - auto. То есть при центрировании. Может кто-то знаешь, что это такое и как бороться?

   Asked by AlexBes, July 29, 2014

   0 votes
   4 answers
10. Div по центру c position:absolute;

    Столкнулся с такой проблемой,делаю галерею на сайте. При нажатии появляется div с картинкой,и все сделал,но мне нужно чтобы этот div был по центру страницы. Как вы понимаете,для div стоит position:absolute; и z-index; Что делает невозможным выставить его по центру. Прописать margin-left - не получается,т.к. картинки разные по размеру. Вот css для div #conteiner_2{/* фон в гал */width: auto;height: auto;visibility: hidden;opacity:0;position:absolute;z-index:4;border: 2px solid #328efd;background:white;border-radius:25px;-webkit-transition: opacity 400ms,width 400ms,height 400ms,visibility 400ms ;}Вот у меня и возникла проблема,как сделать блок по центру,но при этом чтоб…

    Asked by BeetleJuice541, August 3, 2014

    • Div
    • position:absolute;
    0 votes
    4 answers
11. Верстка выдерживающая масштабирование в браузерах

    Доброго времени суток. Задался проблемой соблюдения правил для верстки, не ломающейся при масштабировании в разных браузерах. Хотелось бы качестве результата темы получить что-то вроде набора правил, придерживаясь которых верстка не будет ломаться при масштабировании в последних версиях популярных браузеров. Интересно услышать мнение как экспертов, так и тех кто уже сталкивался с такой проблемой и выработал навык оформления стилей, не дающих ломаться верстке при масштабировании страницы.

    Asked by Feel, August 7, 2014

    • css
    • верстка
    • кроссбраузерность
    • масштабирование
    • html
    0 votes
    4 answers
12. Как поставить все в центр?

    Заметил одну вещь на сайтах, когда уменьшаешь их в размере, они все по центру остаются, к примеру сайт steam или тот же htmlforum, но только у html растягивается, а на steam он просто уменьшается, посмотрите В общем. Вопрос: как так сделать?Позишн абсолют или фиксед не помогает.

    Asked by RuslanHeYca4ev, August 9, 2014

    0 votes
    4 answers
13. Не работает подсветка синтаксиса notepad++

    Доброго здоровьица, Установил notepad++, включил подсветку штмл, но она работает почему-то не полностью http://imglink.ru/show-image.php?id=7f3077e1708728da1102d7be1d733ccd. Например не подсвечиваются комментарии и многое другое. Контент выделен жирным шрифтом и т.д. Как установить подсветку, которая испльзуется на этом сайте в примерах?

    Asked by Антон82, August 9, 2014

    0 votes
    4 answers
14. Необычные кнопки

    Подскажите пожалуйста как на css сделать?

    Asked by fireman691, August 11, 2014

    • кнопки
    0 votes
    4 answers
15. Неожиданный вертикальный скрол в Chrome и Opera

    Вопрос для знатоков. Есть такая верстка. Вопрос заключается в том почему в Chrome и Opera у элемента с классом "panel" появляется вертикальный скрол-бар. И как от него избавиться. Естественно решение просто убрать overflow: auto не подходит. Тестировал в Chrome 36 и Opera 20.

    Asked by illya_v, August 13, 2014

    • скрол
    • scroll
    • chrome
    • bag
    0 votes
    4 answers
16. Проблема с отступами

    день добрый вот кусок стилей .content .kont{width: 390px;display: inline-block;vertical-align: top;margin:0 px 5px 0 10px;-webkit-box-shadow:0px 0px 8px 1px rgba(0, 0, 0, 0.33);} не могу этому блоку задать margin -top ?ссылка: http://teslalight.com.ua/kontakti/.html по бокам отступы работают, а сверху нет. Подскажите что мешает его сдвинуть? Это код из движка джумлы. могу задавать отступа для этого класса!

    Asked by mrfrunze, August 14, 2014

    • css
    0 votes
    4 answers
17. Почему не появляются границы по бокам?

    Почему, если в параграф засунуть элемент <h2> и потом, для всего этого задать границу, то она появляется частично? А если убрать заголовок, то граница появляется. http://jsfiddle.net/fowhf3r0/

    Asked by DivMan, August 14, 2014

    0 votes
    4 answers
18. Проблема кроссбраузерности

    http://s019.radikal.ru/i621/1408/7c/a45ebf4e39c2.jpg вверху - так как отображает ІЕ: текст нужного цвета, при наведении курсива текст исчезает снизу - хром: текст не исчезает,и текст серого цвета, как правильно писать webkit или подобные штуки..? (я новичек)

    Asked by Alioven, August 14, 2014

    0 votes
    4 answers
19. Проблема с li

    Есть сайт http://texteredsa.besaba.com/ есть 4 пункт контента, как сделать чтобы li флоатились как тут http://s019.radikal.ru/i626/1408/55/4a15afe532ac.jpg ? p.s. верстка кривая

    Asked by WEB-best, August 15, 2014

    0 votes
    4 answers
20. Смайлы

    Ребят, помогите пожалуйста. Я только только прошёл уроки по HTML и CSS и решил создать пробный сайт. Выбор темы упал на сайт со смайлами для статуса в ВК (Пример - http://k-94.ru/emoji/.) Проблема состоит вот в чём: Я прописываю код смайла в свою таблицу (в index.html), но на странице отображается не код, а какие то иероглифы, т .е. браузер переводит этот код в какой то квадратик... Не знаете в чём проблема?

    Asked by Bayyy, August 17, 2014

    0 votes
    4 answers
21. Вопрос про вёрстку формы

    Вот в макете есть форма комментарий, верстальщику её надо сделать полностью рабочей, например, если написать текст и выделить его и нажать на "B", то текст становится жирным или это работа программиста?

    Asked by DivMan, August 17, 2014

    0 votes
    4 answers
22. Не работают стили в IE

    Помогите поправить стили дял IE9, IE9+ - не работает централизация - задний фон на весь екран Web: http://nailart-studio.com/ Css: http://nailart-studio.com/css/style.css http://nailart-studio.com/css/menu.css

    Asked by NOCaut, August 19, 2014

    0 votes
    4 answers
23. В чем может быть проблема

    Здравствуйте. Возникла такая проблема: готовую верстку натянули на CMS Bitrix и теперь, когда входишь в админку, получается этакое: и вот такое: Макет был приобретен и написан на HTML5 и CSS3, используется bootstrap. В чем может быть проблема? Буду рад любым советам и откликам

    Asked by Temiks, August 20, 2014

    0 votes
    4 answers
24. "Прыгает экран", пустота над заголоком скачет

    Даже не понял как правильно описать проблему)). Все страницы одинаковые: <body><div class="block-desk"> <div class="block1x1 orangeblock"></div> <div class="clearblock"></div> </div> <div class="content-desk"> <div class="clearblock"></div> </div> <footer>footer</footer> </body>Основные стили: html, body {height: 100%;font-family: 'Monospace';font-size:14px;text-indent:0;}body {width: 960px;max-width: 960px;background:rgb(65, 64, 66);margin: 0 auto;background: url(../img/greybg.png);}.block-desk {width: 960px;margin: 0;margin-top: 30px;position: relative;background: ur…

    Asked by master-kyk, August 21, 2014

    0 votes
    4 answers
25. пагинатор на jQuery

    Вечер добрый требуется реализовать переход по страницам каталога внутри одной страницы, решил пока не лезть к Ajax, а воспользоваться jQuery - сама панель навигации должна иметь вот такие элементы: вот здесь http://www.webmasters.by/articles/review-po/2538-jquery-pagination-plugins.html искал подходящий плагин, есть более-менее подходящие, но мне нужен именно такой порядок навигационных элементов, плюс оформить сами элементы согласно макету. а какие изменения/доработки вносить в код скрипта, чтобы разместить навигацию именно так - представляю смутно, т.к. в jquery я нуб. по-этому прошу помощи - было бы неплохо получить ссыль на урок, где рассказано, как самому добавлят…

    Asked by orange_juice, August 21, 2014

    0 votes
    4 answers