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
-
Сайдбар залезает на хэдр
Всем привет! Пишу по примеру данного видео. Время 18:48 но у меня возникла проблема. Код в целом идентичен видеозаписи, но по непонятной для меня причине сайдбар залез на хедер. С чем это может быть связано? <!DOCTYPE html><html><head><title> Promo3D</title><meta charset="utf-8"><link href="css/main.css" rel="stylesheet" type="text/css"></head><body><div id="page_align" class="b3radius"><div id="header"><!--<div id="header_nav"><ul><li><a href="#">Главная</a></li><li><a href="#">Новости</a></li><li><a href="#">Статьи</a>&l…
0 votes3 answers -
Определить есть ли курсор мыши
Добрый день, Прошу прощения за, возможно, странный вопрос. Есть div, который должен по-разному собираться для устройств где только тачскрин (способ-1) и для остальных (способ-2). Сейчас определяю устройство в js return 'ontouchstart' in document.documentElement; Проблема в том, что есть устройства, где есть и тачскрин и мышь (ноуты с тачскрином, трансформеры итп). Вот эти устройства у меня попадают в способ-1 при использовании такого метода. А хотелось бы в способ-2. Т.е. надо отделить устройства, где ТОЛЬКО тачскрин от остальных (не зависимо от того, есть ли в них тачскрин). Надеюсь, понятно объяснил и что решение есть. Устроит решение на js или на php Заран…
0 votes6 answers -
Проблема приоритетности селекторов в css
Добрый день формучане! Помогите пожалуйста разобраться в проблеме в приоритетности селекторов. Написал легкий пример, где я задал селектор для всех элементов(*) и выставил там размер шрифта в ноль, потом для отдельных элементов написал в классе отдельный селектор(.s-font-stn) и поставил там нормальный шрифт. По идее у селектора * самый низкий приоритет и его должен перекрыть селектор .s-font-stn, но так не происходит и даже !important не помогает. Что случилось с версткой? http://codepen.io/anon/pen/RWYvJM
0 votes9 answers -
Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц?
Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц? спасибо. Применяя float: left; первые три блока размещаются как необходимо, а вот со следующими тремя блоками - беда. Ни как они не хотят, следующей строкой ((( .a1 { background: #FFFFFF; border:5px; padding: 10px; display: block; width: 150px; float: left; margin: 0 10px 10px 0; text-align: center; } <! -- первые 3 блока —-> <article> <figure class="a1"> <p><img src="image.png" alt=""></p> <figca…
0 votes1 answer -
Подгонять высоту слайдов под заданную высоту
Здравствуйте. Есть читалка сделана из слайдера, где слайды это блоки в текстом. Слайды с текстом получаются разной высоты и отличаются друг от друга на несколько строк. Думаю задать максимальную высоту слайда, чтобы на слайдах с большой высотой текста межстрочный отступ уменьшался, а на слайдах с малой высотой текста увеличивался. Как это сделать на css не знаю. Пробовал line-height указывать в процентах, но что-то не то получается. Может не так пробую. Посоветуйте как лучше сделать.
0 votes4 answers -
Верстка на мобильном в Хроме поехала
Добрый день. Подскажите, что не так с версткой, почему реклама в хроме на мобильном съезжает?
0 votes1 answer -
Возникли проблемы
Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title> <style type="text/css"> .text {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;} .text2 {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;backg…
0 votes4 answers -
Градиентный текст
Как сделать градиентный текст? Кто то может делал. Кроме как использования картинок. нашел библиотеку fonteffect но что то мне кажется оно того не стоит. ну и не пробовал ее с другим фоном. проблема в том, что сам градиент и фон разных цветов.
0 votes2 answers -
Label
Вот у меня задача такая: Сделать так чтоб при нажатии на букву активировалась: <input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> это я делаю с помощью LABEL : <label class='label' id='r1' for='ati1'>1</label>. Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!
0 votes13 answers -
проблемы с ie
Здравствуйте, помогите пожалуйста этот ie меня когда-нить точно доконает) Гуглила смотрела на форумах ответа не нашла( Если вкратце, то есть некие кнопки выбора при нажатии на которые открывается всплывающий список с выбором (например месяцев), только в ie когда пройдешься по списку и выберешь какую то позицию кнопка не возвращается в исходное положение, а остается светиться как будто на ней до сих пор :hover, это однозначно баг ie, потому что я убрала весь js сам список и т.д. ошибка осталась( Можете попробовать сами...нажмите на кнопку и не отпуская отведите мышку куда-нить в сторону потом отпустите кнопка будет как будто под :hover Имеется код <!DOCTYPE html PUBLI…
0 votes7 answers -
<video>, <audio>
Привет. Несколько вопросов к вам: 1. Теги html5 <video> и <audio> воспроизводят только файлы, которые находятся на фтп с сайтом ? Если нет, то как с помощью <video> вставить видео с youtube например ? 2. В макете нарисовано следущее: Задача верстальщика в чем заключается вообще: чисто разметить страницу под вставку видео и проигрывателя или сделать все, таксказать, "под ключ" ? 3. Как быть с тем, что сафари и ie8 не поддерживают этот тег ? Заранее благодарю!
0 votes7 answers -
Divы выровнять по центру и по горизонтали
Здравствуйте Всем, верстаю макетик свой. В общем такая проблема. меню состоит из картинок расположенных в ряд одноц линией. каждая картинка заключена в див, по горизонтали я их поставил , а вот как, теперь делать итак, что бы они были еше и по центру. спасибо. вот код html и 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> <title>MK</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name ="title" content=""/> <meta name="description" content=""/> <meta na…
0 votes8 answers -
form - label - input. Заступает текст
Приветствую всех. Проблема в следующем: игры с параметрами padding и margin для form, label, input не дало результата - текст все-равно заступает за чекбокс..... вот код: <html> <head> <title>test</title> <style type="text/css"> form {padding: 0 0 0 5; margin: 0 0 0 5;} </style> </head> <body> <form><label><input type="checkbox">So I've been experimenting with different margins and paddings on lists, and so far I can't seem to figure it out. The object I'm after seems simple enough; I want less of an "indent" (is that padding or margin?) on the left edge. In other words, I want the little do…
0 votes8 answers -
Картинки в Div-е
Имеется Div фиксированного размера. Нужно равномерно по ширине расположить в нём несколько картинок. Мой вариант: <div width="800px" style="padding: 0; text-align: justify;"> <img width="100px" height="50px"></img> <img width="100px" height="50px"></img> ... <img width="100px" height="50px"></img> </div> К сожалению не работает. Как правильно это сделать?
0 votes10 answers -
Подскажите нужный слайдер
Добрый день! Подскажите пожалуйста слайдер, который бы работал по следующему принципу: - Есть некий блок с "Новинками" товаров - У каждого товара (внутреннего блока) задана фиксированная ширина (в px) - При уменьшении окна браузера, если то количество товаров, которое было показано первоначально, не влезает в родительский блок, то добавляется еще один слайд (кнопка слайдера), а количество товаров соответственно уменьшается (отступы между блоками товаров должен автоматически выровниться по ширине. Чтобы понять, как это должно работать, можно обратиться к рисунку:
0 votes1 answer -
помогите пожалуйста исправить баг с кнопками меню
Кнопки меню при нажатии изменяют свой размер и я никак не могу разобраться вот ссылка на пример http://1241254.96.lt/WorkSpace/
0 votes4 answers -
Две всплывающих формы на странице
Добрый день! Вопрос по всплывающим формам на странице HTTP://bloky.ru/catalog/326 На странице есть две кнопки "Заказать". Одна из них, та, что справа вертикально расположена, при нажатии открывает всплывающую форму заявки. Как сделать так, чтобы при нажатии кнопки "Заказать", которая в середине страницы, открывалась такая же форма заявки? Заранее спасибо!
0 votes6 answers -
HTML страница в странице
Добрый день форумчане. Прошу вашего мудрого совета. Имею небольшие поверхностные знания в Web-программирование. Стоит задача в следующем: Есть маршрутизатор Microtic под управлением routeros настроенный под режим хотспота. У хотспота есть страница авторизации, которая позволяет зарегистрироваться в гостевом режиме. Родная страница передела в элементарную, содержащую картинку и ссылку авторизации. Ссылка специфического характера, составная, понимается только самим роутером, поэтому чтобы её использовать - надо находиться на этой самой странице авторизации. И теперь собственно проблема - нужно встроить в страницу другую страницу, возможно целый сайт (для рекламных целей). П…
0 votes2 answers -
Всплывающее окно
Здравствуйте! Подскажите, кто разбирается в jQuery: при отправке формы всплывает картинка. Все ок.. Но, что нужно поменять в коде, чтобы вместо картинки всплывало сообщение? Изначально такой код (копирую часть кода): <form class="contact" name="sentMessage" id="contactForm" action="contact_me.php" method="post" novalidate>....</form><div id="modal" style="display: none;"><img src="img/form-alert.png" /></div>Скрипт $.fancybox({ 'type' : 'image', 'href' : 'img/form-alert.png', 'padding' : 0 }); …
0 votes4 answers -
Верстаем крышу
Всем привет, форумчане! Есть задача сделать вот такую штуку как на картинке, она должна быть 100% шириной по отношению к контенту, но ограниченной высотой, к примеру 60 пикселей. Spoiler У меня уже есть решение которое я сделал https://jsfiddle.net/x5Lavn55/, но может имеется более элегантное и лучше чем мое? Пробовал с svg, но не могу растянуть на 100% не изменив высоту...
0 votes6 answers -
помогите с меню навигации
На многих сайтах, допустим, 10 статей идут вертикально, а под ними навигация типа 1|2|3|4|5|6| итд пример - вот http://free-templates.ru/ в них на 1-й странице последние статьи, а на последней - первые. а у меня на первой странице - первые, а на последней- последние вобщем, как сделать так, чтоб статьи шли в обратном порядке относительно навигации? заранее спасибо
0 votes3 answers -
ASP.NET
Если известно что сайт будет работать на ASP.NET(или под ASP.NET не знаю как тут правильнее), то что я как верстальщик должен учесть, и есть ли вообще какая то разница. Однажды был опыт верстки под что-то подобное, там вся страница была обернута в тег <form> к сожалению тогда не уделил этому внимания и не разобрался как следует, теперь вод даже не знаю ASP это было или не ASP. Кто сталкивался, и если есть какие то тонкости то что стоит учесть? Спасибо.
0 votes3 answers -
Криво работает выделение
Есть сайт проблема в том, что сложно выделить на нем текст т.е. к примеру если начать выделять e-mail и выделить чуток дальше, то выделение слетает. Тоже самое с остальными текстами. В чем может быть причина? Проблема в дивах?
0 votes6 answers -
Как быстро найти закрывающий див среди кучи других дивов?
Как быстро найти закрывающий див, когда и внутри, и снаружи много других дивов? В Dreamweaver'е есть такая функция? Если нет, то где есть?
0 votes5 answers -
проблемы с бэкграундом у фиксированого макета
Есть такой не обычный блок на дизайне, сама контентная часть фиксированая а фон тянится до конца правого края. Подскажите как лучше сверстать такой макет? Кода не нужно , только подскажите в каком направлении двигатся главная внутри
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-