HTML Coding

29542 questions in this forum

1. Бэкграунд для меню

   Здравствуйте. Вот пытался найти способ, чтобы сделать такое же меню как на сайте Кинокопилка, но у меня ничего не получилось. Искал довольно упорно и долго, но видать что-то не так делаю. Т.е. мне нужно, чтобы при наведении на пункт меню (a:hover) он выделялся каким нибудь цветом. Я знаю как это сделать через бэкграунд, но у меня длина выделения разная, в зависимости от названия пункта меню. Выделяется только до конца последней буквы. А мне нужно, чтобы во всех случаях выделение было равномерным. И опять же на сайте Кинокопилка, после того как перешёл по какому-нибудь пункту из меню, его этот пункт остаётся выделенным. Можно ли эти 2 вещи осуществить посредством CSS и H…

   Asked by Dezmont, July 11, 2010

   0 votes
   4 answers
2. Нужна помощь по выпадающему меню

   Добрый день! Есть готовое выпадающее горизонтальное меню (2-х уровневое). Появилась необходимость добавить третий уровень вложенности. Подскажите, как это делается. Спасибо! Вот код css: #nav, #nav ul { list-style: none; margin: 0; padding: 0; border: 0px solid #000; background: none; float: left; width: 100%; } #nav li { float: left; position: relative; background: none; } #nav li ul { display: none; position: absolute; background: #2B4173; padding: 8px 0; width: 138px; } #nav a { text-align:center; text-decoration: none; display: block; width: 105px; padding: 4px 0px; background: none; } #nav a:hover { color: #99CCFF; …

   Asked by julie83, October 13, 2010

   0 votes
   10 answers
3. Проблема с плагином IE6

   Добрый вечер, сейчас верстаю один макет (в верстке недавно). Возникла проблема закругления углов, решил использовать JS (jquery.corners), но в IE6 при нечетной высоте возникает вот такая проблема: Может кто знает решение?

   Asked by Faradey99, October 25, 2010

   0 votes
   4 answers
4. разнае свойства элементов списка, помогите!

   Друзья, я уже голову сломала. Есть список типа ul li: <ul class="menu"> <li class="item3"><a href="#"><span>blahblah</span></a></li> <li class="item8"><a href="#"><span>blahblah</span></a></li> <li class="item16"><span class="separator">блабла</span></li> <li class="itemn"><a href="#"><span>blahblah</span></a></li> </ul> Надо у того li, внутри которого спан класса "сепаратор" сделать особые свойства - потолще его сделать, верхний и нижний отступ ему побольше, чтобы выделялся визуально. Классы пункта списка выдаются дина…

   Asked by Rozhki_, November 9, 2010

   0 votes
   7 answers
5. Заданы границы ячеек для одной таблицы, но они присутствуют на всех таблицах.

   Сайт сделан табличной версткой. В одной из ячеек присутствуют 2 таблицы (друг за другом). Второй таблице присвоен класс <table class="znachki"> CSS выглядит так: .znachki { width: 100%; /* Ширина таблицы */ height: auto; /* Высота таблицы */ text-align:center; } TD, TH.znachki { border-collapse: collapse; /* Убираем двойные границы между ячейками */ border: 1px solid #CCCCCC; /* Параметры границы ячеек*/ } ВОПРОС: почему класс znachki применяется ко всем таблицам? /*удалим отступы и маркеры в ненумерованном списке, зададим ширину пунктов меню */ ul { margin: 0; padding: 0; list-style: none; list-style-position: inside; widt…

   Asked by Mintaya, November 12, 2010

   0 votes
   4 answers
6. Добавление текстуры

   Решил на фон положить текстуру. В Люстре у макета стоит серый фон. Добавляем эффект текстуры. Возникает вопрос — как теперь это переложить на html? Да, вопрос простейший, но что ж, столкнулся впервые)) Задача первая. Вариант сделать весь фон картинкой с текстурой огромных размеров и засунуть в bg с обрезкой через overflow. Но не скажутся ли такие размеры на скорости? Просто делать фон под стандартные размеры экранов и ставить репит вообще не алё, как и просто продолжать серым фоном… Задача вторая. Вариант сделать небольшой кусок и пустить через репит. Но вопрос у меня. Есть ли оптимальные или стандартные размеры такого куска? Вообще, по-моему часто встречались 32*32… И пр…

   Asked by alexandr_v-vich, April 18, 2012

   0 votes
   18 answers
7. Как сделать пустой div невидемым

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

   Asked by berg12, November 29, 2012

   0 votes
   6 answers
8. Проблема hover на Ipad при скролинге

   Есть меню, в котором подпункты появляются по hover. Если в Ipad промотать немного, то на том месте, где было меню срабатывает hover. Странное поведение и не понятно почему. Кто сталкивался с такой проблемой?

   Asked by freialex, March 13, 2014

   • ipad hover
   0 votes
   4 answers
