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
-
Пролблемы с выравниаем в css
Никак не могу выровнять столбцы сайта - левый и правый (контент по центру). Чтобы они были одинаково от краев. Правый имеет отступ больше, хотя в css лева и справа padding 20 px. Знаю, решение где-то рядом, но вт где. Иожет кто глянет? http://srv23440.ht-test.ru/ Зранее спасибо.
0 votes1 answer -
height: 100%
Добрый вечер. Это опять я, со своими дилетантскими проблемами. На этот раз проблема в следующем: имеется три блока внутри общего, один из блоков имеет постоянный контент, но ни у одного нет заданной высоты. Необходимо сделать так, чтобы все блоки были одинаковой высоты. Буду рад вашей помощи.
0 votes2 answers -
Слой второй колонки не учитывает отступ от слоя шапки
Здравствуйте, пару дней, как начал изучать HTML, возник такой вопрос: Простой шаблон страницы: шапка(1), левая колонка(2), правая колонка(3), подвал(4). Левая и правая колнки лежат в отдельном слое(5), т.к. собирался делать третью колонку справа. Для всех элементов задан margin: 5px. Левая колонка(2) отстоит от шапки(1) на 5px + 5px ее собственный отступ. Правая же колонка(3) игнорирует отступ от шапки(1), учитывает только свой, почему так происходит? Пробую сделать для правой колонки margin-top: 10px, но тогда на 10 пикселей отъезжает весь слой (5). Если убираю слой(5), margin-top: 10px корректирует проблему, но все равно непонятно, почему требуется эта корректировка. Ещ…
0 votes1 answer -
display block . непонятки
есть код допустим простой <div class="menu"> <div class="up"> <div class="menunav"> <ul> <li><a href="#">Все продукты</a> </li> </ul> </div> <div class="menunav"> <ul> <li><a href="#">Алкоголь</a> </li> </ul> </div> <div class="menunav"> <ul> <li><a href="#">Автомобили</a> </li> </ul> </div> <div class="menunav"> <ul> <li><a href="#"&…
0 votes2 answers -
проблема с таблицей
у меня таблица уехала вниз, как исправить? <html> <head> <style> div { height: 800px; border: 4px solid #000; background: url(????????1.jpg) 100% 100% no-repeat; background-size: cover; } table { background: url(???????.jpg) no-repeat } a { text-decoration: none; } .layer2 { height: 500px; width: 200px; overflow: scroll; background: #fc0; padding: 7px; border: 1px solid #333; } </style> <title> ???????? </title> </head> <body> <div> <p><h2 style="color:#0000FF" ; align="center" > ???? ???????? ??? "????????"</h2></p&g…
0 votes1 answer -
Запрет IE
Как мне сделать, чтобы при входе на сайт с IE старых версий перекидывало на 1 страницу, на которой я напишу что-то вроде 'Данный браузер не поддерживается'
0 votes1 answer -
Как сделать такое меню
Как сделать такую вещь, если навести мышь , то открываются суб категорий: Пример: Окно 1 (Предлогаются категорий Окно 2 : Окно 3: Окно 4) Пример можно увидеть на ebay , если навести мышь на "Fashion" открываются категорий Men's, Women, Kids и так далее.
0 votes1 answer -
Хитрое форматирвоание
Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?
0 votes6 answers -
Странное поведение :active в IE
Добрый день! Вопрос следующий. Есть на странице элемент с псевдоклассом active, при клике на этом элементе должен меняться например цвет фона. Во всех браузерах все работает хорошо, однако в IE всех версий :active срабатывает через раз, т.е. фон сменился, на следующем клике фон элемента не меняется. Т.е. :active срабатывает через раз. Причем onclick срабатывает исправно, на каждом клике. Предложите пожалуйста решение, можно на JS, или подскажите, куда копать..
0 votes2 answers -
Элемент занимает 100% ширину только после наведения мыши
Здравствуйте. На странице внизу под описанием товара в 3-м табе стоят комментарии от Гугл+: Стилями поставил всем что мог width: 100% !important, но если открыть вкладку на свеже загруженной странице, то блок комментариев занимает часть ширины, и только если провести по нему мышью, блок расширяется на всё доступное пространство. Чем обусловлено такое поведение(скриптами гугл?) и как это вылечить?
0 votes4 answers -
Оцентровка меню по внутренний блок
Доброго времени суток всякому сюда зашедшему. В общем сразу к проблеме. Делаю сайт на wordpress, нашёл подходящую тему, все настроил, но есть одно "но". Меню. http://oxvo.ru/ видно, что меню растянуто на всю ширину страницы. Я же хочу сделать меню по ширине внутреннего, блока. Собственно, вот кусок кода: #sideviewtoggle {display: none;}.no-menu-msg {color: #FFF;font-size: 16px;line-height: 20px;padding: 20px 40px;text-align: center;}.secondary-navigation {width: 100% !important;box-shadow: 0 1px 5px rgba(0,0,0,0.2);-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);-ms-box-shadow: 0 1p…
0 votes4 answers -
Ссылку на актуальную статью по less
Дайте, пожалуйста, ссылку на актуальную статью по less... Имею Kubuntu, Chromium, FF, установленные пакеты less-458-2, nodejs-0.10.25~dfsg2-2ubuntu1 гуглом нахожу какие-то обрывки
0 votes1 answer -
Помогаем не стесняемся
Наерезал я макет на шопе, Блокнот готов, шо дальше?
0 votes0 answers -
Цвет ссылок
Здравствуйте! Подскажите пожалуйста можно ли сделать ссылку из двух цветов?
0 votes4 answers -
Несколько бакграундов в IE
Возможно ли отрисовать с помощью DXImageTransform реализовать в IE поддержку нескольких бакграундов по аналогии с CSS3: #element { background: url('img.png') 20px 0 no-repeat, url('img.png') 40px 0 no-repeat, url('img.png') 80px 0 no-repeat; } Пробовал сделать вот так: var Element = document.getElementBuId('element'); Element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 40)" + ", progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 20)"+ ", progid:DXImageTransform.Microsoft.Al…
0 votes0 answers -
Опустить DIV в DIV'е в нижний правый угол
Не могу опустить DIV в DIV'е в нижний правый угол при фиксированном размере вложенного div'а и c padding'ом. Может кто покажет на примере?
0 votes2 answers -
Стили для поля со списком
Как изменить внешний вид поля со списком? В частности хотелось бы узнать как изменить внешний вид кнопки по нажатию которой список раскрывается. Как тут например Спасибо.
0 votes1 answer -
JS слайдер
необходимо добавить активные кнопки "вперед/назад" для JS слайдера. slider.js var currentImage; var currentIndex = -1; var interval; function showImage(index){ if(index < $('#bigPic img').length){ var indexImage = $('#bigPic img')[index] if(currentImage){ if(currentImage != indexImage ){ $(currentImage).css('z-index',2); clearTimeout(myTimer); $(currentImage).fadeOut(250, function() { myTimer = setTimeout("showNext()", 3000); $(this).css({'display':'none','z-index':1}) }); } …
0 votes0 answers -
проблемы с подсчетом суммы
Ковырялся в скрипте и подпортил его - не высчитывает сумму верхнего левого чекбокса на странице страница (function () { var inputs_1, inputs_2, total_el, current_version, table, btn_submit, form; $(document).ready(function () { table = $('.parkesd'); total_el = $('#total'); inputs_1 = getCheckboxes(table, true); inputs_2 = getCheckboxes(table, false); btn_submit = $('#btn-submit').click(function() { $('#zakaz-link').trigger('click'); }); $('#zakaz-link').colorbox({ iframe: true, width:"80%", height:"100%", onComplete: frameReady }); $('#prods').change(recalculatePrice); table.find('input[type=checkbox]'…
0 votes1 answer -
Оптекаемость div
На днях начал разбираться спозиционированием и столкнулся с проблемой - текст в родительском div'e заезжает под дочерний div. Дочерний див прижат к правому нижнему углу родительского div'a и внутри него располагается 3 иконки и если текста получается много, то он уходит под дочерний див, а не обтекает его <div id="block_r"> Текст текст текст текст текст текст Текст текст текст текст текст текст Текст текст текст текст текст текст Текст текст текст текст текст текст <div id="block_a"> <img src="img/ico1.png" width="45" height="38" align="right"> <img src="img/ico2.png" width="45" height="38" align="right"> <img src="img/ico3.png" width="48…
0 votes1 answer -
Помогите реализовать новсть
Помогите реализовать... И если картинки нету, чтоб сдвиг был в лево был.
0 votes2 answers -
Нужна подсказка опытных)
Всем привет) я начинаюший в деле вёрстки и пока знаю только html и css могу сделать простой сайт, но тут захотелось сделать что-то сложно на подобии сайта объявлений, ну и возник вопрос, какие знания,технологии и движок выбирать для разработки "сайта объявлений". Заранее спасибо.
0 votes2 answers -
Пространство вне сайта
Всем привет! Я новичок, сверстала первый макет и уже второй день не могу разобраться - что за пространство возникает вне сайта, кто из дивов его провоцирует и как его убрать? http://cssdeck.com/labs/ochjkfna
0 votes4 answers -
Спрятать блоки
Всем привет!!! Помогите разобраться есть такой код http://jsfiddle.net/2cnysy8z/ . Проблема в следующем я задаю для ul overflow: auto; то есть по идеи если контент не влазит должны появляться полосы прокрутки, ну все вроде бы правильно, но когда я задаю для li float: left, то блоки с картинками все равно остаются один под одним, они не встают флоатом, если применить классы, которые я закоментировал то получатся то что мне нужно, но я не могу понять, почему блоки не встают так как работает флоат , мне надо чтоб они вставали автоматом , а не через класы, ибо если добавить новый li то для него опять надо писать клас. а посути они просто должны флоатить
0 votes2 answers -
Заголовок поста
У меня есть сверстанный блок Но при его увеличении и когда я открываю в мозилле, вот что происходит: Как быть? На всякий случай, код с css /*Content*/#content .post { width: 460px; padding: 0 15px 0 5px; float: left;}.square { margin: 4px 4px 0 0;}.phead { margin-bottom: 15px;}.phead h3 { display: inline-block; margin:0; }.phead h3 a { text-decoration: none; text-transform: uppercase; color: #7E7E7E; font-family: Oswald, Tahoma, sans-serif; }.lines {display: inline-block;}.post img { float: left;} .entry { text-align: justify;}.entry img { margin-right: 8px;}
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-