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
-
Меню со скошенными углами
Как сделать подобное меню? http://www.wildberries.ru/ (скошенные углы) В Firebag смотрел но так ничего и не понял. Может, есть подобные примеры с объясненем? Просто если меняется ширина пункта меню то и скос этот должен тоже менять свою ширину. В общем не понятно
0 votes4 answers -
Не получается темизировать переводчик от Гугл
Я установил на сайт http://monreall.net/ переводчик от гугл. Мне нужно, чтобы цвет шрифт и граница формы были серыми, а именно: border-bottom: 1px solid #D7D7D7; font-size: 11px; color:#7D7D7D Но у меня не получается прописать свойства в CSS. Переводчик не хочет темизироваться. Мне удалось только выровнить блок. .top_banner { margin-left:30px; margin-top: -11px; } А как сделать цвет шрифта и границу формы серыми? Подскажите, пожалуйста, с кодом.
0 votes2 answers -
Растянуть блок на всю ширину контейнера
Всем привет! Есть два блока: 1. контейнер 2. блок внутри контейнера Возможно ли растянуть блок внутри контейнера на всю ширину контейнера с помощью css не зная при этом ширины контейнера? http://learn.javascript.ru/play/ACLeKb Спасибо.
0 votes12 answers -
Подключение стиля с помощью @media
Здравствуйте! Есть вот такая конструкция: <link rel='stylesheet' media='(min-width: 1281px) and (max-width: 1366px)' href='css/1366x768.css' /> <link rel='stylesheet' media='((min-width: 1025px) and (max-width: 1280px)) and ((min-height: 874) and (max-height: 900))' href='css/1280x1024.css' /> Но на практике она не работает... Хочу с её помощью подключать стилевой файл, если ширина окна будет колебаться от 1025 до 1280, а высота от 874 до 900 . Высота страницы задана в процентах, но высота блока с контентом - 874px. При увеличении ширины экрана (более 1280px) должен подключатся другой стилевой файл. Но почему-то этого не происходит. Даже при ширине в 1400 …
0 votes8 answers -
Никак не могу убрать отступ сверху сайта
Недавно почему-то появилась проблема.Появился отступ сверху сайта.Подскажите, как его убрать?Сайт- prowarspear.ru Вот часть кода css: *{ padding:0; margin:0; } table.main{ width:1100px; margin-left:auto; position:top; border-radius: 10px; } body { background-image:url(bg-4.JPG) ; background-color:#171b24; margin-top:0px; padding:0px; } td.top{ height:270px; border-radius: 10px; } td.news{ margin-top:20px; background-color:#171b24; display:table-cell; vertical-align:top; border: 5px solid #171b24; width:230px; word-wrap:break-word; } td.footer2{ border: 7px solid #171b24; background-color:white ; word-wrap:break-word; color:grey; font-size:22px; border-bottom-left-radius: …
0 votes9 answers -
Замена платных шрифтов бесплатными
Такой вопрос. На сегодняшний день занимаюсь практикой верстки. И столкнулся с такой проблемой. На psd-макете подключаются нестандартные платные шрифты. На профи-макетах таких шрифтов немного, на любительских - часто и густо. И вот я начинаю каждый раз перерывать Инет в поисках этих платных шрифтов, которые есть на макете. Естественно, когда нахожу такие, а когда и нет. Если честно, уже поднадоело такое занятие. Может, существует такой инструмент, который может мне подобрать шрифт, который является аналогом платного шрифта? Типа того - я указываю ему искомый шрифт, а он мне предлагает бесплатную альтернативу, максимально приближенную по качеству.
0 votes6 answers -
почему не работает background-attachment:scroll;?
почему изображение остаётся на месте, а не в центре??? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ background-color:#cccccc; color:#000000; background-image:url(512896618.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:center; } b{ background-color:#ff0000; color:#ffffff; } p{ background-color:#ffffff; } </style> </head> <body> <p>На данном примере показано свойство, <b>background-color</b>.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с…
0 votes6 answers -
Как выровнить элемент в таблице по правому краю
Элементом является флаг страны, хочу выровнять по правому краю ячейки таблицы, но почему-то это не получается сделать. Подскажите, в чем может быть дело? Может быть посоветуете какой-нибудь другой способ компоновки для ссылок с флажками, не такой массивный. http://prodpak.ru
0 votes2 answers -
помогите,пожалуйста с добавлением видео!
Вот html: <video id="video1" width="270" height="205" controls> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.mp4"><!-- опускаем type для android--> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6(1).ogv" type='video/ogg; codecs="theora, vorbis"'> </video> Вот css: #video1 { border:4px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } google отображает во так: панель управления,вместе с видео куда-то съехала! в IE 9 не отображаются элементы управления видео.Только плей по середи…
0 votes4 answers -
проблемы с валидацией css в адаптивной верстке.
Имеются встроенные в основной css файл media queries: @media screen and (min-width:200px) and (max-width:1024px) @media screen and (min-width:200px) and (max-width:980px) @media screen and (min-width:200px) and (max-width:768px) @media screen and (min-width:200px) and (max-width:600px) @media screen and (min-width:200px) and (max-width:480px) При валидации сss нет ни одной ошибки!Кроме этих двух: 1.Ошибка разбора @media screen and (min-width:200px) and (max-width:875px) { #header{ font-size:10pt; } .gallery{ position:absolute; top:120px; right:70px; } } 2.Ошибка разбора @media screen and (min-width:200px) and (max-width:620px){ #navig ul{ margin:0; } ul.nav li{ float:…
0 votes8 answers -
псевдоклассы
Почему при наведении мышкой на ссылку, она не красится в красный цвет? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ backgound-color:#ffffff; } a{ font-family:arial, verdana, sans-serif; font-size:12px; font-weight:bold; } a:link{ color:#0000ff; text-decoration:none; } a:visited{ color:#333399; text-decoration:none; } a:active{ color:#0033ff; text-decoration:underline; } a:hover{ backgound-color:#ff0000; text-decoration:underline; } </style> </head> <body> <h1>Стили ссылок</h1> <p>В примере содержится несколько ссылок, с которыми в…
0 votes2 answers -
Не перемещяется блок
Всем привет. На скринах показан код и стили. Не могу понять почему не происходит выравнивания. http://snag.gy/q5eKu.jpg -html http://snag.gy/WV00k.jpg - css http://snag.gy/2rqBC.jpg - демонстрация куда должен стать блок. Может вопрос и глупый но я никак не могу понять что не так. Заранее признателен за помощь.
0 votes7 answers -
необходимо убрать поле select (subject), подскажите пожалуйста как
Здравствуйте! Создал форму обратной связи, вот что получилось - Я хотел бы убрать (поставить по умолчанию свою тему письма, например Test) поле select в моем случае это тема письма (subject) для увеличения поля textarea Форма состоит из скриптов на проверку полей и на отправку сообщения Здесь прилагаю саму форму - скачать Нужно что-то изменить в этих папках, и соответственно в index.html formit\assets\php\ formit\assets\xml\ Буду безумно благодарен за помощь! PS Кстати, я специально убрал капчу, просмотрев перд этим кучу западных сервисов, у которых её нет
0 votes2 answers -
Прошу помощи по установке слайдера.
Доброго дня, хочу попросить помощи у знающих людей, не могу установить слайдер, если вам конечно не тяжено. Вот этот слайдер http://www.htmldrive...jQuery-and-CSS3. Если хотите помочь просто напишите свой скайп, там поговорим. Я даже могу деньгами отблагодарить! Ребята, очень нужно
0 votes5 answers -
background-image не ставиться
Почему-то не ставиться background-image. Путь стоит верный, т.к. в простом html, где ничего нет, кроме фона, все ставится. Вот страница http://87.237.116.73/blog/index.html . Помогите, пожалуйста! resource://jid1-cxafu9ddh0q8gq-at-jetpack/y-translate/data/ajax-loader.gifbackgroundфон[фон] background, ground, context; [задний план] background; [происхождение] origin, descent, birth [ставиться] - put
0 votes2 answers -
0 votes6 answers
-
Как сделать чтобы изображение когда оно :hover?
Сейчас использую такой код: .gallery { max-width: 840px; height: auto; text-align: center; } .gallery-item { background: #000; position: relative; left:-10px; } .gallery img { max-width: 840px; height: auto; transition: all 0.2s ease; } .gallery img:hover { opacity: 0.6; } Суть в том, что картинка находится в диве gallery-item, он черного цвета, по этому когда наводишь на картинку, она становится прозрачней, тем самым темнея. Однако, gallery-item растягивается на все максимальные 840px, и если картинка в ширину меньше этого числа, то по бокам черные полосы, естественно они не нужны, есть ли способ как-то решить это маленькую проблему?
0 votes3 answers -
Ширина подменю в Firefox
Всем добрый день. Не могу доделать подменю. Во всех браузерах при наведении отображается с шириной меню родителя, только в Firefox растягивается до конца страницы. Явно задать ширину для подменю проблематично, поскольку само меню резиновое и его аункты имеют разную ширину. Подскажите, как реализовать правильно? http://jsfiddle.net/s86nf/
0 votes7 answers -
Бесплатный сайт
Доброго дня всем. Изучаю щас верстку, сделаю желающему сайт бесплатно для практики. Было бы отлично если бы заказчику можно было задавать вопросы и советоваться. Всем спасибо за внимание
0 votes3 answers -
background-image
Почему у меня не встаёт изображение вместо маркера? почему-то оно вставляется после слова. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> li.img{ list-style:none; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:6%; } </style> </head> <body> <ul> <li class="img">Главная</li> <li>Программы</li> <li>Фильмы</li> <li>Игры</li> </ul> </body> </html>
0 votes14 answers -
В шаблоне для рассылки Яндекс игнорирует отрицательные поля ?
Яндекс отрубает отрицательные значения полей, оставляет только положительные без минуса, Mail.ru не разрешает позиционирование, если учесть Mail.ru верстать без позиционирования чисто на отрицательных полях тогда в Яндексе шаблон рассылки разваливается, как обойти проблему???
0 votes1 answer -
Как убрать полосу прокрутки в данном случае? (сайт прилагается)
Доброго времени суток. Верстаю макет сайта. Сделал заготовку Задачка в том, что там есть ненужная вертикальная полоса прокрутки. Как её лучше убрать? Спасибо! пс: пробовал при помощи float:left к нижнему 2 и 3 блокам прокрутка пропадает все как надо, но при изменении масштаба страницы блоки начинают плавать куда-то вниз возможно в других браузерах и с другим разрешением экрана по другому выглядит... но тут на ноуте в файрфоксе выглядит так пс: на всякий случай ссылку и картинку удалил.. вопрос решен - надо было размер страницы в ширину вместо 1280 поставить хотябы 900
0 votes9 answers -
Cufon или @font-face?
Доброго времени суток! Стою перед выбором, что лучше использовать Cufon или @font-face? Посоветуйте пожалуйста! И если не сложно, то напишите почему?
0 votes4 answers -
горизонтальное меню:hover с фоном не закрывает слева разделитель
Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer;…
0 votes4 answers -
проблема с версткой сайта в ie
http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально 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=utf-8" /> <title>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-