HTML Coding

29542 questions in this forum

1. list-style-image те отображается

   Господа подскажите пожалуйста,почему в моем случае не отражается list-style-image?Даже обычный list-style не отображается.В чем проблема? Верхний правый список из 2х элементов. http://cssdesk.com/EGQUa

   Asked by Temik2704, November 19, 2013

   0 votes
   5 answers
2. background origin

   http://jsfiddle.net/Y3yJL/ Мне нужно, чтобы граница кнопки не находилась на оранжевом цвете - она должна получиться сероватой за счет прозрачности. По идее этот вопрос должен был решить background-origin, но не решил. ?

   Asked by Zverushka, March 1, 2014

   0 votes
   3 answers
3. неправильно настроил анимацию

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

   Asked by cyklop77, July 15, 2014

   • jquery
   • css
   • html
   0 votes
   4 answers
4. Баг в IE при использовании капители

   Мне нужно сверстать ссылку вот такого вида: http://jsfiddle.net/h58gq1kr/2/ Если удалить точку перед словом «сам», то оно становится на одну линию с «летает». При наличие точки в IE «.сам» ниже на 1 пиксел. Можно ли решить эту проблему иначе, чем созданием отдельного стиля для IE с другим значением line-height?

   Asked by PavelTkachev, January 27, 2015

   0 votes
   10 answers
5. Как разместить абзац под картинкой?

   Слева фотка блюда, справа текст с описанием рецепта под фоткой надо сам рецепт пошаговый. ранее я делал отступы просто br br br... или <p></p><p></p><p></p> сейчас переделываю под адаптивный вариант.. надо как-то это поправить. <p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>Что прописать, чтобы было такого вида результат: <p>картинка</p><p>Введение</p><p>Рецепт</pКак это делается? пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ. Но картинки в высоту ра…

   Asked by nikki4, April 1, 2015

   0 votes
   3 answers
