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
-
Twitter Bootstrap
Подскажите, как можно встроить navbar-fixed-top панель на страницу так, чтобы стили twitter bootstrap не перебивали основные стили сайта и наоборот?
0 votes3 answers -
twitter bootstrap. отменить адаптивность
подскажите пожалуйста как можно при помощи twitter bootstrap сверстать страничку, элементы которой не подстраиваются под ширину экрана. то есть не изменяют вид и положение для примера набросал страничку. видно, что при уменьшении ширины окна браузера элементы странички изменяют вид и положение
0 votes2 answers -
txt link hover и img link hover
Помогите настроить CSS. Есть кусок: a:link { color: black; } a:hover { background-color: black; text-decoration: none; color: white; } img, img:hover { background-color: transparent; padding: 0px; text-decoration: none; } <a href="#">TEXT</a> <a href="#"><img src="#"></a> Проблема такая. У ссылочных картинок появляется левая толстая палочка снизу, от которой не избавиться А как избавиться?
0 votes3 answers -
type radio src image
Как можно сделать чтобы type radio была изображением?
0 votes1 answer -
type="radio" в САФАРИ (5.1.2)
Вот такая конструкция <div style="float: left; width: 15px; " align="right"> <input type="radio" > </div> в Сафари отображается серым квадратом без возможности выбора. Кто сталкивался? Баг Сафари? Как лечится?
0 votes1 answer -
type="range" и ie
Добрый день, на сайте вывел ползунок <div class="range"><input type="range" name="rangeInput" id="rangeP" min="0" max="1" step="1" value="0" onchange="updateTextInput(this.value);"></div> <p id="demo"></p>Через css привел к одному виду в разных браузерах, но осталось две проблемы:1. В ИЕ при нажатии на ползунок и перемещении, появляется с верху квадратик с цифрой, значением, вот как его убрать.2. При перемещении ползунка, в зависимости от значения 0 или 1, должна меняться картинка, в гугле и опере меняется, а в ИЕ не хочет, где ошибка? <script type="text/javascript"> function updateTextInput(val) { if (val == "0") { docume…
0 votes3 answers -
type="text/css"
У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>
0 votes1 answer -
type=file стили и значение
Подскажите для поля как можно задать значение, что б при выводе формы там уже был путь к файлу? и еще как использовать стили для этого поля (покрасить: кнопу, background поля input)?
0 votes1 answer -
Tень в IE9+
Всем доброго времени суток!. Есть слайдер, который по разному отображает тень в IE9+(по бокам у элементов div.slider1 div.slide) в сравнении с тем же Firefox. Как быть?
0 votes5 answers -
Ucoz
Скажите пожалуйста, возможно ли практиковаться и оттачивать навыки CSS и HTML на Ucoz.ru?
0 votes19 answers -
ui autocomplete
день добрый прикручиваю к инпуту автозаполнение http://jqueryui.com/autocomplete/ подскажите, плиз, как сделать, чтобы по фокусу инпута выпадающий список открывался со всеми элементами сейчас он открывается при вводе символов, если конечно нашлось такое вхождение
0 votes0 answers -
UL
Подскажите што делать.как убрать подчеркивание у ссылки <li>,и как сделать background-image. писал вот так.неполучаетсо. background-image:url:(img/fon.jpg)no-repeat; background-image:img/fon.jpg;
0 votes17 answers -
Ul Li Display: Inline; - Отступы При Использовании Бэграунда
Здравствуйте! Подскажите по ситуации, имею CSS: #maincontent > .sectionmenu { position: relative; margin: 0px 0px 0px 1px; padding: 0; width: 990px; height: 23px; border-top: 1px solid #000; border-bottom: 1px solid #000; } #maincontent > .sectionmenu.shadowline{ ~height: 9px; margin: 0; padding: 0px 0px 9px 0px; background: #fff url(/shdw3.png) top left no-repeat; } #maincontent > .sectionmenu ul{ background-color: #fff; margin: 0; padding: 0; height: 23px; } #maincontent > .sectionmenu ul li{ list-style: none; ~display: inline; background-color: #dedede; color: #333; padding: 0px 5px 0px 5px; margin: 0; font-size: 11px; line-height: 23px; height: 23px; …
0 votes6 answers -
ul li бутерброд без js
Добрый день. Подскажите пожалуйста как реализовать аккуратное бутерброд-меню (ul li) без дополнительных подразделов и главное без js.
0 votes7 answers -
ul li с птичкой
Добрый день вот кусок кода html <ul> <li><a href="landscapes.php?t_dir=Olga">ОЛЬГА</a></li> <li><a href="landscapes.php?t_dir=Julia">ЮЛИЯ</a></li> <li><a href="landscapes.php?t_dir=Rimma">РИММА</a></li> </ul> css ul { margin: 20px; padding: 0; list-style-image: url(../images/list_icon.png); } ul li { margin: 0 0 15px 0; padding: 0 0; } Существует ли способ ставить только одну птичку в выбраной строчке li? Все что я нашел - это стремная переделка input с радиокнопкой. Может кто помочь пожалуйста?
0 votes11 answers -
ul и h3
Как выровнять список, что бы все было в одну строчку? <ul style="list-style:decimal;"> <li><h3>Заголовок 1</h3></li> <li><h3>Заголовок 2</h3></li> </ul> При построение такого списка нумерация на одном уровне а h3 на другом и ни как не получается их выровнять.
0 votes8 answers -
ul и img float
В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..
0 votes12 answers -
ul и li в контейнере
Вопрос по CSS. Подскажите как заставить работать ul {мои данные} ul li {мои данные} только в контейнере например с классом "mycontainer"
0 votes1 answer -
ul: margin: 5px;
ul { list-style-type: none; margin: 5px; } Почему в "неправильном" эксплорере показывает отступ 5 пикселей, а в "правильном" файрфоксе - как будто не задавались параметры отступа, т.е. примерно 25 пикселей?
0 votes2 answers -
ul+li+images+ie = проблема
есть обьект div, внутри него еще один див который крутит показ банеров. <div id="carusel"> <div id="bannerRotator"> <ul> <!--<img src="123_files/1390x140&text=one.gif" alt="bannerImage1">--> <li rel="1" style="display: block; opacity: 0.828293;"> <a href="#"><img src="123_files/1390x140&text=one.gif" alt="bannerImage1"></a></li> <li style="display: list-item; opacity: 0.171707;" rel="2"> <a href="#"><img src="123_files/1390x140&text=two.gif" alt="bannerImage2"></a></li> </ul> …
0 votes0 answers -
undefined index Undefined index
Undefined index в файле продукта tpl. Как устранить ошибку?
0 votes8 answers -
underline и sup
Сделал ссылку с подчеркиванием. А в ней велечина м2, с помощью тегов sup. Так в месте где цифра 2 вверху, линия подчеркивания прерывается, подчеркивается двойка вверху, потом опять подчеркивается текст. В общем ссылка не красивая. Как бороться?
0 votes2 answers -
underline у Hover
Привет, убрал андерлайн у ссылок, но все равно маленькое подчеркивание остается(см на пикче). https://jsfiddle.net/aL9cgghf/ вот сам код, верстаю на бутстрапе.
0 votes2 answers -
unexpected $end
Извиняюсь за многабуков внизу( все однотипное правд но на всякий случай скинул весь блок). Делаю игру ( угадай число) и натолкнулся на проблемку. Parse error: syntax error, unexpected $end in /home/u177089695/public_html/gam2.php on line 203 Не работает именно из за кейсов, т.к. без них игра работает. Подскажите что не так сделал пожалуйста! switch ($t) {case 1:?><table> <tr> <td style="background-images: url(images/cat/1.png);"></td> </tr></table><?php break;case 2:?><table> <tr> <td style="background-images: url(images/cat/2.png);"></td> </tr></table><?php break;case 3:?><table…
0 votes4 answers -
upgrade Bootstrap v2.3.0 на v3.3.7
Всем привет, А сложно ли перевести приложение c Bootstrap v2.3.0 на v3.3.7 и какие могут быть сложности? И достаточно ли будет переписть каталог и все ссылки на файлы версии v3.3.7? Спасибо!
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-