HTML Coding

29,542 questions in this forum

1. Как пользоваться тегом <main>

   Хочу применять в сёрстке тег <main> и не могу понять как его применять правильно. Из описания я понял, что это тег для основного и уникального контента для данной страницы. Но как тогда его использовать с тегом <article>, ведь в нём данные контент должен также находиться? Что-то на подобии: <main> <article> <h1></h1> <time></time> </article> </main> Так? И должен ли тег <h1> быть внутри <article>?

   Asked by PavelTkachev, November 14, 2014

   0 votes
   33 answers
2. как сделать такой бордер?

   всем привет как можно реализовать такой бордер чтоб слева сверху такой был? http://jsfiddle.net/d8L9oj8n/19/ или эт надо картинкой прикручивать уголок этот ?

   Asked by tr0nik, November 13, 2014

   0 votes
   4 answers
3. Проблемы с прыгающим меню

   Приветствую всех.Помогите пожалуйста.Мне нужно сделать обычное горизонтальное меню с 4-мя ссылками.Расстояние между ссылками должно быть строго 50px и при наведении мышки на пункт меню текст должен становиться жирным(а:hover{font-weight:bold}).Проблема в том,что из-за "font-weight:bold" и установленного "паддинга" в 50 px между тегами "li" меню начинает смещаться.Мне нужно,чтобы остальные ссылки были неподвижны.Как это сделать?

   Asked by Dimacik, November 14, 2014

   0 votes
   6 answers
4. Как правильно верстать такие макеты...

   Всем привет! Подскажите пожалуйста, как верстать макет ширина которого больше 1024px ? Вычитал что сайт должен нормально смотреться во всех стандартных разрешениях от 1024 независимо от ширина в psd.

   Asked by xsladfs, November 16, 2014

   0 votes
   9 answers
5. Ограничение размера текста в div

   Как сделать, чтобы в конце невлезающего текста ставилось многоточие? На сайте написано, что для этого блок должен иметь overflow: auto, scroll или hidden. Но почему тогда не работает этот пример? http://jsfiddle.net/waegtL15/

   Asked by saltukkos, November 16, 2014

   • div
   • overflow
   • css
   0 votes
   1 answer
6. wordpress и Filezilla

   Решил ознакомиться с CMS и остановился на wordpress, но так как я новичок в этом деле не смог даже установить его. Решил попробовать filezilla, но не смог сделать настройку под локальный сайт. Посоветуйте как запустить filezilla или, если есть, другой способ установки wordpress на сайт. Спасибо

   Asked by diktor13, March 11, 2014

   • wordpress
   • filezilla
   • помощь
   • cms
   0 votes
   8 answers
7. Как разделить фото на две колонки?

   Здравствуйте, подскажите как разделить фотографии на две колонки? У меня стоит так. Хотелось бы видеть так.

   Asked by Гром, November 16, 2014

   0 votes
   10 answers
8. Валидатор ругается

   Добрый день. Подскажите пожалуйста кто-нибудь мне ответ. Проверяю свой сайт http://www.smplast.com/ на сервисе http://validator.w3.org/, вижу что есть ошибки, но не знаю куда мне теперь нужно зайти чтобы их исправить. Я делала сайт с использованием шаблона, поэтому плохо знаю структуру + я только учусь.

   Asked by Ira_Ira, November 16, 2014

   0 votes
   5 answers
9. Почему Mozilla FireFox отображает шрифты шире чем все остальные браузеры

   Доброго времени суток, я начинающий верстальщик, и я всегда сталкиваюсь с одной проблемкой, практически любой шрифт если он на английском отображается шире в Firefox чем в Google Chrome, то есть если написать какую нибудь строку на английском то он будет гораздо шире в Firefox чем в Chrome, и наоборот если это русский текст то тут уже в Firefox текст короче чем в Chrome и вторая картинка с английским текстом я понимаю что это всё не так критично просто хочется чтобы шрифты отображались одинаково во всех браузерах.

   Asked by Special One, November 16, 2014

   • шрифты в mozilla
   • верстка
   0 votes
   5 answers
