HTML Coding

29542 questions in this forum

1. Замена input (checkbox или radio) на button с передачей значения

   <input type="checkbox" name="manufacturers[]" value="<?php print $v->id;?>" <?php if (in_array($v->id, $manufacturers)) print "checked";?> onclick="document.jshop_filters.submit();"> <?php print $v->name;?> Есть такой инпут, нужно из него сделать кнопку или ссылку. И что бы передавалось значение. Можно через JS. Кто подскажет решение?

   Asked by SWoz, September 16, 2012

   0 votes
   1 answer
2. Список выбора города

   Здравствуйте, уважаемые. Столкнулся с проблемой, необходимо сделать вот такой список. То есть при клике на надпись "Выбрать город" справа, должен вылетать вот такой список. Причем над хэдором. Подскажите рецепт решения.

   Asked by scr1pt, September 16, 2012

   0 votes
   1 answer
3. Как правильно сверстать активный пункт меню?

   Привет, собственно вот скриншот того, что я хочу сделать: Как видите, кнопка Home имеет фон и вот эту вот "галочку". Фон идет картинкой; естественно, что при попытке "подложить" эту картинку под, например, Business выглядит это не комильфо. Можно, конечно, сделать такую картинку для каждого пункта навигации, но это не лучший вариант. И у меня вопрос, как это правильно сделать, да так, чтобы выглядело нормально при любой длине слова?

   Asked by novickOk, September 16, 2012

   0 votes
   2 answers
4. Представление javascript-кода как текста

   Приветствую. Разрабатываю игровую статистику, которая отображает ники онлайн-участников серверa Столкнулся со следующей проблемой: Решил проверить догадку, поставив в игре никнейм <script>alert('xss')</script> Что не заставило себя долго ждать выполнив яваскрипт и отобразив сообщение. <table width=250> <tr> <th>Никнейм</th> <th>Сервер</th> </tr> <tr> <td><script>alert('xss')</script></td> <————— вот тут и получаем "сюрприз" <td>TeamSpeak</td> </tr> <tr> <td>HunteX</td> <td>CS:GO</td> </tr> </table> Помогите решить проб…

   Asked by huntex, September 16, 2012

   0 votes
   1 answer
5. Вопрос по Math.sqrt и Math.Round в JS

   Есть такое выражение: r0 = Math.round(Math.sqrt(x*x+y*y)*100)/100; При выводе выдает NuN вместо результата. В чем ошибка?

   Asked by Feel, September 16, 2012

   0 votes
   4 answers
6. Како класс используется

   Добрый день уважаемые форумчане, не судите строго, прочитал FAQ ответа не нашел на свой вопрос. Скажите какой класс используется в такой записи? И для каких целей такая запись используется? <div class="forum-breadcrumb forum-breadcrumb-top"> текст </div>

   Asked by Zircool, September 16, 2012

   0 votes
   1 answer
7. проблемы с размерами

   есть сайт, при уменьшении браузера, сайт превращается в кашу, помогите плиз http://borodino-ru.1gb.ru/

   Asked by ikutin, September 19, 2012

   0 votes
   7 answers
8. различная длина страница в разных браузерах

   Добрый вечер, уважаемые форумчане! Я никогда не занимался версткой, но недавно попросил о помощи человек, которому невозможно отказать. Вроде бы все отредактировал, все хорошо, но возникла такая проблемка: есть три страницы, длина которых отражается по разному в разных браузерах. Точнее во всех нормально, кроме фф (в нем страница короче). При этом первая страница http://vista-edu.ru/galery.html отображается во всех одинаково, вторая - http://vista-edu.ru/buh-nalog.html - короче в фф пикселей на 200 (на глаз), третья - http://vista-edu.ru/buh-basic.html - пикселей на 400. Буду очень благодарен, если сможете подсказать как ее решить.

   Asked by Паштет, September 17, 2012

   0 votes
   6 answers
9. Пропорции изображения при изменении размера окна браузера

   На сайте skazka18.ru есть слайдшоу, оно сделано с помощую указания картинки в: <div class="slider-img" style="background:url(/assets/templates/main/img/img-puziri.jpg) no-repeat center top;"> благодаря этому картинка при изменении ширины окна браузера остается по центру и остается с необходимыми прпорциями (высота не меняется, ценрирование по центру, картинка не сужается). Вероятно будет правильней сделать картинку с помощью <img src=""/> и размещать ее внутри <div> и не использовать style="background:url(...) no-repeat center top;". Но что бы я не пытался использовать (задавал ширину 100%, высоту 500 пх, задавал явные размеры картинки) требуемый ре…

   Asked by senty, September 17, 2012

   0 votes
   9 answers
