HTML Coding

29,542 questions in this forum

1. Как сделать выпадающее меню при нажатии (не при наведении)

   Как сделать выпадающее меню при нажатии, а не при наведении? То есть, вот пример, меню: http://cssor.ru/examples/cssmenu/cssmenu.htm здесь меню выпадает при наведении. А мне нужно, чтобы нажав на пункт меню отобразились подпункты и так и оставались.При наведении не надо. Ставила свойство active, но оно при нажатии появляется и тут же исчезает.

   Asked by Alfa2015, March 20, 2015

   0 votes
   9 answers
2. Буквы поменялись местами

   Здравствуйте! Есть сайт kronwood.ru, там использованы не стандартные шрифты, которые закачены на тот же хостинг где и сайт и подгружаются через css. Некоторые люди жалуются на 1 шрифт, все буквы перепутаны. Причем видно что шрифт тот самый. Ни как не могу найти причину такого поведения. Все что я смог понять, дело не в кодировке. Т.к. другие шрифты, отображаются верно. И тот текст который отображается не стал нормальным ни в одном другом коде. В приложении скрин который мне прислали, это яндекс браузер под виндовс. У меня тоже есть яндекс браузер под винду, но отображается все верно. Буду рад советам и предположениям.

   Asked by fiver, March 13, 2019

   0 votes
   9 answers
3. Куда вставить код

   Добрый день! Хочу задать вам глупый вопрос. Прочитал эту статью, и не могу понять куда именно вставлять этот код? http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee

   Asked by svang, March 28, 2015

   0 votes
   9 answers
4. Какой синтаксис для background

   Часто встречаю разные варианты для тега background. Ссылка на картинку может быть в двойных кавычках, одинарных, или вообще без кавычек. Работают все варианты. Скажите пожалуйста, как правильно? Вот пример: - background:url('http://site.com/error.png')- одинарные - background:url("http://site.com/error.png")- двойные - background:url(http://site.com/error.png) - без кавычек

   Asked by alleclf, March 29, 2015

   0 votes
   9 answers
5. атрибут html для печати файла есть ли такой?

   Добрый день! подскажите плиз ) есть атрибут download (http://htmlbook.ru/html/a/download) результат - нажал на ссылку и файл автоматически скачивается а что нужно дописать чтобы файл автоматически вывелся на принтер и распечатался? или подскажите где это уже обсуждалось спасибо!

   Asked by Игорь79, April 11, 2015

   • печать
   0 votes
   9 answers
6. как правильно делать сетку сайта , что за wrapper ?

   У меня небольшой вопрос, как правильно делать сетку сайта и что за часто встречающийся класс wrapper ? Я правильно понимаю что если я делаю сайт шириной 980px то я делаю id или класс wrapper и указываю ему ширину 980px, центрирую его и уже внутри блока с классом wrapper делаю сетку сайта ? тоесть wrapper обворачивает все содержимое и он нужен для того чтобы сделать рабочую область шириной 980px в которой делают сетку сайта? и для класса wrapper надо задать : position:relative;left: auto;right: auto;или отцентрировать с помощью margin:auto; ?

   Asked by yarosh, April 20, 2015

   • сетка сайта
   0 votes
   9 answers
7. White-space и лишние пробелы

   Доброе время суток. Пациент. Это вывод некоторого кода, изменять который у меня нет привилегий (только изменение CSS). Вы, наверное, заметили, что между таблицей и второй рамкой есть промежуток в виде лишних пробелов, которые выдает код. Возможно ли как-то их убрать?

   Asked by Jurgee, April 24, 2015

   0 votes
   9 answers
8. Что должен знать и уметь начинающий HTML-верстальщик?

   Всем привет) Решил заняться изучением HTML-верстки .Знаю ,что 80% важных знаний и навыков вырабатываются в ходе практики . Но все же хотелось бы выделить для себя список обязательных навыков и знаний ,использующихся в HTML-верстке. К примеру ,в обязательном порядке нужно знать HTML ,CSS ,Photoshop ,принципы кроссбраузерной верстки и т.д. Помогите мне расширить этот список ,чтобы понимать в общем ,с чем придется столкнуться на пути самообучения))) Так же было бы неплохо иметь представление о том: - Сколько в среднем требуется времени на верстку одного проекта средней сложности - За какое примерно время можно научиться верстать сайты среднего уровня сложности…

   Asked by nikrab95, May 12, 2015

   0 votes
   9 answers