10. Чёртов <!DOCTYPE> всё портит!

    Сверстал себе обычную, ничем не примечательную страничку. В ней есть таблица. Для этой таблицы выставлено CSS-свойство: height: 100%;То есть, высота таблицы выставлена "на полную мощность" - на всю высоту документа. Вся эта благодать работает ровно до того момента, как я добавляю в начало документа тег: <!DOCTYPE HTML>который просто-напросто обрезает мне высоту таблицы до высоты содержимого. И теперь, чтобы изменить высоту таблицы, я должен объявлять её абсолютными величинами (в пикселах, дюймах, метрах или километрах – как угодно, но уже не в процентах). Объясните мне, пожалуйста, что происходит?

    Asked by parzhitsky, November 16, 2014

    • html
    • doctype
    • table
    • height
    0 votes
    1 answer
11. Изобрести youtube?

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

    Asked by RuslanHeYca4ev, November 16, 2014

    0 votes
    8 answers
12. Адаптивная верстка: использование принципов Bootstrap, но без него

    Задача сверстать адаптивный сайт. Практического опыта верстки адаптивного дизайна у меня нет. Поэтому хотелось с вашей помощью разобраться и определиться, каким путем идти. Решила использовать принципы Bootstrap. Возникли принципиальные вопросы. .row {margin: 0 -15px;;} .container {padding: 0 15px;margin: 0 auto;}Объясните, пожалуйста, зачем сначала добавлять паддинги, а потом помещать содержимое в .row, у которой нивелируются эти отступы. Каково назначение .row вообще?

    Asked by Светлана Г., November 13, 2014

    • адаптивная верстка
    0 votes
    46 answers
13. Проблемы кроссбраузерности с IE 7

    Сверстал сайт. На Chrome и Mozilla отображается нормально. А в IE 7 - плохо. Вот такая ситуация: Вот сам сайт c отображенными div-ами Как решить эту проблему?

    Asked by yaparoff, November 16, 2014

    0 votes
    3 answers