9. Dashed линия для заголовка. Как сверстать?

   Здравствуйте, уважаемые форумчане! Подкиньте пожалуйста идею, как сверстать такой вот заголовок, чтобы было гибко (не зависело от текста): ссылка на картинку

   Asked by ya_verstaka, January 19, 2016

   0 votes
   8 answers
10. Баг в хром 61 версии. Inline-block

    При дефолтном шрифте в 16 px, между блоками inline-block 4px отступа. Имеем такую верстку: Результат в хром версии 61: Отступа между псевдоэлементов before - inline-block который у нас в ширину в 1px и и первым блоком нету, но отступ должен быть! но если в хроме, в панели разработчиков, в DOM, у псевдоэлемента before выключить display: inline-block и включить, то станет нормально отображаться, попробуйте) пример: а вдругих браузерах сразу корректно отобразится что думаете на сей счет ? такой косяк с отступом проявляется только с псевдоэлементом inline-block и только в хром с большущим подозрением…

    Asked by SnowSilver, October 5, 2017

    • bug
    • inline-block
    0 votes
    10 answers
11. 2 viweport для страницы (или аналогичный эффект)

    Дизайнер клиента придумал такой креатив. Есть 2 макета страницы - мобильный вид (320 px) и десктопный (1440 px). По его задумке, на устройствах до портретной ориентации планшетов должен показываться мобильный вид. Т.е. открываем на ipad в портретной ориентации - видим на весь экран мобильный вид. Открываем на десктопе или ipad в ландшафтном положении - видим десктопный. При этом нет адаптива - оно всё должно просто zoom-иться (как будто я неадаптивный сайт смотрю с указанным для него viewport) - т.е. на упомянутом ipad страница уменьшается чтобы вписаться в устройство. Такое вообще реализуемо? Два viewportа прописать, понятно, нельзя. Менять его от @media - тоже. Можно,…

    Asked by sdanilas, February 13, 2018

    • адаптив
    • viewport
    0 votes
    3 answers
12. Проблема со свойством overflow - в IE+Opera идет, в Firefox - нет

    Добрый день. Такой вопрос: есть страничка (сильно упрощенный код ниже), поделена на три больших . Середина должна скролиться, если сожержимое уходит ниже. Проблема в том, что в Internet Explorer и Opera работает, а в Firefox нет. Поиск по форуму дал много результатов, но именно зависимость от браузера - такого не нашел. Модет кто поможет идеей? Спасибо. Код: ............ <table width="100%" cellspacing="0" cellpadding="0" summary="" style="height: 100%;"> <tbody> .......... <tr> <td width="14%" style="vertical-align: top; background-color: rgb(228, 250, 255);"> МЕНЮ </td> <!-- эта часть не скролится в firefox --> <td w…

    Asked by waldicom, August 3, 2008

    0 votes
    1 answer
13. ff 3.5.1 в ul остается маркер после указания list-style-type: none;

    Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры. html <ul class="navigation"> <li>Главная</li> <li>Программа</li> <li>Услуги</li> <li>Клиенты</li> <li>Контакты</li> </ul> css #header .navigation { float: left; width: 1004px; color: #787878; padding: 0; margin: 0; } #header .navigation ul { list-style-type: none; padding: 0; margin: 0; } #header .navigation li { float: left; margin: 0; padding: 0; } У кого ещё такие проблемы были? Как решать? Нашел проблему. Если указываешь #header .navigation ul, то Ope…

    Asked by Вадим, July 23, 2009

    0 votes
    4 answers
14. Div вёрстка и css

    Не понимаю что "Не Так". Должны быть две картинки с логотипом, ксс на дивах отличаются только позиционированием, z индексом и тем что один класс, а другой ид. Помогите... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> div#logo {url(img/LOGO.gif); Z-INDEX: 1; relative; top: 100px; left: 100px; right: 100px; bottom: 1300px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible; } div.button { BACKGROUND-IMAGE: url(img/LOGO.gif); Z-INDEX: 2; relative; top: 100px; left: 300px; right: 100px; bottom: 1100px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible;} BODY …

    Asked by StereoFear, February 21, 2010

    0 votes
    6 answers
15. форма и 2 кнопки

    как реализовать, чтоб при нажатии одной был переход на одну страницу, а при нажатии другой возвращался на эту же?

    Asked by sc@r@bey, April 9, 2010

    0 votes
    6 answers
16. Как разделить форму на три, но при этом вернуть сумму этих форм ?

    Как было и работало: Код. <!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"> <body> <tr> <td> <form action="print.php" method="post" > <tr> <td align="right">Введите (Ф.И.О.):</td><td><input name="fio" type="text" size="70" maxlength="70" /> </td> </tr> <tr> <td ><input name="print" value="Послать" type="submit" /> </td></tr> </form> </td></tr> </body> </html> Нужно сд…

    Asked by Ма ков А ту, December 1, 2010

    0 votes
    8 answers
