HTML Coding

29542 questions in this forum

1. Выпадающие меню в теме Slaed и ноль в FF

   Вот сайт http://www.dancehustle.ru на него я сделал тему, пока не до конца доделал, появились 2 проблеммы: 1. Пункт меню Галерея(выпадания только для него нужно) выпадает и не закрывается при отводе мышки, не могу понять почему, вот код меню: HTML <ul id="cssmenu"> <li><a href="index.php">Главная</a> </li> <li><a href="#">О клубе</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> <li><a href="#">Ссылка 5&l…

   Asked by Spamol, November 25, 2009

   0 votes
   28 answers
2. Не работает input radio

   Нужно сверстать переключатели input radio в виде блоков. (Размер M, L, XL, XXL) Изначально при выборе блока, все работало, менялся цвет. Теперь перестало работать и не могу найти причину. Вставляю часть кода в https://jsfiddle.net/ все работает. На локальном и хостинге нет. Ссылка на сайт http://garmoni.inf.ua/Brandly/ в самом низу

   Asked by garmoni, December 4, 2017

   • input
   • radio
   0 votes
   4 answers
3. Расстановка переносов.

   Привет форумчане. А можно ли через css сделать так, чтобы слова переносились с помощью знака переноса? Заранее спасибо.

   Asked by Oliany, November 28, 2007

   0 votes
   17 answers
4. Форум на DIV'ах

   Везде форумы сделаны табличной версткой, а никто не пробавал реализовать это на дивах! Мне кажется гораздо удобней, и по скорости загрузки, и по обслуживанию дизайна! :cool: Как вы на это смотрите? Какие проблемы могут вознинуть?

   Asked by ARA, June 27, 2007

   0 votes
   11 answers
5. Сворачивание меню в Bootstrap

   Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span cla…

   Asked by Тёмик, March 2, 2015

   • bootstrap
   0 votes
   0 answers
6. Помогитеееееееее плз

   Ребятя помогите!!!! Мне нужно узнать код вкладки. Пожалуйста ответьте мне скодом а если не знаете то ненада. Плз помогите

   Asked by TOKIOboy, July 14, 2009

   0 votes
   18 answers
7. Адаптивная верстка и iphone.

   Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.

   Asked by Toleri, November 27, 2015

   0 votes
   13 answers
8. Отступ элементов списка (LI) при обтекании картинки (IMG)

   Список обтекает картинку. Смещаю элементы списка относительно заголовка: img { width: 150px; height: 212px; float: left; margin: 0px 20px 20px 20px; } strong { font-weight: bold; font-size: 100%; } ul { margin-top: 0px; } li { margin: 0px 0px 0px 20px; font-size: 75%; } В Firefox всё выглядит отлично: А вот в IE7 - нет: В чём проблема?

   Asked by Cervus, November 13, 2008

   0 votes
   13 answers
9. SCROLLBAR - прокрутка

   Как в форме убрать горизонтальную прокрутку? Заранее благодарен!

   Asked by iipo, June 18, 2007

   0 votes
   9 answers
10. Эффект лупы на сайте

    Привет, можно ли сделать такой эффект для ссылки? Знаю для галереи можно с помощью jQuery прикрутить, а вот как на картинке можно, сделать для иконки - ссылки ?

    Asked by tr0nik, October 7, 2014

    0 votes
    7 answers
