HTML Coding

29542 questions in this forum

1. Сайт на планшете

   Здравствуйте! Помогите решить проблему. Когда я открываю большинство сайтов на своем планшете андроид все они автоматически подстраиваются под размер экрана т е Все элементы страницы уменьшаются до тех пор пока страница по ширине не вместится в экран. Но вот мой сайт почему-то не хочет так показываться и появляется горизонтальная прокрутка. Я все возможное отключил на странице но все равно так. Посмотрите пожалуйста : proactive.roshoster.com/korporativnye-prazdniki.html

   Asked by Mick_20, April 21, 2014

   0 votes
   6 answers
2. Странность с clear: both.

   Всем привет! Я новичок в css, и хотелось бы задать вопрос, по как мне кажется странному поведению свойства clear. Следующий пример не рабочий, в нём нет нужды сделать всё правильно, или решить проблему, он написан для того что бы понять по чему так происходит. Предположим у нас есть один блок, в который вложено два других бока, каждый из них имеет совой заголовок, и ещё несколько вложенных блоков ( в примере блок только один), с заголовком статьи, и датой её создания, за который следует некий текст. Код-html <div id="content"> <div id="block1"> <h4>Название блока</h4> <div class="wrap"> <h5>Заголовок для статьи!</h5&g…

   Asked by ksafan, October 31, 2014

   0 votes
   2 answers