14. Пропадает шапка сайта при вертикальном положении экрана на планшете.

    Всем доброго времени суток! Такая проблема: есть болванка сайта: дсп-мебель.рф На главной странице, при горизонтальном положении экрана, все отображается корректно, но при вертикальном положении экрана шапка сайта пропадает совсем....на других немногих страницах шапка остается на месте ( http://дсп-мебель.рф/mebel/mebel.html )! Хочу уточнить, что сия беда наблюдается только в браузерах типа dolphin, boat и встроенного в андроид! На мобильных браузерах типа хрома, оперы, файрфокс всё пучком - никаких проблем... Прошу помощи, так как с адаптивной версткой практически не знаком, код проверял-перепроверял, ошибки не смог найти, к сожалению. Всем заранее спасибо.

    Asked by mg15, November 16, 2014

    • Адаптивная верстка
    0 votes
    1 answer
15. Стилизованный селект

    как сделать такой селект где в поиске http://demo4plazathemes.com/19/ma_vanesa/index.php/?___store=english ?

    Asked by raptor-dm, November 15, 2014

    0 votes
    2 answers
16. Слайдер

    Подскажите, какой слайдер здесь установлен http://193.151.13.67/catalog/?

    Asked by Fendia, November 15, 2014

    0 votes
    1 answer
17. Как сверстать вот такой блочок

    Столкнулась с небольшой проблемой при верстке вот такого блока http://prntscr.com/56kp3s Макет: http://prntscr.com/56kovy Особенность в том что картинки подставляются прямоугольные, а не квадратные (тут проблем нет). Помогите сверстать красивое кроссбраузерное решение. Вот что пока у меня получилось http://azharova.ru/test/kruglyash.html#

    Asked by Anna Zharova, November 15, 2014

    0 votes
    5 answers
18. Слайдер, почти овальной формы

    Подскажите, как можно сделать слайдер вот такой формы: Смысл, конечно, не в слайдере, а в форме блока. С удовольствием бы наложил просто картинку, но там фон не однородный. Подумал сперва, что получится через border-radius, но вышло не много не то: http://jsfiddle.net/npofopr/n3sp9f86/ Тут http://bennettfeely.com/clippy/ вроде тоже плавных углов не сделать. Можно ли через css решить данный вопрос? Или придется использовать canvas или может svg. Если их, то может примеры есть, или какую библиотеку лучше использовать. До этого просто не сталкивался)

    Asked by npofopr, November 13, 2014

    • slider
    0 votes
    12 answers
19. Как заверстать блок на пол экрана?

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

    Asked by yozuul, November 14, 2014

    0 votes
    3 answers
20. Галерея CSS transition

    Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/

    Asked by Delat, November 9, 2014

    • transition
    • галерея
    • Галерея CSS
    0 votes
    4 answers
21. при наведении на миниатюры изображений ничего не происходит

    Доброго времени суток! Столкнулся с необычной проблемой...использую компонент галереи phocagallery,при тестировании на стандартных джумловских шаблонах все отлично работает,но в своем шаблоне при наведении на миниатюры изображений телефона ничего не происходит,но если навести на последнюю то работает все отлично (сами скрипты галереи,стили,разметку ничего не трогал), не понимаю почему такое происходит..? адрес: p-club.mcdir.ru/galereya/7-samsung-galaxy-s5

    Asked by jetfire2014, November 14, 2014

    0 votes
    2 answers
22. Как проверить на валидность сайт?

    Всем доброго времени суток! Кто-нить знает, как проверить сайт на валидность, если включен пакет ssi ? Т.е. на страницах повторяется шапка, новости и т.д. Валидатор пишет,что не может проверить такие файлы. СПасибо!

    Asked by Vic-Tor, October 26, 2014

    • валидность ssi
    • include
    0 votes
    2 answers
23. не работает форма для отправки почты с сайта

    Добрый день, Помогите, пожалуйста, решить проблему. Не отправляются почтовые сообщения со страниц сайта через созданную форму. При нажатии кнопки сообщает «The requested document was not found on this server.» Хост оператор предоставляет приложение FormMail script (Web-based CGI mail sender), которое я скачал в корневую папку сайта. В html документе прописан следующий код . <form name="Request" action="cgi-bin/formmail.pl" method="post"> <form method="post" action="" name="form" id="moja pocta"> <input type="hidden" name="recipient" value="best@design-formula.eu"> <input type="hidden" name="subject" value="Submission"> …

    Asked by MrJozhik, November 14, 2014

    • formmail
    • html
    • cgi
    0 votes
    2 answers
24. Меню css

    Помогите переделать меню из горизонтального в вертикальное <!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 charset="utf-8" http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="author" content="styledmenus.com" /><link href="sty.css" rel="stylesheet" media="all" /></head><body><ul id="cssmenu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Проект "Зами…

    Asked by virusn9l, November 14, 2014

    0 votes
    2 answers
25. Флешка в Iframe перекрывает выпадающее меню

    Парни, не подскажет ли кто как решить проблему? На сайте есть выпадающая менюха, ниже ее я вставляю флешку - она на другом серваке и обернута жабаскриптом, на хост где висит сайт нельзя вставлять скрипты - он на конструкторе, вставляю так через iframe <iframe frameborder="0" scrolling="no" src="http://imageslider.zz.mu/slider/imageSlider300-940.html" width="940" height="300" wmode="opaque" ></iframe >Проблема в том что эта флешка перекрывает выпадающее меню на сайте - глюк замечен в опере и IE, в firefox все нормально работает.... выручайте

    Asked by Andryshok, November 14, 2014

    • Iframe перекрывает выпадающее
    0 votes
    15 answers