10. Фото галерея

    Доброго времени суток коллеги! Стоит задача сделать гламурный сайт для фотографа в стиле Wordpress, но только на своём движке. Суть заключается в следующем, что позиционирование фотографий нужно сделать вот так: http://pavelparshin.ru/portfolio-item/beauty/ Но без явы! Тупо, подобное позиционирование. на деле у меня выходит не шибко-складно. http://81.200.25.57/dot/templates/gallery (это опытный образец галереии) CSS: #gallery { margin:0 } #gallery .photo { width: 240px; min-height: 156px; max-height: 383px; display: inline; } #gallery img{ width:240px; vertical-align: top; margin:0 25px 25px 0; } #gallery img.expand:hover { opaci…

    Asked by oscora, September 20, 2012

    0 votes
    7 answers
11. настройка htacess

    Стоял редирект с lidomed.com.ua на алиас parkes.org.ua в htaccess. Теперь я удалил этот редирект, но в опере и хроме редирект остался. Как это исправить? AddDefaultCharset windows-1251 RewriteEngine on #RewriteCond %{HTTP_HOST} ^www\. #RewriteRule ^(.*)$ http://lidomed.com.ua/$1 [R=301,L] RewriteCond %{THE_REQUEST} /index\.php RewriteRule ^index.php$ http://%{HTTP_HOST}/ [R=301,L] RewriteCond %{THE_REQUEST} /index\.html RewriteRule ^index.html$ http://%{HTTP_HOST}/ [R=301,L] RewriteCond %{THE_REQUEST} /lechenie\.html [OR] RewriteCond %{THE_REQUEST} /contacts\.html [OR] RewriteCond %{THE_REQUEST} /opisanie\.html [OR] RewriteCond %{THE_REQUEST} /diagnostika\.html Rewri…

    Asked by apexis, September 18, 2012

    0 votes
    0 answers
12. Выпадающее меню Superfish v1.4.8

    Доброго времени суток! Собственно, САБЖ. Есть менюшка Superfish v1.4.8. Есть Wordpress. При открытии длинного выпадающего меню, часть его прячется под другие блоки. Подскажите, что и где нужно подкорректировать, чтоб поверх всего отображался выпадаюзий список. CSS прилагается: /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ background: #101f25; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu l…

    Asked by vit-rnd, September 17, 2012

    0 votes
    4 answers
13. Вопрос по flexbox

    Здравствуйте! Кто имел дело с flexbox? Не могу понять одну вещь... Свойство box-flex устанавливает пропорции в родительском окне. Однако оно устанавливает МИНИМАЛЬНЫЕ пропорции. Есть ли способ сделать так, чтобы эти попорции (т.е. ширина или высота дочерних окон) были в то же время и максимальными? Можно ли как-либо сделать это не прибегая к width и height (процентные значения которых всё равно не работают во flexbox)? Если нет, то зачем тогда этот flexbox нужен?

    Asked by Ithilgwau, September 17, 2012

    0 votes
    0 answers
14. Выпадающий текст

    1. Необходимо на странице, где мы хотим сделать выпадающий текст разместить небольшой скрипт: <script> function collapsElement(id) { if ( document.getElementById(id).style.display != "none" ) { document.getElementById(id).style.display = 'none'; } else { document.getElementById(id).style.display = ''; } } </script> 2. В том месте где должна быть ссылка с выпадающим текстом размещаем следующий код: <div><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow">Текст ссылки</a> <div id="identifikator" style="display: none"> <p>Текст текст текст текст</p> </div> </div> Вопрос, что надо пр…

    Asked by Kosmat, October 18, 2012

    0 votes
    2 answers
15. подскажите с чего начать?

    Хочу сделать приблизительно вот такой сайт. Верстать умею, но не знаю как сделать его так что бы было удобно потом наполнять и редактировать. Подскажите пожалуйста с чего начинать?Есть предположение что нужно как то синхронизировать с CMS? но как - понятия не имею.

    Asked by olechic, September 17, 2012

    0 votes
    5 answers
16. что-то с текстом

    Привет всем!) Вот я тут верстанул немного и столкнулся с проблемой с текстом Текст(под заголовком Aliquam Etiam Tempus во втором столбце) отображается немного не так (криво как-то, и он длиннее) по сравнению с оригиналом. Я пробовал разные свойства, такие как letter-spacing, word-spacing, чтобы исправить эту кривоту, но не вышло.. Из-за этого не получается кроссбраузерно вставить этот второй синий разделитель.(можно, конечно, установить height для блока, содержащего этот текст, но я читал в книге, что этого лучше не делать) Хотя в ie6, ie7 текст отображается точно как на макете) подскажите, можно ли что-нибудь сделать, чтобы они стали идентичными? сайт, картинка макета, с…

    Asked by Bava, September 17, 2012

    0 votes
    6 answers
