HTML Coding

29542 questions in this forum

1. А зачем вообще нужен id?

   Заметил, что многие люди структуру странички делают так: шапка - id, content - id, footer - id, остальные дивы в классах. Это делается просто для подчёркивания уникальности этих блоков? или в другом причина?

   Asked by angel12, April 18, 2011

   0 votes
   26 answers
2. rel="bookmark" - реальная польза использования?

   хочу задать общественности вопрос - есть ли реальная (скажем, поисковая) польза использования параметра rel="bookmark" для ссылок в контентной части документа? сайчас перехожу с джумлы на WP, постоянно встречаю там этот параметр у ссылок заголовков. не могу взять в толк - зачем он?

   Asked by nicothin, May 6, 2008

   0 votes
   2 answers
3. mce_href

   Здравствуйте. Подскажите пожалуйста что это за параметр и для чего он. Уже неоднократно встречаю его в теге <a> а понять для чего он не могу Спасибо

   Asked by Katrin°, November 1, 2008

   0 votes
   10 answers
4. изменение цвета фона активной ссылки

   Добрый вечер! Есть меню, в нем 6 кнопок. Цвет меню, предположим черный. Текст кнопок белый. При наведении курсора мыши на кнопку меню, цвет background-color выделяется зеленым цветом. Вопрос: как сделать так, что бы не только при наведении курсора мыши на кнопку менялся ее цвет, но и активная кнопка была всегда зеленой. В прикрепленном изображении на кнопку "Главная" наведен курсор мыши. Если я его убираю и перенашу, например, на кнопку "О нас", то кнопка "Главная" стоновится опять черной, даже в том случае, если данный момент активна Главная страница. Мне необходимо прописать что бы активная кнопка была всегда выделена зеленым цветом. Вот пример HTML кода: <u…

   Asked by Sotnya, April 20, 2013

   0 votes
   9 answers
5. HTML разметка по методологии БЭМ

   Доброго времени суток! Осваиваю верстку по методологии БЭМ. Не совсем понятно как делать HTML разметку. Как я понимаю нужно именовать классами все теги и при этом все блоки состоят из элементов, дальше все элементы состоят из блоков, далее эти блоки состоят из элементов, далее эти элементы состоят из блоков и так далее? То есть непонятно как определить где блок а где элемент, согласно вложенности? Вот так например правильно? http://codepen.io/Andre_w/pen/EaLVJW?editors=100 Правильно я понял разметку по БЭМ или не совсем?

   Asked by Andrew_007, February 22, 2015

   • БЭМ
   • BEM
   0 votes
   4 answers
6. Как перечеркнуть текст крест-накрест?

   Здравствуйте! Как можно перечеркнуть текст крест-накрест. В интернет-магазинах так часто перечёркивают старую цену. Backgroud не устраивает - меняется геометрия, находится сзади текста, не во всех браузерах работает корректно. Есть какие-то хитрости?

   Asked by Torawhite, May 19, 2015

   0 votes
   2 answers