11. Блоки в IE прыгают на новую строку?

    Здравствуйте! Подскажите кто-нибудь пожалуйста? Такой код отображается по разному. В IE блоки прыгают на новую строку, при уменьшении размера окна. Что можно сделать, чтобы они стояли неподвижно? .news{ height: 272px; width:190px; float:left; background-color:red; } .content_menu{ width: 660px; background-color:green; } .text_block{ float: none; background-color:#333; width: 750px; height: 500px;} <div class="news">dfgdgfsd adf ad fasdif aisudfo aiu</div> <div class="content_menu">dfgdgfsd <h1>При уменьшении окна этот блок съезжает вниз.</h1> uhaifu haiufh aiue fau ef</div> <div class="text_block">dfgdgfsd adf ad fasdif a…

    Asked by Victor_One, October 1, 2007

    0 votes
    6 answers
12. Chrome удручает...

    Итак... шапка сайта разбита на таблицу - 4 строки и куча столбцов замысловатым образом. В firefox сайт отображается аки миленький, в хроме капризничает. ФактЪ в том, что надо сайтец подогнать под хром... вотЪ... прилагаю скрины и код: google chrome: firefox: сделал видными границы border="1" код с элементом таблиц: <div align="center"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td colspan="6" width="100%"> <img src="header.bmp" width="100%"> </td> </tr> <tr> <td colspan="6" width="100%"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td width="…

    Asked by laird, September 29, 2011

    0 votes
    11 answers
13. IE7

    Проблема в общем хреновая (, упустил момент теперь надо думать. В ИЕ7 появилась нижняя полоса прокрутки при разрешении 1024 (чего быть не должно.) В ИЕ6 это решалось с помощью #footer, #header { margin: 0 -1px; } Естественно во всех других браузерах все окей. Может у кого есть соображения ? Я понимаю что не телепаты, но может слыхали ? Пока что буду локализовывать проблему (((, встрял ( блин попробывал было быстро решить прописав и для ие7 то же самое не помогло ). Выявил проблемные участки : /*#main1 { position: relative; min-height: 100%; min-width: 999px; } */ /* #header { position: relative; background: url(../img/lentaBottomImage.png) no-repeat 974px …

    Asked by maddogrts, November 14, 2007

    0 votes
    16 answers
14. HTML-редактор с проверкой закрытия тегов

    Всю жизнь на подхвате был IBM WebSphere — удобно было проверять на элементарные ошибки типа не закрытых тегов или кривых вложений. В Windows 8.1 он работать перестал. Поискал — все не то. Повседневный RJ TextEd всем хорош, но вот проверять такие ошибки не умеет. Кто что подскажет, в идеале — из бесплатного. Спасибо =)

    Asked by Artlive, January 7, 2014

    0 votes
    1 answer
15. Зафиксировать ширину таблицы/ячейки

    Как зафиксировать ширину таблицы и/или отдельной ячейки, чтобы контент ее не растягивал? Прописать width="чего-нибудь" не помогает

    Asked by Aryan, September 13, 2008

    0 votes
    2 answers
16. Версия страницы для слабовидящих

    Подскажите, занимался ли кто-нибудь версиями для слабовидящих. Если да - буду признателен за ссылки на примеры своих работ или на источники где можно подчерпнуть информации на русском

    Asked by mongoose, July 23, 2008

    0 votes
    10 answers
17. Расположение блоков друг под другом в несколько колонок

    Привет всем. Не могу понять как сделать так как на скрине скрин http://s50.radikal.ru/i129/1103/96/49082ab6107c.gif Это будут ссылки категорий новостей. У категорий есть подкатегории. Генерация вывода идет через smarty {foreach name=aussen item=news from=$news_data} <div class="block1"> <a href="{$news.LINK}">{$news.TITLE}</a> // категория первого уровня <div class="block2"> {foreach key=key_data item=subnews_data from=$news_data.sub} <a href="{$subnews_data.LINK}">{$subnews_data.TITLE}</a> // категория второго уровня {/foreach} </div> </div> {/foreach} Вот нужно, чтобы все block1 шли друг за другов в три или более к…

    Asked by dropoff, March 23, 2011

    0 votes
    4 answers
18. Не работает onclick в опере

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

    Asked by Колос, November 17, 2008

    0 votes
    9 answers
19. iframe height %

    Здрасте! Как заставить ифрейм растягиваться по высоте ячейки? Без явы. <!DOCTYPE html> <head> <style type="text/css"> body { margin:0; padding:0; width:100%; height:100%; position:absolute; } </style> </head> <html> <body> <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="green"> <tr height="100px"> <td> </td> </tr> <tr> <td bgcolor="yellow"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td> </tr> <tr height="…

    Asked by bioz00, March 29, 2011

    0 votes
    10 answers
20. Растянуть div на высоту body, вычтя высоту header

    Всем привет. Необходимо растянуть body на высоту страницы, а вложенному диву с контентом задать высоту: body минус высота header. Если я делаю так <html> <body> <header></header> <div id="#content"></div> <body></html>html, body, #content {height:100%;}то высота #content увеличиваеся на высоту header. Хотя, может быть, я вообще не в ту сторону смотрю. Исходный сайт — s1a.ru; нужно растянуть контейнер #gk-main на всю высоту страницы. Сейчас же на Главной и на страницах, где мало контента, внизу по бокам появляются белые полосы.

    Asked by vkapas, May 11, 2014

    0 votes
    9 answers
21. Подскажите: как сделать в CSS такое?

    Здравствуйте, подскажите как можно сие реализовать посредством CSS: 1) Заглавная буковка другим цветом - РЕШЕНО 2) Оранжевая полоса - НЕ РЕШЕНО

    Asked by werdi, February 16, 2008

    0 votes
    18 answers
22. div блок по центру

    как сделать этот блок по центру CSS: * { margin:0; padding:0; } #form_comment { border:2px solid #333; color:#333; font:14px bold Verdana; position:absolute; padding:5px 10px; margin:20px; } #form_comment * { margin:4px auto; } .enter_email { width:200px; border:1px solid #707070; } .enter_message { width:400px; border:1px solid #707070; } .enter { width:150px; height:30px; float:right; text-transform:uppercase; } HTML: <div id="form_comment"> <form action="#" method="post" name="addcom"> <p>Ваш email:</p> <p><input name="email" type="text" class="enter_email" /></p> <p>Ваше сообщение:</p&…

    Asked by AndreyT, February 13, 2010

    0 votes
    30 answers
23. Как выровнять div по правому краю без float!

    Привет, форумчане! Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования. Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination: http://joxi.ru/gmvjVqJuM9XQma Для вложенного блока установил свойство 'display: inline-block'. Пробовал сдвинуть с помощью text-align - не помогло И margin'ы тоже не выручают. Что посоветуете? Заранее спасибо!

    Asked by Antoshka007, February 9, 2015

    • float
    • div
    • right
    0 votes
    13 answers
24. 3 колонки, шапка, подвал - контент вверху html (после шапки)

    Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…

    Asked by LeoStanlik, June 1, 2008

    0 votes
    2 answers
25. Трехколоночная верстка на DIV'ах

    Всем привет! Помогите пожалуйста решить проблему с версткой: <!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=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {margin:0; padding:0;} h1 {font-size: 20px; font-weight:normal;} h2 {font-size: 18px; font-weight:normal;} h3 {font-size: 16px; font-weight:normal;} h4 {font-size: 14…

    Asked by DeNSpb, July 29, 2009

    0 votes
    4 answers