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
-
Дивы в диве
Народ!помогите,совсем уже устала с этим биться(...в общем есть один блок родительский, в нем находяться еще три блока,расположены по горизонтали стык встык друг к другу...когда один из этих трех блоков растягивался мне нужно сделать так,чтобы родительский блок тоже в свою очередь растягивался, и принимал значение height такое же как и у самого длинного наследуюемого блока.расскажите как?...заранее всем спасибо.
0 votes6 answers -
Монохромная картинка через css
Добрый день. Подскажите плз. Можно ли как-то задать картинке монохромный (чёрно-белый) стиль без создания новой картинки? В IE есть такое решение filter : gray. А для других браузеров делают через svg. Может есть что=то стандартное?
0 votes7 answers -
не работает background color
Вопрос, когда подключаю к divам, CCS не работает background color, в чем может быть, причина? Вот стили: #line3 { background-color: #5B3403; float: left; width: 100%; height: 5px;}
0 votes18 answers -
transform, transition и IE
Добрый день! Сделала свистоперделки 3D-вращалки на CSS: http://beton-art.ru/ (три штуки под большой инфографической картинкой). В IE не работает, даже в в 11-ом... Что ему мешает выводить информацию в тегах <span class="information">? html: <div id="container"> <div class="t-wrapper"> <div class="item"> <img src="images/1.png" width="300px" /> <span class="information" > <strong>ФАСАДНЫЙ ДЕКОР</strong> <br>Мы выполняем все работы по декорированию дома "под ключ" - от 3D проекта до отделки фасада и монтажа декоративных элементов.<br>При заказе бетонных элементов в нашей…
0 votes5 answers -
некорректно отображается меню в internet explorer - нужна помощь
сделал сайт - neosoulcafe.ru проблема у меня с меню в Mozilla, Firefox и Opera всё отображается корректно, а в Internet Explorer при наведении курсора на контекстное меню, оно пропадает. может у меня что-то неправильно в коде? помогите, пожалуйста, кто может! СПАСИБО
0 votes8 answers -
Фреймы в Div'e и Body
Никак не могу совершить задуманное. Есть сайт, есть страница. На этой странице задумал разместить все мои видеоролики с Ютуба, понаставлял кучу object-кодов через , выглядит громоздко, к тому же страница тяжелая и с 20 плеерами грузится крайне тяжко. Решил сделать следущее. Взять, понаштопать скринов с каждого видео, и из этих скринов сделать гиперссылки к определенному видео. Но задумал еще интереснее, чтобы страница каждый раз не обновлялась со всеми скринами и плеером, а чтобы обновлялся чисто плеер. Сделал еще одну страничку, назвал "1", впихнул туда следущее: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head&g…
0 votes5 answers -
Кнопки, меняющие фон сайта
Здавствуйте.. Помогите плиз: на каком-то сайте видел следующее: есть 3 кнопки( серая, зеленая и синяя). При нажатии на серую фон сайта становится серым; на зеленую - зеленым и.т.д. как это сделать?
0 votes18 answers -
Элементы форму в одну строчку
Прошу помочь. Делаю форму подписки на сайт, взял стандартную фидберневскую, но хочу подкорректировать - чтобы и подпись, и поле для текста, и кнопка были в одну строчку и сидели ровно по горизонту. Но никак не получается. Может быть такое, что дело в стилях сайта? Вот код без ненужных атрибутов: <form style="border:1px solid #ccc;padding:3px;text-align:center;"> <p>Enter your email address:</p> <p><input type="text" style="width:140px" name="email"/></p> <input type="hidden" value="odnivputi" name="uri"/> <input type="hidden" name="loc" value="ru_RU"/> <input type="submit" value="Subscribe" /> </form> Заранее бо…
0 votes13 answers -
0 votes9 answers
-
z-index и наложение элементов на Google map
Прошу помощи более опытных товарищей в решении следующей проблемы. Код Google maps перекрывает все <div> и ни как не реагирует на изменения z-index. Если утрировать есть следующая разметка: <div id="logo"></div> <div id="map"> <iframe class="map" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.ua/maps? и т.д. код Google map"></iframe> </div> При этом карта перекрывает все элементы, не действует и изменение z-index. Каким образом можно сделать, что бы log "залазило на карту"? Буду очень благодарен за помощь.
0 votes10 answers -
как сделать так чтобы браузер не запоминал значение поля формы
как сделать так, чтобы браузер не запоминал введенное значение поля формы? заранее спасибо
0 votes7 answers -
Как отключить сглаживание шрифтов в Firefox с помощью CSS/JS/PHP?
Здравствуйте. В FireFox применяется сглаживание шрифтов, отсюда отличное от других браузеров отображение текста(по крайней мере для Verdana bold). Прочитал, что в конфиге FF для это надо изменить настройку gfx.content.azure.enabled в false, но это делается руками через настройки. Есть ли возможность повлиять на эту настройку средствами CSS, PHP, JS? Благодарю
0 votes7 answers -
css grid
Добрый день) Хочу узнать мнение опытных верстальщиков. Активно ли вы используете grid: display: grid, grid-template-columns: 30px 200px auto 100px и т.д.? Или рано еще?
0 votes15 answers -
внутри div сделать img+p к низу
В общем делаю каталог продукции. Каждая позиция товара находится внутри div. Div имеет фиксированный размер 200x200px. Внутри DIV находится IMG. IMG имеет разный размер, но меньше 200px по высоте и ширене. Также внутри DIV есть P. В общем P нужно прибивать к низу DIV, а потом IMG прибивать к верху P. Но самое главное, все это добро должно быть по центру. <div id="content" class="catalog"> <div><img src="img/okolco.png" alt="" /><p>Обручальные кольца <span>180</span></p></div> <div><img src="img/pechatka.png" alt="" /><p>Печатки <span>78</span></p></div> <div><img src…
0 votes8 answers -
поведение Input при :hover
Здравствуйте, Уважаемые! Вопрос следующий есть инпут, при вводе в него значения, появляется кнопка очистки формы, как сделать так, чтобы избавиться её или спрятать вот код, но картинку вставить в код у меня не получилось
0 votes14 answers -
вопрос "чайника" по изображениям
помогите "чайнику", плиз. Только начинаю. Пишу в блокноте. Дошла до изучения вставки изображения на сайт. . А картинка на сайте и не видна(((. Т.е. я прописала путь к картинке (она у меня расположена на ПК). Может и смешной вопрос, но для меня важно на данном этапе Сильно не ругайтесь, плиз
0 votes8 answers -
ИЕ не отображает изображение во вложенных div
Всем доброго дня. Проблема в том, что браузер ИЕ7 (на других версиях ИЕ не проверял) не отображает изображения во вложенных div. Код в HTML <body> <div id="header"> <div id="logotype"> <a href="/index.php"></a> </div> <div id="menubody"> <div class="home"></div> <div class="graff"></div> <div class="forum"></div> <div class="guest"></div> </div> <div id="menu"> </div> Код CSS для <div class="home"> и остальных трех .home { width:128px; height:128px; margin-top:6px; margin-left: 16px;…
0 votes18 answers -
Style.less Unrecognised input
Здравствуйте!У меня такая проблема в коде в style.less style.less @main-color: red; @main-bg-color: lightgray; @base-size: 24px; body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: @main-color; background-color: @main-bg-color; } .bordered { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sq { height: @base-size * 15; width: @base-size * 15; background-color:darken(@main-bg-color, 50%) .bordered; } style.css body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: red; background-color: lightgray; } .bordered { -webkit-border-radius…
0 votes4 answers -
Как сделать элемент на всю ширину страницы с прокруткой
Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…
0 votes4 answers -
Многоугольник с рамкой
Всем привет. Вот у меня получилось сделать многоугольник на CSS: http://jsfiddle.net/2knMx/, только он без border'a. Мне интересно, а как сделать, чтобы многоугольник был с border'ом? Элементу div задал overflow: hidden, а для псевдоэлемента :before overflow: hidden — не работает. Что-то больше в голову ничего не приходит... http://jsfiddle.net/2knMx/1/
0 votes4 answers -
Не работает AutoPrefixer sublime text 3
Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо
0 votes2 answers -
Не подлючается шрифт Dymaxion Script
Почему браузер не отображает шрифт 'Dymaxion Script' ? Скачивал несколько, но безуспешно @font-face { font-family: 'Dymaxion Script'; src: url('../fonts/DymaxionScript.ttf'); } div { font-family: 'Dymaxion Script'; font-size: 50px; } DymaxionScript.ttf
0 votes9 answers -
Давайте обсудим проблемы шрифтов и сервисы их генерации
В последнее время шрифты вынесли мне все мозги. Давайте запишем сюда все, что мы знаем о проблемах со шрифтами. 1) Вебкит некоторые шрифты криво рендерит - выход, заставить его отображать первым svg 2) firefox не понимает svg, и когда он начинает криво рендерить - почти безвыходная ситуация, хотя мне удалось подключить otf формат, но шрифт выглядел мягко сказать иначе, но зато без зазубрин и обрезания. 3) сервис font-squirrel в режиме оптимизации генерит шрифты без кириллицы (а может лишь некоторые и тогда это баг). 4) Некоторые сервисы, в число которых входит фонт сквиррел криво генеряет eot - выход, генерить с помощью программы на вашем компьютере. 5) Если вы поставили…
0 votes24 answers -
сколбар
Скажите пожалуйста почему Мозила не воспринимает изменения сколбара а эксплоуер вс? 0k? .scrollbar {scrollbar-arrow-color:FF0000;scrollbar-base-color:FFFF00; scrollbar-darkshadow-color:9933FF;scrollbar-highlight-color:33FF00;scrollbar-track-color:FF3300; } .
0 votes11 answers -
Подскажите пожалуйста
Подскажите пожалуйста можно ли сделать простейшую гостевую только с помощью HTML? ни поиск по сайту, ни гугл не помогли
0 votes17 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-