17. Проблема с меню на css

    В общем суть заключается в том, что я пока ещё новичёк в этом деле и уже второй день как не могу правильно сделать позиционирование в sub_menu, все элементы li в нём отображаются в строку, но не как не получается отоброзить li списком. <ul id="menu"> <li> <a href="#">Пункт 1</a></li> <li> <a href="#">Пункт 2</a> <ul id="sub_menu"> <li> <a href="#">Под Пункт1</a></li> <li> <a href="#">Под Пункт2</a></li> <li> <a href="#">Под Пункт3</a></li> <li> <a href="#">Под Пункт4</a></li> …

    Asked by wendstor, September 18, 2012

    0 votes
    4 answers
18. Некоторые браузеры не видят шрифты

    Здравствуйте. Столкнулся с такой проблемой, когда подключаю шрифт через такую конструкцию @font-face { font-family: aglettericacondensed; src: url(../fonts/aglettericacondensed.ttf); } мозила его не видит, а опера видит но не все. вот что в хроме вот что в опере вот что в мозиле

    Asked by Pato, September 18, 2012

    0 votes
    2 answers
19. Прозрачный указатель

    Привет. Подскажите как верстают подобные прозрачные указатели на активную ссылку?

    Asked by ghrd, November 1, 2012

    0 votes
    5 answers
20. кнопка скрытия элемента

    Написал скрипт закрытия элемента. Можно его упростить? <script type="text/javascript"> <!-- function Сlose() { var cl = document.getElementById('idd'); return cl.style.display = "none"; } //--> </script>

    Asked by apexis, September 18, 2012

    0 votes
    3 answers
21. помогите с подвалом и меню

    вот подвал нужно что бы текст был по серидине вот меню нужно поправить код и сделать чтобы меню было по серидине

    Asked by xenux58, September 17, 2012

    0 votes
    4 answers
22. Прогресс бар

    Перейдем сразу к делу - хочу сделать полоску, вернее блок, в котором будет написано количество пользователей, в данный момент использующих фтп, например так - [ 32/80 ], квадратные скобки показывают сам блок, они не будут использоваться, хотя это не имеет значения. Я хочу сделать так, что бы по мере заполнения доступных слотов менялся фон блока, то есть заполнялся как прогресс-бар и если пользователи уже заняли почти все или все место, то менялся цвет с зеленого на красный. Проблема в том, что у меня не получается придумать как это реализовать, допустим есть какая-то переменная, в данный момент она равна 32. Сделать смену цвета - дело пары секунд, а вот как сам прогр…

    Asked by Warrangie, September 21, 2012

    0 votes
    0 answers
23. Верстка кнопок одинаковой высоты

    Необходимо сверстать 4 кнопки одинаковой высоты в столбик с помощью CSS3. Блок, в котором находятся кнопки ограничены по ширине. Проблема возникает, когда текст кнопки не вмещается в заданную ширину и переносит текст. Необходимо, чтобы надписи на кнопках были центрированы по вертикали (по горизонтали тоже) при заданной высоте, т. е. чтобы если текст кнопки переносится на другую строку, высота при этом не увеличивалась. Делаю так. В моём примере высота увеличивается. <ul> <li><a href="" class="button"><span>Текст</span></a></li> <li><a href="" class="button"><span>Текст</span></a></li> <li&g…

    Asked by artwalek, September 18, 2012

    0 votes
    0 answers
24. вертикальное меню html сайта с разделами

    Как создать вертикальное меню html сайта с разделами и чтобы в них были много страницы с статьями? И нумерация была страниц более одной (в разделе), как это реализовано в ворлдпресс и других смс. Только на языке html Например есть код: <ul class="vertical-menu"> <li><a href='/раздел1/' class='button'>Сайтостроение</a></li> ... </ul> <li><a href="#1" title="Главная">Главная</a></li> ... </ul> Какую ссылку подставлять под /раздел1/, или #1" title. Или просто вставлять новые ссылки (статьи) в соответствующий разделу (#1, #2,) документ html. Хочется чтобы было красиво и более автоматически, а не…

    Asked by dao742, September 18, 2012

    0 votes
    7 answers
25. Таблица с горизонтальным скролингом

    Есть таблица: <table style="width: 100%;"> <tr> <td style="width: 28%; min-width: 200px;"> SOME DATA </td> <td> <table> TABLE DATA </table> </td> </tr> </table> В вложенной таблице ширина и количество данных не известно и поэтому может не уместится в ширину. Хотелось бы чтобы прокрутка была не страницы, а ячейки первой таблицы. Как такое можно сделать? Спасибо за помощь.

    Asked by deevil, September 18, 2012

    0 votes
    7 answers