9. Кто может помочь?

   Добрый день. Необходимо написать HTML\CSS - код, с пояснениями, для вертикального меню.

   Asked by Alex Trend, May 13, 2015

   0 votes
   9 answers
10. Изменение слова при достижении последнего слайда

    Здравствуйте. Помогите с решением. Или дайте где почитать. Есть слайдер http://joxi.ru/MAjMxk1CgOLW2e Возле кнопок есть кнопка "Далее" При завершении достижении последнего слайда пользователем хотелось бы заменить текст на "Вперёд". Автолистания нет, пользователь сам кликает на кнопки. Хотела сделать говнокод - абослютом добавить новый спан на 4 переключатель, при нажатии на него появлялся бы блок с белым фоном и текстом "Вперёд", но тогда 4 кнопка слайдера не кликалась. Задала для этого класс кнопки переключателя, не сработало, потому что я плохо знаю JS. Может, есть какое-то решение или слайдер с таким? Искала, не нашлось

    Asked by kattiperk, May 17, 2015

    0 votes
    9 answers
11. div с margin-left вылезает за экран но прокрутка не появляется

    Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?

    Asked by zheka2, May 20, 2015

    0 votes
    9 answers
12. Проблема с картинкой

    Добрый день! Подскажите пожалуйста причины по которой созданная в фотошопе картинка не отображается на сайте в онлайн, хотя в оффлайне все нормально. Браузер один и тот же - Хром. Пробовал менять разрешение jpg, gif. Сохраняю картинку в фотошопе для ВЭБ и обычным способом - все бестолку. Фото прилагаю. Спасибо за помощь.

    Asked by sergio1980, May 25, 2015

    0 votes
    9 answers
13. Как присвоить стили CSS разным составляющим одного тэга <ul>

    Доброго времени суток, друзья! Подскажите пожалуйста как мне поставить "Exemple" посередине между левой границей и "Home". Извините за неграмотное построение вопроса - я новичок... Вот код: HTML: <Doctype HTML> <html> <head> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="new.css"> </head> <body> <nav role='navigation'> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">Our team</a></li> <li><a href="#">History</a></li> </ul> </li> <li><a href="#">Cli…

    Asked by olegipman, June 12, 2015

    0 votes
    9 answers
14. Начало пути веб-программиста

    Всем доброго времени суток. Хочу начать заниматься веб-программированием. Начать хочу с вёрстки (и хорошо её изучить), затем перейти на бекенд (и что бы потом бекенд был моим основным направлением). Опыта в программировании нет вообще никакого. Гуглил дня 2, но немного запутался. Подскажите пожалуйста, в каком порядке и что учить (особенно путаница у меня с HTML, сайтов, которые учат верстать (а не просто тегам) на пятой версии просто нет, они либо на 4, либо просто сборник тегов). Да и вообще надо бы, что бы немного подсказали что и как, сколько времени займёт обучение(мне это очень важно, я потерял 4 года из жизни просто так, надо навёрстывать упущенное время) и т.п. Вс…

    Asked by S-god, June 14, 2015

    0 votes
    9 answers
15. Растяжение div на всю строку. Как убрать рамку?

    Дорогие мои и уважаемые программисты. Подскажите, пожалуйста, почему, если закомментировать в классе .new рамку: .new { /*border: 2px solid fuchsia;*/ overflow: hidden; float: left; } нажать на кнопку добавить, а потом на кнопку удалить - то поле w(бирюзовое) не расстягивается на всю ширину? Почему рамка влияет на растяжение другого div? https://jsfiddle.net/upzfr4q5/

    Asked by zvezda_t, June 27, 2015

    0 votes
    9 answers
16. Проблемы в коде

    Доброго времени суток, Уважаемые форумчане! Я новенький на сайте и по созданию сайта, вот наткнулся на проблему при верстке, браузеры не все правильно отображают, хотя делал все по инструкции. Так вот, если тут добрые, то есть, уверен, что все добрые, те у кого время есть разобраться и помочь. Если можно скайп или еще что-нибудь! Спасибо! Очень жду Вашей помощи!

    Asked by Nurik_HTML, June 30, 2015

    • Wordpress
    • верстка
    0 votes
    9 answers