3. Не работает перекатывание картинки в Хроме и Опере

   Собственно код .enter {background: url("../img/enter.png"); display: inline-block; width: 170px; height: 42px; position: relative;margin-left: 20px;cursor: pointer; font-family: Arial, sans-serif; font-size: 20px; font-stretch: condensed; font-style: italic; font-weight: bold; color: #7F5B2B; line-height: 42px; text-align: center; text-decoration: none; text-shadow: 1px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}<button class="enter" onclick="submit();" typ…

   Asked by roland, February 8, 2015

   • картинка-ссылка
   • кроссбраузерность
   0 votes
   2 answers
4. Как сделать, чтобы ® было маленькое и сверху?

   маленькое ® сверху справа, около товара как сделать в css? в html понятно ^® дело в том, что создаю пункт меню в джумле, там потому не html, а просто текстом ввожу название. вот можно ли как-то применить css именно к этому символу?

   Asked by nikki4, November 9, 2015

   0 votes
   4 answers
5. Макет HTML5

   Посмотрите правильно ли я сделал заготовку для начала блога на HTML5 ? http://codepen.io/anon/pen/gPOxWb

   Asked by Nikinik, December 4, 2015

   0 votes
   4 answers
6. Поведение вертикального меню оформленного через списки

   Доброго времени! Я не так давно начал осваивать css и html в качестве хобби.И один момент меня озадачил, с чем прошу и помочь разобраться. Суть - вот есть меню, с подменю, которое динамически появляется при наведении на пункт меню. Оформленно тегами <ul><li></li></ul>. Вот ссылка на код: https://jsfiddle.net/ftgvod1t/ Наводим мышь на пункт "уровень1" и появляется подменю содержащее "уровни2". При этом контейнер <ul> растягивается по высоте (зеленый border). Но стоит в этом же примере задать высоту (width) для пункта меню верхнего уровня "уровень1" (да собственно всем <li> можно высоту задать) - то поведение…

   Asked by Gilgamesh, March 22, 2017

   0 votes
   0 answers
7. Поделиться в соц. сети

   Здравствуйте. У меня такая проблема, хочу сделать кнопку поделиться в соц. сети на этом сайте http://www.plusnol.ru/ при нажатии на которую отправлялся текст только тот который находится в блоке. Код я прописываю такой: <li style="display: block; border: 1px solid #000; padding:5px; border-radius:3px; margin-bottom: 10px;">Здесь текст который надо отправить<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,twitter,viber,whatsapp,telegram" data-size="s"></div></li&g…

   Asked by nikoliasa333, January 5, 2018

   0 votes
   0 answers
8. При добавлении в сборку js файла перестал работать слайдер

   Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться

   Asked by rimidbit, December 24, 2018

   0 votes
   0 answers
9. Градиентное изображение

   Вся шапка сайта это отдельный фрейм. В нем 3 рисунка. Первый логотип, второй логотип, а третий хочу растянуть на все оставшееся место. Проблема в том что сам фрейм уже подгружает файл css. И пробовал по всякому стандартными средствами. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" type="text/css" href="style.css"> <html> <head> <title>frlogo</title> </head> <body> <a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a> <a href="index.html"><img src="logo2.bmp" align="left" height="60" widt…

   Asked by Ururu, February 18, 2009

   0 votes
   0 answers
10. IE WebDeveloper V2. Изменяет свойства стилей. Так и должно быть? :(

    Скачал прогу: IE WebDeveloper V2. Нормально ли она работает? Когда выбираю на панели webpage inspector свой инпут, то он подсвечивается красной рамкой и, как мне кажется, изменяет какие то стили объекта для его отображения. Прикрепил картинку. Первый вариант - фактический вид, второй вариант - тогда когда выбран инпут в окне инспектора: Это у моей проге глюки? Или это нормальный режим работы программы? Как смотреть свойства стилей, если программа их меняет при выборе объекта?

    Asked by Semreg, September 18, 2009

    0 votes
    1 answer
11. ? лемент выбора количества в форме

    В форме поиска необходимо сделать элемент выбора количества. Да не просто точного количества, а чтобы можно было выбрать equals, greater (or equal), etc. Единственное, что приходит в голову - сделать селект с опциями (больше-меньше-равно) и рядом поле для ввода числа. Но выглядит, честно говоря, не очень изящно. Какие еще могут быть более юзабельные решения?

    Asked by insomnia, April 12, 2011

    0 votes
    3 answers
12. Помогите найти хост

    Есть домен и хост. Но вот места там маловато да и расположение не впечатляет. Подскажите пожалуйста, может есть какие сервисы по аренде файл серверов (vps)? Интересует выбор из вариантов москва или европа (желательно германия) и объем не менее 100гб. В идеале что бы на сайте можно было расположить ссылки, а сами файлы по редиректу из другого места. Без всяких капчей или премиум аккаунтов для пользователей. Может даже просто ftp. Спасибо.

    Asked by Ururu, December 4, 2011

    0 votes
    7 answers
13. Фотошоп

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

    Asked by seemax, April 11, 2012

    0 votes
    3 answers
14. Подвал прижат к низу с повторяющимся background-ом

    Уважаемые товарищи html-верстальщики и web-разработчики! Прошу вашей помощи! Фиксированный макет, подвал прижат к низу отрицательным marginом, html,body(height = 100%). Как задать для окна браузера повторяющийся бэкграунд на всю ширину и высоту страницы ?? Ведь высота получается ограниченной высотой body, а за её пределы выходит только фиксированный элемент, которые не на всю ширину. Посмотрел примеры, у всех сайтов, у которых подобный задний фон, у них футер не прижат к низу. но может есть какой то способ?

    Asked by Luciefear, August 20, 2012

    0 votes
    2 answers
15. помогите с меню

    нужно меню сделать по центру вот пример

    Asked by xenux58, September 16, 2012

    0 votes
    3 answers
16. Расположение блоков при блочной верстке

    Здравствуйте, коллеги! При блочной верстке я использую способ position: relative и указываю пиксели и тд. Иногда у меня получается все разместить как нужно. Однако, это не выход, к каждому блоки использовать position. Какими способами вы пользуетесь?

    Asked by Benya-a, October 19, 2012

    0 votes
    2 answers
17. Как сверстать меню под углом

    Вот интересует вопрос как сверстать вот такое меню: то-есть как развернуть каждый пункт меню под определенный угол.

    Asked by denbon, October 24, 2012

    0 votes
    2 answers
18. Как прописать стили отдельно для каждого браузера ?

    Как прописать стили отдельно для каждого браузера ? А то у меня проблема, слева Мозилла и Опера, справа Хром Проблема на этом форуме http://forum.surgeryzone.net

    Asked by kpripper, November 14, 2012

    0 votes
    1 answer
19. непонятный отступ

    помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло

    Asked by cyklop77, December 6, 2012

    0 votes
    3 answers
20. Рамка вокруг сайта

    Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…

    Asked by xaxazi, April 30, 2013

    • рамка div
    • слои
    0 votes
    2 answers
21. Форма ввода из ниоткуда

    Я начинающий верстальщик. Вот моя проблема. Есть html и css файл.Их содержание представлено здесь. На случай если не будет работать сайт вот фото: Как видите над таблицей появляется форма ввода. Если нажать сюда и кликнуть правой кнопкой мыши по форме ввода и выбрать "Проинспектировать элемент"(это в Опере, в Гугл Хром жмем "Просмотр кода элемента") то видно что поле ввода создано из-за строчки с тегом input. Подскажите как input влияет на поле ввода и как его убрать. Благодарю заранее.

    Asked by BigGun, July 29, 2013

    • вставка css
    • поле ввода
    0 votes
    2 answers
22. Соответствие верстки и содержимого WYSIWYG редактора контента

    Здравствуйте! Часто контентщики сайта жалуются, что содержимое контента страницы в WYSIWYG редакторе в админке (например TinyMCE) отображается не так как на фронтэнде (например, отступы между абзацами в WYSIWYG редакторе отображаются, а на сайте это в стилях может быть не прописано). В связи с этим вопрос: затачивают ли верстальщики верстку под WYSIWIG редактор контента и существует ли некий набор общих правил и стандартов для WYSIWYG редакторов или же надо для каждого сайта настраивать редактор контента под верстку этого сайта, но тогда тут тоже должен быть некий набор правил?

    Asked by dangerous, March 27, 2014

    0 votes
    3 answers
23. Какими способами можно сделать псевдо 3D блок

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

    Asked by alcochtivo, April 26, 2014

    0 votes
    3 answers
24. Помогите связать правила между собой

    Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.

    Asked by McLotos, April 30, 2014

    0 votes
    2 answers
25. Не пойму как работает min-width

    Здравствуйте! Не пойму как работает min-width в медиа запросах. Вот, например, мне нужно, чтобы на больших экранах был фон у блока с картинкой, а на маленьких экранах -- картинку убрать. То есть, на экранах с минимальной шириной 768px картинка с фоном должна исчезнуть...но она не исчезает. Пишу такой код: @media (min-width: 1200px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 992px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 768px) {.footer { background:none;}}

    Asked by Alfa2015, October 6, 2015

    0 votes
    3 answers