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
-
Тег <progress>
Как изменить цвет движка в теге <progress>, чтоб он был не зеленый, а, например, красный?
0 votes0 answers -
Два полностью независимых слоя. Один над другим.
Доброй всем ночки. Сразу прошу прощения за вопрос. Но до ответа на него я что-то не могу никак дойти. Проблема вот в чем. Есть два слоя. Нужно сделать так, чтобы один был над другим. При этом нужно сделать так, чтобы один слой был ровно над другим, куда бы мы этот див в body документа не вставили. То есть их содержимое друг с другом не должно быть связано никак. Чтобы, к примеру, какой-то скрипт, вставленный в один слой, не трогал вообще никак другой, не смещал его никуда. Вариант с тем, чтобы у одного слоя поставить left: 200px; top: 20px; а у другого left: 200px; top: -40px; к примеру не подходит. Визуально один слой на другой наложится, но такие ди…
0 votes2 answers -
Выравнивание для firefox
Здравствуйте! Столкнулся с проблемой, при вставке в Wordpress кода ротации тизеров. На хроме и сафари сайт отображается нормально. А все остальные браузеры(проверял в сервисе) отображают баннеры вправо, тем самым закрывая сайдбар. Пытался выравнить код через div - эффекта нет. Подскажите, как выравнить блок в нормальное положение?(сразу после поста)
0 votes11 answers -
Плывет меню, если скролить
Здравствуйте. Не могу понять что мешает и в чем причина... Есть меню в футере, там 8 пунктов, открывается нормально в любом разрешении, есть выравнивание, все хорошо, но если скролить + или - то один из блоков (Карта сайта) переходит на уровень ниже. Еще такой момент: если скролить один раз ctrl+, то плывет блок вниз, если еще раз нажать ctrl+ то все возвращается в исходную позицию, т.к. так как надо! И так же с минусом. http://watchmagazine.ru/
0 votes1 answer -
fixed div наезжает на не_fixed при изменение размера экрана
Здравствуйте! Подскажите, пожалуйста, как справиться со следующей ситуацией. Экран вертикально разделен 50% на 50%. В левой колонке располагаются вертикально несколько div. Появляется прокрутка страницы. В правой колонке посередине экрана зафиксирован другой div. Проблема: при сжатии окна браузера до размера меньше левого div, правый фиксированный div наезжает на левые. Как и где можно поставить что-то типа min-width, чтобы при сжатии до определенного размера появлялась горизонтальная прокрутка и левый div не наезжал на правые? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <…
0 votes2 answers -
Не округляются картинки в хроме
Помогите разобраться почему в Google Chrome не округляются картинки. .news img, .news img a { border : #ffffff solid 3px; border-bottom : 0 solid #ffffff; border-radius : 10px; } Причем не округляется очень странно, верхние углы остаются полностью квадратными а нижние накосо срезаются (скрин ниже).
0 votes5 answers -
поле уехало
помогите пожалуйста понять почему на страничке в последнем хроме поле .fld_search уезжает вверх? в ие подобные проблемы были, но я их решил при помощи условных комментариев. в хроме что можно сделать?
0 votes8 answers -
проблема верстки в Safari
Здравствуйте. Столкнулась с проблемой верстки в Safary - сжимается текст в блоке. В опере, фф, ие, хроме все отображается корректно(скрин хрома): А вот так все выглядит в сафари: html для новости: <div class="content-item"> <div class="item-image"><a href="#"><img src="images/pic/items1.jpg" border="0" /></a></div> <div class="item-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel mi vitae lectus mattis facilisis. </p> </div> <div class="item-more"><a href="#">Читать далее... →</a></div> </div> css для новости: .content-item {padding-bottom…
0 votes4 answers -
Таймер снова отсчитывает при обновлении
Здравствуйте! Сразу скажу, незнаю в том ли месте прошу помощи, но может кто то сталкивался и поможет ссылкой или советом. В общем дело такое. Есть таймер обратного отсчета. Сделан на флэше. Все настройки присутствуют. Чтобы было понятнее куплен был здесь. Все нормально работает, таймер обнуляется, выводится сообщение. Но стоит обновить страницу, как таймер снова начинает отсчитывать. А надо чтобы не отчитывал. Помогите плз! Приведу пару строк кода: <object type="application/x-shockwave-flash" height="100" width="200" data="cdt_base/cdt_main.swf"> <param name="movie" value="cdt_base/cdt_main.swf" /> <param name="base" value="." /> …
0 votes2 answers -
"Плывет" сайт после доработки css
Привет, всем жителям форума! Возникла проблема, не знаю в чем причина и куда копать. Лежал у меня сайт в сети интернет некоторое время пока не пришла мне в голову мысль немного его перелопатить (поменять немного теги и стили к ним). Поменял и все поползло. Т.е. открываешь сайт не зависимо из адресной строки или через поиск, все отображается криво. Нажимаешь F5 все встает на свои места. И так с любого компьютера. В чем причина подскажите, как это убрать? Вот сайт www.srub-profi.ru
0 votes5 answers -
Проблема скомпилированный стиль
Есть такое <div id="top_menu"> {cpt_category_tree} </div> top_menu задан в style.css , {cpt_category_tree} дает следующий код <div id="top_menu"> <div class="cpt_category_tree"> <ul id="menu"> ..... ... </ul> </div> </div> высота cpt_category_tree разная в разных браузерах, выходит из скомпилированного стиля. Оставлял даже так <div id="top_menu"> <div class="cpt_category_tree"> </div> </div> Высота все равно не та, что нужно, от 19 до 25 пкс в разных браузерах. Не могу понять откуда оно взялось и как найти и поправить.
0 votes6 answers -
Добавить разделитель в меню?
не могу догнать как добавить разделитель в меню после "карта сайта" сайт pechati89.ru #pagemenucontainer { height: 30px; padding: 0 8px 0 8px; background: #FFFFFF; margin-top: 4px; border: 1px solid #F3F4F5; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: left; } #pagemenu { height: 30px; float: right; } #pagemenu, #pagemenu ul { padding: 0; margin: 0; list-style: none; line-height: 1; } #pagemenu { margin-bottom: 1px; } #pagemenu ul { float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; } #pagemenu li { float: left; list-style: none; marg…
0 votes2 answers -
4 состояния кнопки?
Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие. А как сделать блокированное состояние?
0 votes4 answers -
блок не тянется по ширине в ie7
Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код: Html <div id="wrap_header"> <!--Блок который должен тянуться --> <div id="header"> <!--Блок который должен быть фиксированным --> <div id="logo"></div> <div id="menu"></div> </div> </div> CSS #wrap_header{ width: 100%; height: 150px; background: url(../images/header_bg.jpg) repeat-x; } #header{ width: 1024px; height: 150px; margin: 0 auto; } #logo{ float:left; width: 200px; height: 80px; background: имадже; } #logo{ float:right; height: 80px; } Во всех нормально отображается, нормально тянется и фиксируется. А во…
0 votes10 answers -
Расположение элементов
Как сделать что-бы меню было ровно с приветствием? CSS #ave{ margin-top: 30px; width: 700px; margin-left: 300px; } #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 205px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }
0 votes2 answers -
Глюк с menu ?
Вот, чтобы список имел одинаковый отступ слева, надо писать так ul { padding: 0; margin-left: 0; }, и тогда во всех браузерах будет одинаковый отступ слева. Но вот если вместо ul использовать menu, то такой фокус не работает. В google chrome и safari Один отступ, а в других браузерах - другой. Такие вот дела.
0 votes4 answers -
тег для автора
подскажите пожалуйста какой html5-тэг использовать для обозначения имени автора в конце статьи
0 votes3 answers -
Оформление <option>
по этой статье сделал селект http://frontendblog.info/styles/whatever/pretty-drop-downs/ на выпадающие оптионо всё равно такиеже. перепробывал всё что только знаю но оформить покрасивше не как не получается, задний цвет изменить получается а вот поменять его на картинку не получается. А вообще хотел получить что-то на подобие такого селекта http://demo.uthemes.ru/index/sedona/0-172
0 votes3 answers -
Сайт расплывается в IE
Подскажите пожалуйста, как выровнять conteainer относительно body, чтобы он был посередине монитора в IE? В остальных браузерах нормально body { font: 0.8em Arial, Helvetica, sans-serif; background-image: url(bj.png); background-repeat:no-repeat; } #container { width: 1000px; margin: 0 auto; min-height:100%; position:relative; }
0 votes1 answer -
Форма обратной связи на сайте выдает иерогифы
Подскажите пожалуйста, форма обратной связи на сайте выдает иерогифы, что подправить? <!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> </head> <body> <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['mess'])) {$mess = $_POST['mess'];} if (empty($name)) { echo "<b>Не указано имя!<p>"; echo "<a …
0 votes2 answers -
Помогите перевести на русский шаблон одностраничного сайта
Помогите перевести на русский шаблон одностраничного сайта. Замена английских слов на русские и сохранение в UTF-8 не помогло. На большее знаний не хватает. Подскажите что надо сделать. Не знаю как показать шаблон... Скачала здесь: Моя ссылка
0 votes4 answers -
Input - в сафари
Всем привет! Вот сайт - http://nyashki-tv.ru/news/manga_blich_500_bleach_manga_500_spasitel_v_glubokoj_tme/2012-07-10-80 Дело в том,что кнопка "ОК" в форме добавления комментария почему-то имеет разную ширину в сафари и в хроме.Для примера в хроме все нормально я задала paddin:0px 20px и все какк по маслу.Но почему в сафари все иначе блок с таким паддингом не влезает и инпут прыгает вниз(( Логин - Nyashki-tv Пароль - test
0 votes1 answer -
Высота содержимого колонки
Доброго времени суток. Имеется следующая проблема: есть таблица с 4 колонками. Первая из них имеет 3 вложенных друг в друга дива, высоту которых - то мне и нужно увеличить до 100% от высоты самой колонки.("Содержимое 1"). Живой пример (http://jsfiddle.net/2ftXk/). Заранее спасибо
0 votes2 answers -
не работает скрипт
<img src="/images/site/WOM_mini.jpg" style="margin:20px;border: 4px ridge #adadad;" id="bigtip" onclick="click()"> <script> var svertmenu5 = document.getElementById("bigtip"); function click(){ svertmenu5.style.border = "10px"; } </script> где ошибка?
0 votes4 answers -
Изменение ширины при увеличении
Допустим, есть такой код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>...</title> <style> body {margin: 0} #header {background: green} .wrap { width: 980px; margin: 0 auto; border: thin solid red } </style> </head> <body> <div id="header"><div class="wrap"> text </div></div> </body> </html> Почему при увеличении масштаба ширина #header становится меньше ширины .wrap и, как следствие, появляется область без фона зеленого цвета?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-