HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
:hover в мобильных версиях
Доброго времени суток! Сделал меню 2-х уровневое, подуровень через :hover у ul. На десктопе все ок, а вот на мобильной версии как реализовать чтобы подменю открывалось не через наведение а по клику? Так например в стандартном меню от bootstrap4 сделано. Подскажите?
0 votes6 answers -
Три кусочека (зачёркнуто) слоя фона - градиент, заливка и рисунок. Бывает?
Да, я умею создать проблему на ровном месте. В данном случае требуется создать шаблон для объявления, состоящий из двухцветной рамки, белого поля для текста и логотипа в его правом нижнем углу (См.пример). Первое, что приходит на ум - создать DIV с фоном - первый уровень заливки с градиентом, на него наложить белый фон и на него уже в уголок - логотип. Например, использовать параметр border-box для градиентной заливки, padding-box для белой, а логотип - в правый нижний угол content-box. Но, конечно, я всё делаю неправильно и ничего не работает. Как я понимаю, именно заливка цветом ломает работу множественных фонов. А в принципе это возможно, или нужно усложн…
0 votes13 answers -
Проблемка с divами! подскажите
Подскажите, пожалуйста! Имеется 3 блока div выстроенные в линию один за другим. Первый и третий блоки имеют фиксированную ширину в px, надо сделать, чтобы блок, который находится между ними растягивался в зависимости от разрешения экрана. Помогите, буду очень благодарен! Вот, собственно, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Слои по горизонтали</title> <style type="text/css"> div { margin:0; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ float:left; background:url(img/…
0 votes5 answers -
hspace и vspace тега iframe в xhtml
Добрый день! Подскажите пожалуйста, как правильно нужно указывать параметры hspace и vspace тега iframe для того, чтобы документ xhtml проходил валидацию. Спасибо за ответ
0 votes1 answer -
Абсолютное позиционирование и Firefox
Возникла проблема вставки баннера. По ширине сайт 1000px необходимо справо вставить баннер ( за пределами сайта) но на одном уровне. <div class="banner"><a href="http://адрес_сайта.ru/"><img src="/banner/Banner-230-100.gif"></a></div> <div class="container"> <table cellspacing="0" cellpadding="0" border="0" class="header"> <tr> .... а в css .banner { display:block; position: absolute; height:100; width:230; padding-left:1003px; } во всех браузерах проблем нету, только ФФ и Google Chrome почему-то перекрывает всю верхнюю часть на 100px (невозможно нажать на ссылки). Подскажите как пофиксить эту проблему. Или как по д…
0 votes5 answers -
Как сделать область страницы ссылкой?
Подскажите, как сделать так, чтобы при нажатии в любую область страницы можно было перейти по ссылке дальше?
0 votes2 answers -
Текстовое поле формы, значение по умолчанию
Добрый день! Есть такой вопрос, как сделать так чтобы при помещении в текстовое поле курсора, фраза по умолчанию исчезала? Т. е. не выделять и удалять ее самому, а чтобы это происходило автоматически. Может кто делал такое... Подскажите, плиз...
0 votes4 answers -
некорректное отображение страницы в opera & Firefox
я только учусь..ничего не знаю..)) IE- Opera- HTML- <!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 http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="index.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#f6f6f5" > <div id="bg" align="center"> <div id="head"></div> <div id="content"> <p> </p> <p> </p> <p> </p> <p> </…
0 votes3 answers -
Нужно изменить формат тега </hr>
Здравствуйте! Решил изменить вид комментариев на своем сайте! Остановился на данном варианте: Подогнал под DLE, убрал ненужное, добавил необходимое! Но вот в чем проблема: у меня на сайте полоска, вызываемая тегом </hr> после даты выглядит совсем не так как на скриншоте а вот так: Помогите исправить данную полосу! Вот CSS код, который прилагался к этому виду комментариев: /*===COMMENTS===*/ table.comblock {background-color: #ffffff; } table.comblock td.cblock-content {background: transparent url("/images/comment/cblock_center_mtop.gif") left top repeat-x; } table.comblock td.cblock-left { vertical-align: top; background: url("/images/comment/cblock_middle_left.gi…
0 votes5 answers -
Прозрачность Фона Дива
вот ссылка - http://pozition17.narod.ru/stihi.html не могу сделать зеленый фон дива прозрачным т.е. что бы сквозь зеленый фон просвечивал основной фон, не хочется применять изображения. и если кто знает подскажите как правильно прописать закругления углов чтобы они правильно отображались как например в гугл хроме так и в експлорере, насколько я знаю есть два метода один отображается в гугле другой в експлорере, как их совместить или может есть альтернативное решение?
0 votes4 answers -
Пошагово растягивающаяся таблица
Приветствую. Есть таблица в три столбика, первый и третий фиксированы по ширине, средний резиновый. В среднем столбце - плавающие блоки (float:left). Этих самых блоков допустим 10 штук. В зависимости от разрешения экрана в средний столбец влазит разное количество блоков. Проблема в том, что средний столбец растягивается на максимально возможую ширину, а хотелось бы, чтобы его ширина равнялась минимально возможной, но вмещала максимальное количество блоков. На данный момент решено с помощью JS, но хотелось бы решение поизящнее. Если непонятно изложено, позже будут картинки. ЗЫ Не слишком силен в верстке, сильно не пинайте)) кстати код: <html> <head> <style…
0 votes4 answers -
Разное отображение в разных браузерах.
Пытаюсь учится HTML и CSS. Для этого создал сайт. Сделал вроде всё нормально, но в разных браузерах отображается по разному. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content=""> <meta name="Keywords" content=""> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <title>титл</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; text-align: left; padding: …
0 votes6 answers -
помогите понять
Здравствуйте, есть такой сайт http://www.alfamebel.net на этом сайте есть раздел корпусная мебель...когда на него заходим, то он не подгружает картинки, но это пол беды..как только с этого раздела переходим на раздел эксклюзивная мебель то браузер выдает такое сообщение: "Веб-сайт по адресу www.alfamebel.net содержит элементы сайта :pornotube912.com , где, вероятно, размещено вредоносное ПО – программа, которая может нанести вред вашему компьютеру или выполять действия без вашего согласия." я не знаю что делать( у меня мало опыта в этом может кто нибудь знает что делать с этой пробелммой........ мне сказали что что-то с явой скрипт..
0 votes6 answers -
Перенос картинки
Скажем были координаты вершин картинки (x1;y1|x2;y1|x1;y2|x2;y2 (все координаты относительно экрана)). Ну так вот сам вопрос: можно ли независимо от других объектов на странице переместить скажем так x1+50;y1+10|x2+50;y1+10|x1+50;y2+10|x2+50;y2+10. Есть такая функция?
0 votes7 answers -
Непонятные отступы у текста в браузерах
Создаём простенький html-документ следующего содержания: <!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" xml:lang="en" lang="en"> <head> <title>Paddings</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; outline: 0; border: 0; } div.redBlock { margin: 100px; width: 300px; height: 50px; background: red; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 10pt; color: white; } &…
0 votes7 answers -
Слабонервным не смотреть
Всем привет маялся я значится фигнейпрактиковался суть проблемки такова непоказывает заголовки и списки извеняюсь за ужасы в стилях сам уже запутался вот ссылка : http://jsfiddle.net/KcxB9/ FF показывает все нормально )) ну это жеж ПА с подсветкой разобрался убираем таблицу и все чикер-пикер Вот вопрос: апчему непоказывает списки и заголовки ? и чего он мне подсвечвает красным закрывающие теги вконце ?
0 votes7 answers -
html lang="ru"
Ранее использовал в своих шаблонах следующие строчки ?<!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" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.
0 votes3 answers -
Вопрос по swf
Не знал в какой раздел написать, посему прошу прощения если ошибся разделом Подскажите, я хочу добавить swf игру отдельным файлом - http://localhost/games/game.swf - и ничего другого, сам вопрос заключается в том, что в тайтле флешки всегда путь до флешки, как ему можно по своему усмотрению (без хтмл и пхп) поставить тайтл? То есть юзер открывает адрес (пример) - http://mysite.org/games/create.swf - а в тайтле будет не "mysite.org/games/create.swf" , а "Create some" (заданный мной тайтл). Заранее спасибо!
0 votes10 answers -
Трудности с версткой в Opera и IE
Всем привет! Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете? И еще принимаются критика, рекомендации, совету и прочее! Благодарю за внимание!
0 votes11 answers -
Адаптивный Scrollbar
Люди, посоветуйте как лучше поступить. Скрин проблемы http://prntscr.com/a58l7i Пояснение: Есть кастомизированный горизонтальный скрол с которым хорошо работать на компьютере. Нужно его адаптировать под планшеты и смартфоны. Изначально я использовал JQuery плагин custom-scrollbar-master, но в нем есть очень большой косяк, он не поддерживает флик (движение пальцем по телефону) вправо на телефоне. Я пытался найти другие плагины, но все которые мне попадались не поддерживают флик вправо. Ребят, посоветуйте как можно решить такую проблему или может кто посоветует другой плагин?
0 votes3 answers -
Как выполнить проверку input на заполнение?
Ребятки, есть вот такой вот фрагмент. Есть вот такой код: input:focus + label {display: none} Т.е. когда нажимаешь на input, надпись name исчезает, но стои убрать фокус с формы, надпись появляется снова, причем поверх текста. Получается некая неведомая фигня. Как сделать так, что если в инпуте есть хотя б одна буква, лейбл на нем не появлялся? Пробовал input:not(:empty) + label {display:none;} Но как выяснилось что input всегда empty. И как решить этот вопрос, ума не приложу. 2й день голову ломаю над делеммой.
0 votes3 answers -
Анимация на сайте
Добрый день. Есть задача сделать анимацию как в примере по ссылке (видео на Youtube.com) - С подобным ни разу не сталкивался, но ужасно хочется понять, как это реализуется. Я не прошу готового решения, я лишь прошу чтоб меня направили в ту сторону, в которой можно в этом разобраться. Спасибо.
0 votes3 answers -
Помогите с бланком!!!
Необходимо сделать бланк на сайт, типа нажимаешь ссылку заказать что то, и открывается бланк заказа с необходимыми полями, заполняешь, нажимаеш отправить и все. Подскажите шаблон такого бланка, где его можно взять?
0 votes8 answers -
Отступ текста снизу - 3px
Народ, в ряду есть несколько ячеек и я хочу чтобы текст в каждой из них имел разный отступ по вертикали от нижнего края. Пример: ячейка 1 - отступ 2px, ячейка 2 - отступ 7px, и т.д. Подскажите, плз, как это грамотно сделать
0 votes1 answer -
Неуловимый паддинг на кнопке в IE7
Привет всем! Я что-то никак не разберусь, помогите советом? У кнопок в IE появляется внутренний отступ. IE-dev его не видит как паддинг, да его там и быть не должно, потому как не назначен. А визуально он присутствует. Страничка: http://leveler.ru/htmlbook/pagenav.htm Картинка:
0 votes11 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-