7. что сделать чтобы в меню меню отключить перенос слов или расширить меню?

   2 длинных слова в пункте меню переносятся. вижу два выхода: либо запретить перенос слов в меню, либо расширить и зафиксировать само меню... подскажите как реализовать плиз.... вот код заранее признателен!!! /**** author - rgb(raduga) http://mambasana.ru ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size : 12px; color : #00000…

   Asked by vovchikku, October 1, 2008

   0 votes
   7 answers
8. Переносятся элементы в div'е при сужении окна.

   Здравствуйте. В диве находятся 3 горизонтальных дива. У всех float:left. При уменьшении размера браузера самый правый элемент переносится на нижнюю строку. Как этого избежать? Сделать типа nowrap.

   Asked by Flake, December 12, 2008

   0 votes
   12 answers
9. Две формы на одной странице

   Здравствуйте. Помогите с советом, сам не знаю как сделать. На странице есть форма обратной связи методом post. Код формы: <form name="sentMessage" id="contactForm" novalidate> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Представьтесь..." id="name" required data-validation-required-message="Пожалуйста напишете своё имя."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Ваш Email...…

   Asked by 35th, March 19, 2015

   0 votes
   15 answers
10. Вывод данных в <select>.</select> из БД

    Доброй ночи. К примеру есть таблица. В ней поле status. На странице сайта выводится таблица и в ней тоже есть поле status. В этом поле в форме я делаю выпадающий список тегом <select> для изменения статуса: <select name="status"> <?php $a = 'новый'; $b = 'выполнен'; $c = 'в очереди'; ?> <option value="<?=$a?>"><?=$a?></option> <option value="<?=$b?>"><?=$b?></option> <option value="<?=$c?>"><?=$c?></option></select>После выбора статуса, нажав кнопку Сохранить, в БД поле status меняется на значение, выбранное в <select> на сайте. Вопрос такой: как сделать чтобы…

    Asked by Rusl, June 15, 2015

    0 votes
    6 answers
11. SCROLLBAR - прокрутка страниц - общие вопросы

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

    Asked by travis, June 6, 2006

    0 votes
    5 answers
12. Нестандартные шрифты на холсте Canvas.

    Всем привет. Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом: Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.) (Не используя картинки!) Можно ли как то задействовать в этом плане сервис Cufon? Если да - то как именно? (Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?) Возможно существует какая то альтернатива в этом плане? P.S. Заранее благодарен за ответ..

    Asked by Yamaradg, March 22, 2013

    0 votes
    51 answers
13. Как НЕ закрывать при клике на оверлей (overlay)

    На http://red-book-cms....-bootstrap.html увидел пример модального окна. Но при клике на оверлей окно закрывается. Автор не отвечает уже 2 недели. Может кто подсказать? Начало: <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="http://yandex.st/jquery/1.8.3/jquery.min.js"></script> <script src="js/bootstrap-transition.js"></script> <script src="js/bootstrap-modal.js"></script> Конец: <!-- Кнопка по нажатию на которую будет показано окно: --> <a data-toggle="modal" data-target="#mayoOkno" class="btn btn-primary">Показать модальное окно!</a> <!-- Модальное окно: --> <div id="mayoOkno" cla…

    Asked by denis.poligon, May 27, 2013

    • jquery
    0 votes
    1 answer
14. Xml, Xslt

    Использует ли кто-нибудь в качестве основного шаблонизатора [xml-XSLT]? Есть один вопрос.

    Asked by LokiDi L0ck, August 26, 2008

    0 votes
    15 answers
15. a: active - не работает

    Доброго всем! Подскажите, вот такой код #menu li a:hover, #menu li a:active { color: #AF1515; background: url(../images/menu.gif) no-repeat center bottom; } нужно что бы при наведении на ссылку и при нажатии на нее был один и тот же рисунок, тоесть пользователь нажал на "главная" - рисунок на ссылке "главная", нажал на другую - рисунок на ней a:hover работает, а вот a:active - не хочет

    Asked by volonter, November 16, 2009

    0 votes
    33 answers
16. Элемент div как ссылка

    Всем привет. Меня попросили скопировать дизайн сайта дизайнерской мебели, сайт сделан во flash, я делаю его в HTML.Вот ссылка на этот сайт Я решил начать с меню, вернее с подменю - блоки с ч/б фото, при наведении указателя на которые они становятся цветными, это мне удалось реализовать, но как сделать так что бы весь блок был ссылкой? Вот мой дэмо сайт где вы можете посмотреть то что получилось и посмотреть код. И вообще правильно ли поступил засунув фото в div ? может правильне было таблицу сделать?

    Asked by Alexey_Balu, October 6, 2012

    0 votes
    10 answers
17. min-height не работает

    Вот нашол решение #element { min-height:925px; height:auto !important; height:925px; } И не работает этот "хак" в мазиле и в IE 8 (в других не пробовал), хотя где хак был написано, что проблемы только в 6 версии в последующих всё нормально. в опере норм, работает. доктайп стоит XHTML 1.0 Transitional, да если поставить HTML 4.01 проблемы вообще не будет, но думаю лучше XHTML 1.0, потом может пригодиться.

    Asked by SoFuWa, January 13, 2010

    0 votes
    7 answers
18. знак бесконечности в тексте

    Как вставить знак бесконечности в текст? когда я копирую его из Ворда в notepad++, то он заменяется на знак вопроса.

    Asked by xchea01, October 24, 2007

    0 votes
    6 answers
19. Как закрепить кнопку к краю экрана?

    Всем большой привет! Подскажите, пожалуйста, безумно красивой девушке как закрепить кнопку "Оставить свой отзыв" в нижнем правом углу экрана? Спасибо за внимание!

    Asked by MarinaMarina, June 3, 2013

    0 votes
    5 answers
20. Вёрстка писем, бэкграунд

    Можно сделать html письмо с картинкой на бэкграунде (и текстом поверх картинки), что б нормально работало и отркывалось везде? (Outlook, The bat, mail.ru) Может кто встречался. Я пробовал с помошью стилей, делал бэкграунд у таблицы, но ни 1 способ не работает везде, бэкграунд таблицы не работает например в Outlook и The bat.

    Asked by SoFuWa, December 29, 2009

    0 votes
    15 answers
21. Спойлер без JS

    Доброго времени суток! Знаю что иду по пути не самому простому, но другого решения нет, проблема такая: нужно сделать спойлер без использования скрипта, т.е html+css. Вторые сутки мучаюсь, нашла вот что: HTML: <div class="spoil"> <div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElemen…

    Asked by wetta, September 28, 2010

    0 votes
    25 answers
22. Стиль шрифта

    Собственно крупные шрифты приходиться делать в фотошопе и сохранять png и пофиксиным вставлять! А как сделать чтобы в css был параметр который смягчал обрубленность краев границ букв, если например выводишь так стиль: #font { color: #8c8c8c8c; font: 12pt Trebuchet MS, Verdana; text-decoration: none; }

    Asked by okunev2, January 20, 2008

    0 votes
    39 answers
23. span как ссылка

    есть участок кода <a href="index.htm"> <span class="cage" style="cursor: pointer"></span> </a> .cage { background: cccccc; width: 20px; height: 20px; padding-left: 5px; display: inline-block } проблема в том, что в осле квадратик отображается идеально, в опере очень плохо (именно потому, что ссылка, как я понял), в фаирфоксе вообще не отображается... в чем соль?

    Asked by VampaOdinn, September 26, 2007

    0 votes
    8 answers
24. практика вёрстки

    Ребята, подкиньте пожалуйста мне какой интересный и в тоже время не самый трудный шаблон для тренировки. хочу попробовать свои силы)) заранее спасибо)) ах да и ребята, прошу вас подскажите такую деталь, вот ты видишь картинку сайта, что нужно сделать прежде начать верстать?? то есть на что нужно обратить внимание в первую очередь. прошу вас в виде: 1) ... 2) ... 3) ... спасибо)

    Asked by egrom92, February 18, 2014

    0 votes
    5 answers
25. Горизонтальный список с overflow-x: scroll

    День добрый. Я, как всегда, с нубо-проблемой В общем задача следующая, сделать нужно что-то типа "карусели", но средствами html+css. Если более подробно, то... Есть плоский список (float: left; list-style: none), внутри каждого элемента списка ссылка внутри которой картинка с подписью под ней... <ul> <li> <a href="#"> <img src="" alt="" /> </a> <a href="#"> Text </a> </li> ... </ul> так вот, допустим я помещаю этот список в контейнер шириной 400px и высотой 100px (overflow-x: scroll)... далее хочу видеть плоский список своих картинок, но, если ширина списка больше 400px должна появиться горизонтальная полоса прокрутк…

    Asked by AKyHuH, January 29, 2010

    0 votes
    14 answers