17. IE снова "радует"

    Как же я уже замучался с этим IE. Все браузеры как браузеры, а этот... Четвёртый день мучаюсь. Надеюсь тут есть умные люди (не как я). Ссылка на сайт: http://tdplay.ru Ссылка на CSS: http://tdplay.ru/wp-content/themes/book/style.css У меня два в одном, так сказать. Во первых, основная часть сайта (правая колонка) сдвинута влево, вплотную к сайдбару. В других браузерах после увеличения ROOT.lefBottom { width: 820px; } изменения вступают в силу (колонка сдвигается вправо). IE никак не реагирует. Во вторых, в постраничной навигации, внизу сайта, не показывается нижняя часть рамки у каждой из цифр. Это плагин для Word Press и тут у меня вообще никаких вариантов нет. Буду очен…

    Asked by madflash001, December 18, 2010

    0 votes
    11 answers
18. Как создать список в виде... (см. в сообщ.)?

    Всем доброй ночи/дня/вечера и хорошего настроения. Помогите, пожалуйста(!), состряпать список в виде (не мАгу отыскать): 1. ссылка 1.1 ссылка 1.2 ссылка 1.3 ссылка 2. ссылка 2.1 ссылка 2.2 ссылка 3. ссылка 3.1 ссылка ну и т.д.

    Asked by copyright, November 13, 2011

    0 votes
    10 answers
19. Зафиксировать (совместить) слои с фоновой картинкой

    Доброй ночи, Возникла проблема с совмещением кучи мелких слоёв и фоновой картинки. Вот пример При наведении курсора на белую плашку с номером корпуса здание на фоновой картинке "подсвечивается". Если разрешение монитора 1366*768, то всё смотрится хорошо. Если разрешение менять в большую или меньшую сторону, то белые плашки съезжают со своих мест. Фоновая картинка растягивается под размер монитора. Как зафиксировать белые плашки, чтобы они оставались на своих местах вне зависимости от разрешения монитора? Помогите, пожалуйста, решить проблему. Заранее благодарю откликнувшихся.

    Asked by slo_nik, April 17, 2015

    0 votes
    23 answers
20. Склеить два элемента

    Помогите советом. Как склеить два элемента? код нижнего: .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; } Скриншот приложил. Заранее спасибо

    Asked by serjdjio, August 19, 2016

    • блоки
    0 votes
    2 answers
21. Свой шрифт(из интернета)

    Здравствуйте, я бы хотел использовать пиксельных шрифт на сайте, скачал его из интернета, но не понял как использовать его. Интернет обсёрфил, не нашёл. Помогите пожалуйста.

    Asked by Frogg, June 9, 2019

    • шрифт
    • свой
    • интернет
    • css
    0 votes
    1 answer
22. default для всех свойствкласса

    приветствую. скажите, плиз, если свойство в css которое, в свою очередь, отменяет все наследуемые параметры в дефолт? к примеру имееться такая структура ... <div class="holder"> ... <div class="holder"> ... etc... ... </div> ... </div> смотреть и ручками обнулять наследуемые свойства как-то слишком... может есть что-то более радикальное?

    Asked by klierik, October 12, 2007

    0 votes
    3 answers
23. Свойства и атрибуты в DOM

    Будте добры, киньте ссылку на хороший мануал(русский) с максимально полным описанием всех свойств и атрибутов объектов HTML страниц. Нужно для того, чтобы динамически их менять, добавлять, убирать. В частности нужно у тега свойство display:none(на)block менять.

    Asked by Alexey_GoroH, January 5, 2008

    0 votes
    2 answers
24. проблема

    Здравствуйте, у меня есть такая проблема: Значится есть 3 блока 2 по краям(для рамки) один по середини чистый у него задана ширина и белый фон в него из базы выводится текст, проблема в том что текст может быть разной величины и поэтому не хочется задавать этому блоку высоту ну чтобы он растягивался зависимости от обьема текста собственно это он делает великолепно, но по бокам есть 2 дива у них прописан бг и маленькова кусочка шириной 18px высотой 1px и хочется чтобы этот кусочек повторялся по всей высоте главного блока, а он не как не хочет повторятся без задания высоты… http://s61.radikal.ru/i174/0811/82/2ce78ed25139.jpg

    Asked by stars, November 8, 2008

    0 votes
    3 answers
25. Z-index в IE6

    Работает во всех браузерах, кроме IE6. В IE6 фон меняется местами с контентом. Может, кто сталкивался с проблемой? сайт http://lemali.ru

    Asked by Koshak, December 30, 2008

    0 votes
    1 answer