6. Выделение первого символа четного элемента

   Подскажите, как в списке выделить первый символ четного элемента. <ul class="menu"><li><a href="/">Home</a></li><li><a href="about.php">About</a></li><li><a href="projects.php">Projects</a></li><li><a href="blog.php">Blog</a></li><li><a href="contact.php">Contact</a></li><li><a href="search.php">Search</a></li></ul>ul li a:nth-child(even)::first-letter{ color: #fff;}не получается таким образом выделить.

   Asked by Kempanchik, October 6, 2015

   • css
   • html
   • псевдоклассы псевдоэлементы
   0 votes
   2 answers
7. Не работают ссылки в плавающем фрейме

   Здравствуйте. Я начинающий в html, да и в программировании в целом, однако, мне эта сфера очень интересна. Суть страницы: список ссылок с полезными страницами. Проблема такая: Есть список ссылок на страничке, и они должны открыться в плавающем фрейме на этой же странице, однако, при клике выдается пустой квадрат. Отмечу, что часть ссылок работает нормально. Текст фрейма: <iframe align="right"; scrolling="yes"; width="80%"; height="800"; name="useful">Содержание</iframe> Тег <frameset> не используется. Проблемная ссылка: <p><a href="http://htmlbook.ru/samhtml/tekst/spetssimvoly"; target="useful";&…

   Asked by WhiteRaven, April 6, 2018

   0 votes
   0 answers
8. Бутстрап, меню, адаптивность

   Добрый день. Есть сайт cubcadet-parts.ru. Добавил в меню еще один пункт - сломалась адаптивность. На средних экранах меню вместо того чтобы становиться компактным выпадающим скрытым под иконкой, переносится на другую строку. Шаблон едет ((( https://screenshots.firefox.com/1zDw6EL61Y5rMoVE/cubcadet-parts.ru Понимаю, что проблема с бутстрапом и параметром @media, но никак не могу исправить. Меню прячется под иконку лишь на экранах менее 768 пикс. А мне надо 992 пикс. Но как это сделать я так и не понял. Помогите, кто сможет. Заранее спасибо!

   Asked by dron, June 20, 2018

   0 votes
   0 answers
9. display: none не работает на хостинге

   Здравствуйте! http://nds.nika-llc.pw/ Проблема следующая. Друг попросил адаптировать под мобильные устройства сайт. Все работает, НО: На главной странице есть заголовок, который масштабируется. И на маленьком экране просто исчезает. Я решил сделать просто: сделать скриншот экрана и добавить его вместо текста, который не получается масштабировать. Логика такая: на большом экране текст работает, видео фоном тоже. На маленьком экране видео и текст отключаются (display: none), и вместо них включается изображение (скриншот) текста вместе с фоном. Работает на опере, на хроме почему-то нет. Я уже голову сломал, не понимаю. У кого есть какие мысли? <div i…

   Asked by set34, October 16, 2018

   0 votes
   0 answers
10. Фиксация заголовка таблицы - использование flex

    Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…

    Asked by sky-sky, October 8, 2018

    0 votes
    0 answers
11. Проблемы с текстом

    Здравствуйте, подскажите пожалуйста как быть когда при резиновой верстке не перестраивается текст, в макете задан определенный шрифт, но когда начинаю верстать под мобильные или планшеты устанавливая шрифт макета текст перестраивается в 2-3 строчки , а в макете в одну ? . Заранее спасибо!

    Asked by vka986, July 17, 2019

    • не перестраиваеться текс
    0 votes
    1 answer
12. Не работает макет сайта.

    Привет всем. Занимаюсь версткой совсем недавно. Прочел тему, что если сделать один блок с width: auto; и margin-left: 200px; а второй с фиксированным width: 200px; и float: right; то будет хороший макет с фиксированной колонкой справа и "резиновой" колонкой справа. Однако это почему-то не работает... Дивы накладываются друг на друга... А должны идти друг за другом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя</title> <style> .div1{ border: 4px solid black; width: auto; margin-right: 200px; } .div2{ float: right; width: 200px; border: 4px solid black } </style> </head> <bod…

    Asked by Ваалентин Семенович, August 17, 2020

    0 votes
    1 answer
13. Единый блок <div> для всех станиц

    В CSS мы например делаем файл со всеми параметрами стилей file.css ( например) и ссылаемся на него со всех страниц. Таким образом меняя какой то параметр в этом файле, изменения происходят на всех страничках. Можно ли сделать, чтобы какой то блок <div> "лежал отдельно" как и файл CSS со стилями? Чтобы когда его редактируешь, менялся он и на остальных страницах.....Надеюсь вы меня поняли.

    Asked by LBM, March 14, 2009

    0 votes
    3 answers
14. Незнаю как сверстать

    Всем доброго времени суток! Ребят помогите уже все перепробовал не знаю что делать как сделать такое подскажите пожалуйста http://imageshost.ru/links/ec42fc2364f5bbb63c1b95a691569db9 а то я что не попробую все в разные стороны разъезжается и коряво получается

    Asked by WaxArt, April 24, 2010

    0 votes
    2 answers
15. Создание 3D эффекта.

    Итак, потребовалась ваша помощь, Верстаю сейчас макет, мне необходим ваш совет. У меня есть два блока, причем один вложен в другой. Как мне создать КРОССБРАУЗЕРНЫЙ эффект "приподнятости" на дивом-ролителем? Вот код блоков: <div class="parent"> <div class="child"> lorem ipsum dolor sit amet </div> </div>

    Asked by htmlonline, February 4, 2011

    0 votes
    6 answers
16. Возможно ли убрать скрол у textarea

    Возможно ли убрать скрол у textarea. сабж. Скажем отменить так же как в iframe

    Asked by ultimatum, August 10, 2011

    0 votes
    1 answer
17. Убрать увеличение длины элемента при увеличении font-weight

    имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…

    Asked by pav8909, January 14, 2012

    0 votes
    4 answers
18. Верстка меню

    есть меню, элементы расположены горизонтально <ul id="topmenu"> <li><a href="#">Главная</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Блог</a></li> <li><a href="#">Акции</a></li> <li><a href="#">Контакты</a></li> </ul> Никак не могу написать css код чтобы меню было на всю ширину (допустим 100% при резиновой верстке) и расстояние между элементами было одинаковое. http://jsfiddle.net/4V3eq/ - тут элементы к левому краю прижимаются, а надо чтобы первый к левому краю, последний к правому краю, а остальные элементы между …

    Asked by sympler, January 19, 2012

    0 votes
    3 answers
19. валидация формы

    можно ли к такой форме добавить валидацию полей? или нужно что-то исправлять? не работает ни один плагин для валидации? в чем может быть проблема? <body> <a href="#tab_id" id="hr" class="ss">Please, Click me</a> <form action="..." method="..." name="order-form" "> <div class="tabs" id="tab_id"> <ul class="tabNavigation"> <li><a class="firstTab" href="#first">Вход</a></li> <li><a class="secondTab" href="#second">Регистрация</a></li> </ul> <div id="first"> <a href=""><img src="img/Close.gif" alt="альтернативный текст" / id="close"&…

    Asked by olechic, June 11, 2012

    0 votes
    4 answers
20. Как получить доступ к jquery в другом скрипте?

    Собственно решил вынести все скрипты за пределы страницы. Возникла проблема. Мне бы хотелось использовать библиотеку jquery в свое скрипте. Что я должен сделать для этого?

    Asked by Feel, September 15, 2012

    0 votes
    3 answers
21. Помогите с верстой меню

    Помогите разобраться. Есть меню - выглядит оно следующим образом: А в IE оно отображается так: В style.css меню описано так: #mainmenu{ background-image:url(images/bg-mainmenu.gif); background-repeat:no-repeat; width:920px; height:39px; position:relative; } #mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;} #mainmenu ul li{ float: left; padding:10px 0px 9px 0px; color:#ffffff; background-image:none; position:relative; left: 52px; overflow:hidden; border-right:1px solid #f4f4f4; border-style: dotted; } #mainmenu li:first-child { border-left:1px solid #f4f4f4; border-style: dotted; } #mainmenu ul li a, #mainmenu ul li a:visited…

    Asked by Aleksey_k, December 6, 2012

    0 votes
    5 answers
22. Смена на нормальный шрифт

    Asked by jaster, February 20, 2013

    • шрифт
    0 votes
    1 answer
23. Практика Резиновой Верстки Сайта

    Не знаю в каком разделе спрашивать,может отзывы сказать о данных видео-уроках, очень интересует мнение, просмотрел один код с видео урока, мне он показа не очень... http://nnm-club.ru/forum/viewtopic.php?t=598811&sid=50418401fd82eee96ec6b3ec8ec9f5de

    Asked by Paranoik, March 31, 2013

    0 votes
    4 answers
24. Нужен макет для мобильной версии сайта

    Доброго времени суток! Есть ли у кого нибудь макеты под мобильные версии сайтов - любых!?

    Asked by ohinem, March 26, 2013

    • мобильная версия
    0 votes
    0 answers
25. Вопрос по таблице

    Добрый вечер. Прошу извинить, если вопрос не там создал. Создаю большую таблицу. Проблема в том, что высота некоторых ячеек больше относительно других ячеек. Проще говоря, вот код (в правой части ячейки выше ячеек из левой части): <table id="mtab" cellspacing="0" cellpadding="0" border="1" style="min-width: 350px; max-width: 2500px; padding: 5px; font-size: 10pt; height: 100%; overflow-x: auto;"> <thead style="height: 10%;"> <tr> <td width="1%" rowspan="3">N</td> <td width="6%" rowspan="3">чЙДЩ ЪБЗПМПЧЛПЧ Ч</td> <td width="1%" rowspan="3">ззз</td> <td align="center" width="auto" colspan="12">рПФТЕВОПУФЙ ПУОБУФЛ…

    Asked by maksimka, October 30, 2013

    • table td tr rowspan colspan
    0 votes
    3 answers