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
29,542 questions in this forum
-
блок с адаптивный контентом
как сверстать блоком с картинкои с бамбуком на левои стороне где весь блок это картинка + поверх контент я сделал так = через html подключил картинку + поверх вставил блок с контентом (с position absolute)и все спозиционировал в нужное место блоку в котором находится картинка задал position relative. есть проблема при уменьшении экрана контент вываливается из картинки как сделать чтобы контент не вываливался из картинки в смысле чтобы высота картинки менялась под контент ? еще проблема как убрать 2 вертикальных скролла которые появляются при уменьшении экрана http://frontend-er.h1n.ru/asia-spa вот блок картинка чтобы лучше п…
0 votes0 answers -
подскажите пожалуйста
подскажите плиз как в CSS правильно записывать идентификаторы друг за другом чтобы им можно было присваивать одинаковые свойства а ни писать еще раз тот же идентификатор и копировать с предыдущего #vert-menu4 { margin-top:2px; margin-left:6px; background-image:url(img/sidebarssulka.png); background-repeat:no-repeat; text-align:center; } #vert-menu5{ margin-top:2px; margin-left:6px; background-image:url(img/sidebarssulka.png); background-repeat:no-repeat; text-align:center; } вот чтобы без такого повторения
0 votes3 answers -
Проблемы с отображением блоков с float
Приветствую. Знаю, что не первый столкнулся с проблемой, но поискав не нашел решения, а сроки поджимают. Суть - делаю горизонтальное меню из блоков. В блоке есть вложенные блоки с изображением и текстом. Нужно чтоб блок с текстом оставался справа от блока с изображением. В Опере все нормально выглядит, а в мозилле и хроме все плывет. Код: <a href='' style='border:1px solid #f0f0f0; background:#fff; width:190px; height:60px; padding:0px; margin:0px 3px 0px 3px; float:left; text-decoration: none;'> <img src='' style='border:1px solid #e0e0f0; width:46px; height:46px; margin:6px 0 6px 6px; float:left;'> <p style='width:128px; height:26px; padding:0; margin:0;…
0 votes4 answers -
при наведении на ссылку
сделать при наведении из "ссылка" - "{ссылка}" подскажите пожалуйста как обернуть желаемую ссылку с двух сторон определенными символами (или возможно картинками если так правельнее)
0 votes10 answers -
Выравнивание изображения по вертикале в строке
Помогите выровнять изображение по середине(по вертикали) строки. Если использовать vertical-align: middle, то изображение немного смещено от центра по высоте. Вот пример Вот код: <!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=UTF-8" /> <title></title> <style type="text/css"> body { font: 0.86em/1.5 Arial; } div { background-color: #eee; font-size: 2em; } img.img-middle { vertical-align: middle; display: inline-block; } spa…
0 votes0 answers -
Валидность JavaScript в html документе
Помогите пожалуста исправить ошибку с валидацией. Есть облако тегов реализованное с помощь JavaScript, все ошибки исправил осталось иправить ещё одну. А вот сам скрипт: <script type="text/javascript"> function myTags(mytags){ mytags=mytags//<![CDATA[.replace(/<A/g, '<a')//]]> //<![CDATA[.replace(/\/A>/g, "/a>")//]]> //<![CDATA[.replace(/(\starget=_)(\w*)/g, ' target="_$2"')//]]> //<![CDATA[.replace(/(\sclass=)(?!")(\w*)/g, ' class="$2"')//]]> //<![CDATA[.replace(/(\sname=)(?!")(\w*)/g, ' name="$2"')//]]> //<![CDATA[.replace(/(\sid=)(?!")(\w*)/g, ' id="$2"')//]]> //<
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-