HTML Coding

29,542 questions in this forum

1. Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, используя Fon

   Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, через Font Squirrel, вставляю код, в Опере и Хроме все работает, а Мозилле и ИЕ почему-то не хочет. Знаю, что в мозилле иногда случается такая проблема, что это связано с их политикой безопасности и в таком случаи нужно прописывать полные пути к шрифтам, я это и делаю, но все равно нужный шрифт не отображается. В чем причина не подскажите? Вот ссылка на верстку. P.S Версткой начал заниматься относительно не давно (4 мес.) поэтому если что не так не пинайте Блин, накосячил с названием темы, а как отредактировать не понятно...

   Asked by vit_master, July 30, 2013

   • font-face Mozilla
   0 votes
   1 answer
2. Помогите настроить слайдер

   Здравствуйте. Выполняю тестовое задание на верстку. В числе элементов страницы есть и относительно простой слайдер на Jquery. Я выполняю его по уроку, найденному здесь: http://heavenweb.ru/delaem-prostoy-slayder-na-jquery В идеале должно получиться примерно так как здесь: http://allins.ru/ Я полностью скопировал приведенный на HeavenWeb код, только имена объектов, естественно, поменял на свои. К сожалению, код работает не полностью: кнопки переключения не подсвечиваются, как должны и по стрелкам слайды не переключаются. Кроме того, после подключения js-кода, на картинки с кнопками накладываются сверху еще такие же картинки. В firebug'е убираю background-image - подсветк…

   Asked by ermolaevai, November 6, 2013

   • jquey слайдер
   0 votes
   4 answers
3. Не понимаю как подключить шрифт на cssdeck

   Подскажите как подключить шрифт Myriad Pro регуляр? Вот код http://cssdeck.com/labs/ddyud6j5 А вот ссылка на шрифт https://www.dropbox.com/s/5fhc2qftpjlubxw/MyriadPro.ttf Подскажите решение! Спасибо!

   Asked by Temik2704, November 12, 2013

   0 votes
   4 answers
4. Вопрос про background-image

   Почему, если картинку сделать фоном, с помощью свойства background-image, то она показывается, а если убрать слово image, то фон не показывается? Ведь background это сокращённая запись, так почему браузер это не понимает? http://cssdeck.com/labs/srcuojfw В HTML на 9 строке, добавьте к свойству background " -image ".

   Asked by DivMan, June 9, 2014

   0 votes
   8 answers
5. PopUp - окно

   добрый вечер, нашел пример PopUp - http://jsfiddle.net/p7NbX/15/ у меня вопрос почему в примере работает, если перенести к себе в нодпад ++, он не работает (копирую все верно!!!) , подскажите в чем может быть причина! я не знаю джава срипт, может в нем кроется подвох. Спасибо..

   Asked by mrfrunze, August 21, 2014

   0 votes
   9 answers
6. Всплывающая подсказка не умещается в блоке

   Пациент: http://demo.imatte.us/fomru/messages.html Проблема: Как пофиксить?

   Asked by posthack, September 18, 2014

   0 votes
   2 answers
7. Полоса отображаемая только в Firefox

   Всем привет Помогите не знаю как убрать белую полосу между блоком шапки и блоком меню: (Только в Firefox так, в остальных браузерах этой полосы нет) http://www.mbav-websites.xyz/site/designprog/

   Asked by Bava, January 10, 2016

   0 votes
   2 answers
8. Ребята подскажите как выровнять сайт?

   Сайт сделан в джумла. В верстке не силен. Просьба подсказать как и по какому пути выровнять сайт по центру! Использую FireBug и не могу понять, где верстать. http://reklamarulit.ru/

   Asked by Рекрул, January 30, 2016

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

   Здравствуйте. Я совсем-совсем новичок в верстке. Сейчас изучаю сайт webremeslo.ru, учебник по html и понемногу экспериментирую с кодом. Пытаюсь разобраться в теме навигационные карты и оформить меню сайта таким способом. Первая кнопка получилась, а две другие никак не получается сделать кликабельными. Если не трудно, посмотрите кусок кода, в чем моя ошибка? <center> <img src="menu.jpg" usemap="#menu"> </center> <map name="menu"> <area shape="rect" coords="2,2,118,118" href="primer.html" alt="Главная" title="Главная"> <area shape="rect" coords="122,122,204,204" href="primer2.html" alt="Автор" title="Автор"> <area shape="rect" coor…

   Asked by htmlученик, November 29, 2016

   0 votes
   2 answers
