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
-
Обрезка Div Блока
Подскажите, не знаю как сделать. Есть Два див блока. <div class="duvet"> </div><div class="sheet"></div>Для них стили .duvet { position: absolute; width: 400px; min-height: 440px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6); border-radius: 100%;}.sheet { border-radius: 100%; position: absolute; z-index: 3; width: 400px; height: 100px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6);}Требуется обрезать .sheet таким образом что бы…
0 votes3 answers -
Как верстается такой интересный градиент ?
Можно ли такую кнопку с двойным градиентом сверстать без применения фотоной картинки ?
0 votes5 answers -
bgcolor
Добрый день! Совсем недавно начал учить html, и столкнулся с проблемкой. Мне нужно задать цвет фону таблицы, однако bgcolor перестал действовать после HTML 4.1 вроде. Собственно вопрос, дали ли ему какую замену? Или теперь это нужно решать только через CSS? Заранее благодарю. P.S. Пытался сделать это через стили но вышла какая то джигурда =) То ли из за php встроенного в текст в таблице толи я что то неверно написал.
0 votes3 answers -
Thumbnail таки не решен
Здравствуйте. Кто вчера видел тему, то вот она ещё раз - http://htmlforum.ru/index.php?showtopic=53859#entry360643 Думала, что bxslider все исправит, но нет. Изначально использовала owlSlider, но там не было thumbs. Это дописалось неплохо таки, но с одним условием http://joxi.ru/bmoO8NWcPjlWmy- вот что имеем. но вызвав дебагер все становится как надо http://joxi.ru/krD95KOSb3dqmp или в обратном порядке с изначально включенным дебагером http://joxi.ru/Y2LqRxXtj8vBA6 и убирая его http://joxi.ru/a2XeJ03SG7pNAg Такая же проблема осталась с bxslider. Кажется, проблема не в нём. Но на всякий случай указала minSlides: 1...maxSlides: 1Использую arcticmodal, приглянулся мн…
0 votes10 answers -
Кастомизировать circle bar на SVG или Canvas
Здравствуйте. Помогите дописать внешний вид для circle bar. Нужно следующее - http://joxi.ru/E2pkNJdSBNZkWm Пока нашла 2 неплохих плагина, progressbar.js (SVG) и radialIndicator.js (Canvas). Как дописать тот красный кружок?
0 votes0 answers -
Блочный элемент не может содержать блочные и строчные элементы вместе?
Я на данной статье прочитал следующее "Блочные элементы могут содержать как строчные, так и блочные элементы, но не оба типа элементов сразу." Это как понимать? т.е. так делать нельзя? https://jsfiddle.net/toe0nkwc/? Всё вроде работает и отображается.
0 votes4 answers -
Как запретить в IE всплывание на картинке <img></img> менюхи?
графического меню, с предложением распечатать, сохранить?? как это заблочить??
0 votes1 answer -
Непонятное увеличение высоты
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Непонятное увеличение высоты</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> HTML { height:100%; } BODY { margin:0px; padding:0px; height:100%; } #zagolovok { margin-top:100px; border:solid 1px #E3D884; } </style> </head> <body> <div id="zagolovok">Заголовок</div> </body> </html> В ИЕ всё работает понятно для меня, в мазиле и опере же способ работы данного кода для меня не понят…
0 votes11 answers -
Нужен костыль.
Работает во всех браузерах, но IE6 не хочет понимать примерно такую конструкцию: a[alt="home"] {background:такой-то;} Можно ли что-нибудь сделать? Даже не знаю как это называется, погуглить не получается. Оказывается это называется селекторы атрибутов. Только костыль все равно не нашел.
0 votes5 answers -
Chrome и соседние селекторы
Странно, нигде в интернете не видел упоминания об этом. Совершенно случайно обнаружил, что хром некорректно обрабатывает селекторы соседних элементов. Скажем, если я хочу выделить с их помощью второй элемент в списке, то выйдет всё совсем не так, как хотелось бы. См. комментарии в коде. <!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="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Red Preved</title> <style> dd:first-child + dt { color: red; /* …
0 votes2 answers -
Задача
что может значить вопрос : itransition32? это задача по программированию
0 votes3 answers -
Таблица
Здравствуйте, подскажите пж как реализовать. Есть таблица как выделить определенную ячейку таблицы?
0 votes8 answers -
div на div
В общем ситуация: есть див с ещё тремя внутри. Жёлтый не трогаем. У зелёного заданы только бордеры - нужно вроде как оформление сделать, не суть. А в красном текст будет. И этот зелёный как бы в стороне - текст доходит только до его границы, некрасиво получается. А надобно, чтоб он шёл дальше. Как бы реализовать? У зелёного относительное позиционирование верх право + плавает справа, это нормально?
0 votes8 answers -
Помогите с кнопкой пожалуйста
У меня вот такая кнопка! http://itmages.ru/image/view/771466/ba570db8 что мне дописать сюда, чтобы внутри неё появилась надпись "поиск"?? <Label Class="XAML-grid-label-name">Поиск:</Label> <Edit Name="SearchField"></Edit> <Button Class="XAML-button-search" Width="10" Click="ACTION=UpdateCollaboratorsCache"/>
0 votes8 answers -
Фиксированная шапка и <body> overflow: auto;
Мне необходима фиксированная шапка т.к. у <tbody> должна быть прокрутка. <div id="bigdiv"> - имеет стили #bigdiv { max-height: 550px; overflow: auto; width: 1024px; } <div id="bigdiv"> <table> <thead> <!-- Шапка должна быть фиксированной --> <tr> <td>Дата </td> <td>Имя пользователя </td> <td>Тип </td> <td>Удалить </td> </tr> </thead> <tbody> <!-- Должен прокручиваться --> <? $ch = mysql_query("SELECT * FROM `client…
0 votes6 answers -
Тег <ol>
Здравствуйте! Помогите, пожалуйста, решить проблему. Для ol li задан класс: ol li{border-bottom:1px dotted #ccc;} Как убрать border у 10-го по счёту li? Всю голову уже сломал... Кто знает, подскажите, пожалуйста...
0 votes2 answers -
Все еще галерея
С помощью чего человек расположил список "One, two, three, four" в строку? http://jsfiddle.net/kKUZq/
0 votes1 answer -
Как убрать пробелы и отступы?
Картинка разъехалась как её собрать?
0 votes5 answers -
Какая-то ерунда с float:left в двуколоночном макете
Есть сайт в разработке, и вот на этой странице наблюдается странный баг, больше не знаю как назвать - http://arteidos.ru/rubashka1 Левая колонка имеет свойство float:left, правая margin-left на ширину левой. Т.е. по идее, всё что находится в правой колонке должно выводиться без каких-либо проблем. Однако, как видно, мини фотки имеют неприлично большой отступ сверху. Отсуп этот берётся из-за левой колонки, а точнее из-за календаря, а ещё точнее из-за его контейнера с id="Calendar", там где он кончается, там и начинаются фотки в правой. При удалении потрохов этого контейнера картина не меняется. При этом верхний контент в правой колонке, идёт как положено. Короче, полный …
0 votes3 answers -
Маштабирование фона
Всем доброго вечера, господа, подскажите пожалуйста, как делать так, чтоб фон (картинка) автоматически маштабировалась (обрезалась/уменьшалась, увеличивалась) пропорционально размеру окна браузера. Заранее спасибо.
0 votes2 answers -
А как бы сверстали вы? Занимательный вопрос.
Всем привет! Наткнулся на такой макет https://mega.nz/#!5XYwxYrK!CKPEpk5YklPP-_QThH67BoTQLVQfDvzt1cmVoO9hFRo На картинке проблемные элементы выделены синими стрелками: - листы с загнутыми уголками и тенями (Блоки с заголовками Documents и Photos) - иконки планшетов с тенями - линия разрыва (если так понятно о чем я) - иконки ноутбука с тенями Можно сверстать так: загнутые листы и иконки блоков docs и photos наверное можно в одну png сохранить. можно разбить на два файла. Планшеты(ноут) и тени сделать отдельными картинками. Т.е. тень будет фоном у компа и ноутов. Планшеты и ноут в SVG. Но больше всего интересна…
0 votes2 answers -
Как выстроить в 1 строку ссылку с картинкой?
У меня есть 2 ссылки с картинкой (стрелка), мне нужно разместить их зеркально друг от друга (типа назад и вперёд), пробовал через div но оно на разных стоках. Если просто отдельно для каждой делать, то они на разных высотах по (y) пикселей 5 (фиг знает). Подскажите как можно их выровнить
0 votes1 answer -
Таблица с повторяющимся фоном в IE
Проблема в следующем... При изменении размеров картинки (фото) нарушается структура таблицы с повторяющимся фоном в IE (в др. браузерах все хорошо). Ссылка: http://www.bk-palladio.kiev.ua/gallery/Kvartira-na-Oboloni/ {style} table#photo_content {width: inherit;max-width: 514px;min-width: 338px;} table#photo_content .pct {background: url(images/gp_tbg.gif) repeat-x top center;height: 35px;} table#photo_content .pcb {background: url(images/gp_bbg.gif) repeat-x top center;height: 35px;text-align: center} table#photo_content .pcl {background: url(images/gp_lbg.gif) repeat-y left center;width: 36px;height: 100%;} table#photo_content .pcr {background: url(images/gp_rbg.gif) r…
0 votes2 answers -
опять 2 колонки
Столкнулся с проблемкой... вроде обычный двухколончатый макет, но не знаю как сделать так, чтобы колонки были одной высоты, которая бы зависела от наполнения... т.е. 2 колонки вели себя как колонки таблицы и могли растягивать вниз общую нижнюю границу... В моем коде граница может растягиваться только в зависимости от наполнения правой колонки, а вот если в левой колонке больше контента, то он за границу лезет... Может есть у кого-то мысли или делал кто-то... Таблицей сделать можно легко, но хочется css и дивы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">…
0 votes2 answers -
не получается background
Всем привет! Пытаюсь сверстать макет, чисто на дивах. Имеется див со следующими параметрами: .bgimg4 { width:912px; height:auto; background-image:url(bgimg2.gif); background-repeat:repeat-y; border:0px; } Проблема в том что, как только в этот блок, я помещаю дивы, с заданными параметрами float:left; или right - фоновый рисунок вместе с дивом просто сворачивается наверх о_О, Примерно так как я на картинке изобразил: Вот. Это моя первая верстка, по этому очень прошу не бить сильно, если что не так.
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-