17. градиент

    скажите пожалуйста,как верстать градиент Часто в макете есть сложный градиент,он бывает даже фоном страницы,Как его верстать(связывать слои в фотошопе,делать картинку и натягивать на фон блока),или всё делать средствами css?

    Asked by Andrue-Selen, July 11, 2015

    0 votes
    9 answers
18. CSS валидация

    Не могу найти ошибку в валидации, выдает выдает такое http://cs627923.vk.me/v627923236/14d57/uZepzpynQC8.jpg Сайт сделан на респонсив с помощью медиа запросов @media (max-width: 980px){} и @media (max-width: 767px){} и если убрать один из этих запросов то все норм, а так ошибка

    Asked by Dmitrij, August 9, 2015

    • валидация
    0 votes
    9 answers
19. Как сделать это?

    http://hostingkartinok.com/show-image.php?id=8c6819cb4a5581f1730c8b670e18fee3 имею в виду чтобы длина белого фона зависела от длины текста. p.s. без использования нескольких html элементов, а имея один, например <p>. реально?

    Asked by raptor-dm, August 15, 2015

    0 votes
    9 answers
20. ie8 не понимает eot

    Есть сайт.Такая проблема. Генерирую шрифты с помощью сервиса https://everythingfonts.com/font-face. Подключаю их к сайту вот по такому синтаксису: @font-face{ font-family: 'RobotoItalic'; src: url('../fonts/RobotoItalic.eot'); src: url('../fonts/RobotoItalic.eot') format('embedded-opentype'), url('../fonts/RobotoItalic.woff2') format('woff2'), url('../fonts/RobotoItalic.woff') format('woff'), url('../fonts/RobotoItalic.ttf') format('truetype'), url('../fonts/RobotoItalic.svg#RobotoItalic') format('svg');}Во всех браузерах шрифт отображается нормально, кроме ie8. В нем не работает посмотрел в панеля разработчика: осел пишет, что какая то ошибка с форм…

    Asked by IvanRu08, August 21, 2015

    0 votes
    9 answers
21. Проблема с рамкой у body

    Привет! Пытаюсь сделать рамку для body, т.е. рамку у всей страницы документа. Мне нужно чтобы она имела отступ в 15px от края, причем содержимое страницы обрезаться не должно. Если я указываю у body свойства border и padding, то содержимое соответственно обрезается по краям. Добавлял новый тег в начале страницы, рамка отображается как нужно, но из-за структуры сайта не могу с позиционировать содержимое поверх этого нового блока. Какие есть способы добавления такой рамки к странице? http://s010.radikal.ru/i312/1508/f7/742465e57832.png Спасибо

    Asked by horprogs, August 28, 2015

    • border
    • body
    0 votes
    9 answers
22. Не приходят данные с формы

    Всем привет. На лендинге не приходят данные с формы, не могу понять в чем ошибка. Если не трудно, посоветуйте в чем проблема? Кусок html с формой <form action="scripts/contact.php" role="form" id="contact_form"> <div class="form-group"> <input type="text" class="form-control" id="contact_name" placeholder="Ваше имя" name="contact_name"> </div> <div class="form-group"> <input type="email" class="form-control" id="contact_email" placeholder="Ваш Email" name="contact_email"> </div> <div class="form-group"> <input type="packet" class="form-control" id="contact_packet" placeholder="Ц…

    Asked by valery, August 29, 2015

    0 votes
    9 answers
23. Ето html5 ?

    Я не использовал ни одного diva или не в етом соль? http://ss3.zz.mu/HTML5/

    Asked by аркей, September 1, 2015

    • html5
    0 votes
    9 answers
24. Как сделать вложеную ссылку в див, который является ссылкой, но по другому адресу

    <a href="main"> <div>Text</div> </a href="fdg">dfgdfg</a> <div>Text2</div> </a>

    Asked by Иван Г, September 6, 2015

    • ссылки
    • гиперссылкиб
    • вложенная ссылкаб
    0 votes
    9 answers
25. навыки photoshop

    скажите где можно посмотреть или почитать по фотошопу в рамках верстальщика, то есть что необходимо верстальщику и как работать с этим, я освоил html и css а с макета как верстать не знаю

    Asked by rpmcmerphy, September 8, 2015

    0 votes
    9 answers