10. Проблема со слайдером при отдалении

    Вот слайдер в обычном разрешении А вот если отдалить страницу Как это исправить? Ниже предоставлен весь код слайдера. И кстати, использую CMS IPS 4.1.18.2 Скрытый текст .wrapper { height: 290px; position: relative; width: 940px; margin-bottom: -10px; } .slider { background-color: #ddd; height: inherit; overflow: hidden; position: relative; width: inherit; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .wrapper > input { display: none; } .slides { height: inherit; position:…

    Asked by Haspid, June 22, 2017

    0 votes
    6 answers
11. Посмотрите пожалуйста ситуацию

    Как мне разместить эту фигуру на два сэкшина одновременно?

    Asked by Czar_dmitriy, April 29, 2021

    0 votes
    1 answer
12. Список и отступы.

    Меню на сайте сделано списком. Ссылкам в списке указан padding-left и padding-top. При просмотре в браузере: влево ссылки подинулись, а отступ от верха не сделали. Почему так?

    Asked by top-top, May 12, 2009

    0 votes
    3 answers
13. Трабла с overflow

    Здравствуйте, помогите пожалуйста. Почему overflow не обрезает лишний текст ? Задан блок фиксированной высоты и ширины. Для него заданы паддинги сверху и снизу. Текст который внутри блока игнорирует паддинги и отображается, а обрезается только по границам самого блока. В коде ниже пробовал ввести дополнительный div. Не помогло. <div id="si_txt"> <div>.. МНОГО-МНОГО ТЕКСТА..</div> </div> заданы стили: #si_txt { background-color:#F5F7F9; float:left; height:115px; line-height:120%; overflow:hidden; padding:15px 40px 15px 17px; width:405px; } #si_txt div { overflow:hidden; } Вот оригинал: http://tri4.ax3.net/akado_ural/akado-ural.html

    Asked by warobushek, April 26, 2010

    0 votes
    3 answers
14. Каталог

    Здравствуйте. Имеется вот такой недоделанный сайт: http://happyclouds.spb.ru/ Требуется создать каталог: http://happyclouds.spb.ru/premium.html Вопрос: как автоматизировать (ускорить) создания каталога? PHP? CMS? Начала создавать вручную - получается долго и муторно. Заранее всем спасибо за ответы

    Asked by _elf_, September 25, 2010

    0 votes
    1 answer
15. Проблема с кнопкой.

    Здравствуйте, товарищи. Возникла одна сложность, хочу спросить мнение: создаю кнопку, меняющую цвет. использую <a href="ссылка" onmouseover="document.pm1.src='картинка_1'" onmouseout="document.pm1.src='картинка_2'"> <img src="картинка_2" name="pm1" ></a> при этом хочу, чтобы ссылкой была не вся картинка, а только часть. Пытаюсь для этого использовать навигационную карту: <map name="karta1"> <area href="ссылка" shape="rect" coords="10,10,160,140"> </map> и теперь не знаю, куда подставить "usemap="#karta1", чтобы работало. Пытался подставить в разные места - эффекта никакого.

    Asked by онотоле, December 23, 2010

    0 votes
    4 answers
16. Слой лезет поверх вышестоящего

    Подскажите пожалуйста, в чем проблема. bottom лезет на main. Вот код: <div class="main"> <div class="content"> ТУТ ВСЕ <!-- end .content --></div> <div class="rightcolumn"> ТУТ ПРАВАЯ ЧАСТЬ <!-- end .content --></div> <!-- end .main --></div> <div class="bottom"> <!-- end .bottom --></div> .main { width: 1080px; border: solid #fff 1px; padding: 1px 0px 0px 0px; } .content { float:left; border: solid #F00 1px; width:828px; } .rightcolumn { float:right; border: solid #000 1px; width:248px; } .bottom { width: 1080px; height:40px; border: solid #0F0 1px; ba…

    Asked by antonzol, May 11, 2011

    0 votes
    1 answer
17. Разъезжается содержимое блока

    <style type="text/css"> #text { width: 580px;} </style> </head> <body> <div id="text"><p> 22222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222 </p> </div> Содержимое блока вылазит за его пределы, как сделать что бы о…

    Asked by Udyr, July 6, 2011

    0 votes
    3 answers
18. Автоматическое создание якоря по заголовкам

    В word-е есть такая функция как "Оглавление и указатели", с ее помощю можно создать авто содержания по заголовкам. Далее это все можно сохранить в html виде, в итоге получится у нас документ с проставленными якорями по заголовкам, но word-е это делать плохо так как много мусора, может есть другие программы, или,или.. которые могли бы в таком автоматическом режиме проставить якоря?

    Asked by hopest, August 17, 2011

    0 votes
    4 answers
19. Книга по html

    Доброго всем времени суток. Какую посоветуете книгу по изучению html?

    Asked by Gotafak, September 28, 2011

    0 votes
    6 answers
20. Проблема с сайдбарами

    Добрый вечер. Уважаемые форумчане, поделитесь, пожалуйста опытом. В первый раз сталкиваюсь с проблемой. Такая задача. Три колонки, левый и правый сайдбары фиксированной ширины, средний-резиновый. Необходимо, чтобы все три колонки были равной высоты, т.е растягивались одинаково в зависимости от контента в средней части. Вроде бы не проблема, куча решений в сети есть (например, сайдбары - определенного цвета границы средней колонки). Все работает замечательно. Но у меня сайдбар должен получаться из эластика, то есть из повторяющейся по вертикали картинки. И предложенный способ не работает для такого случая. Не знаю, как решить проблему. Верстаю дивами. Помогите!

    Asked by chapai, December 4, 2011

    0 votes
    4 answers
21. Позиционирование фонового изображения

    При задании позиции фонового изображения оно просто исчезает. Какую ошибку я допустил?

    Asked by Klaus, January 11, 2012

    0 votes
    3 answers
22. Как бы это отцентрировать вертикально

    Здравствуйте. Посоветуйте пожалуйста, как отцентрировать здесь вертикально относительно изображения с "?" слова "Вопросы" и " 2 Subcategories" Если например делать таблицей div с классом parent_left и применять vertical-align:middle для блока со словом "Вопросы", то блок с классом parent_right(2 Subcategories) уходит на следующую строку...

    Asked by borus, June 16, 2013

    0 votes
    9 answers
23. Помогите z-index

    Почему красный не перекрвает зелёный? z-index задал вроде правильно!Получается вот так http://mepic.ru/view/?id=c0936491def5d858001c54a643eccc24 , а нужно наоборот.Подскажите что не правильно! ВОТ КОД <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> .feature_img { background:#F00;/*КРАСНЫЙ ЦВЕТ*/ height:100px; width:170px; z-index:1; } .content_background{ background:#699;/*ЗЕЛЁНЫЙ ЦВЕТ*/…

    Asked by zlatan, June 17, 2012

    0 votes
    2 answers
24. ine-height и единицы измерения (продолжение)

    Я уже создавал тему с подобным вопросом - http://forum.htmlbook.ru/index.php?showtopic=39156&st=0&p=276197entry276197 И мне дали вполне понятный ответ. Но вот сегодня меня кое-что опять загнало в тупик. Итак, возьмем тот же код http://jsfiddle.net/usfe/u8TCq/2/ При использовании у body line-height просто число пересчет line-height для абзаца происходит после наследования(то есть наследуется 28px шрифта и умножается на 1). А в случае EM перерасчет происходит ДО наследования, то есть эта 1 умножается на 16 пикселей от body. НО! Если теперь 1EM прописать для <p> то итоговый line-height внутри абзаца, как можно догадаться, станет именно 1*28, хотя по той логик…

    Asked by USF, December 2, 2012

    0 votes
    4 answers
25. Цветовая гамма

    Хотелось бы объективной оценки не слишком ли темные цвета я выбрал? http://voidblog.net63.net Опыт верстки полторы недели, так что не судите строго

    Asked by JessyStorm, December 23, 2012

    0 votes
    3 answers