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
-
Чокнутый фон
Здрасте, мне нужно сделать сайт со сложным бекграундом, состоящий из кирпича с 1 стороны и бревен с другой (не моя идея). Т.е. фон разделен по вертикали, а по середине идет контент. Получается рамочка вокрукг контента. Соответственно растянуть фон по 1 из осей не получается, поскольку по си х он должен меняться насередине. Единственное что у меня получилось это задать определённый размер для контента с определенным отступом в пикселах а фон поместить в колонки и задать position:absolute.
0 votes2 answers -
Пропадают границы в Opera при смене visibility
Есть такой пример: <html> <head> <style type="text/css"> table { border-collapse: collapse; } TD { border: 1px solid black; } </style> </head> <body> <div> <table cellspacing="0" cellpadding="0" id="FirstTable"> <tbody> <tr> <td> раз </td> <td> два </td> <td> три </td> </tr> </tbody> </table> </div> <br /> <input type="button" value="visible" onclick="document.getElementById('FirstTable').style.visibility = 'visible';" /> <input type="button" val…
0 votes0 answers -
Подскажите в центрировании UL
Добрый день, не совсем пойму как сделать UL список по центру внутри div. text-align помогает, но когда я делаю элемент LI - float:left; весь список сдвигается. т.е: .c_circle { margin: 0 auto; overflow: hidden; text-align:center; } .tab_circle ul{ list-style-type: none; } .tab_circle ul li{ float:left; height:17px; width:17px; background:url(circle.gif) 0 0 no-repeat; } <div class="c_circle" > <div class="tab_circle" > <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </div>
0 votes6 answers -
многоколоночный текст
как реализировать для ие? прочитал что есть скрипты которые автоматически делают это но их не нашел!! нашел решение на http://www.xiper.net/collect/js-plugins/content/multi-column.html но у меня почему то не работает! пасиба за ваши старания
0 votes2 answers -
не работает выделение пунктов
помогите понять почему здесь не работает выделение пунктов под планетой? реализовано на jq на этой странице использована та же самая конструкция. но результат рабочий
0 votes1 answer -
Проблема с позиционированием в Опере.
Всем привет. Суть проблемы в следующем. В общем контейнере, в котором располагаются два блока с абсолютным позиционированием, находятся еще два блока без позиционирования с з-индексом выше, чем позиционированные блоки. Так вот почему-то эти блоки имеют фоновый цвет, хотя он явно не задан. Глюк наблюдается в Опере 11.11. У кого есть идеи как это вылечить? <!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="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> </h…
0 votes5 answers -
Проблема с ИЕ7
Проблема с ИЕ7, при перезагрузке страницы всегда подскакивает вверх страницы, соответственно если перейти к якорю, то 1 секунду на якоре потом вверх. Что может тянуть вверх страницы?
0 votes5 answers -
Не подключается PIE.htc
Здравствуйте. Столкнулся с проблемой подключения PIE.htc Вот например страница: http://test.amkt.ru/chastotnyie-preobrazovateli/chastotnyie-preobrazovateli-ruselkom-vacon/ Подключаю так: <!--[if lt IE 9]> <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/ie.css" type="text/css" media="screen"> <![endif]--> содержимое ie.css .button, .box-1, .box-4, .box-5, .style-form, #contact-form input, #contact-form textarea, .tab_container, .button-1 {behavior: url(PIE.htc); position:relative;} …
0 votes3 answers -
Стилизация вывода текста
Всегда пугает работа связанная с форматированием текста. Хочется использовать какой либо "шаблонизатор" или что-то подобное. Но в моём понимании "шаблонизатор" это такой скрипт на php или js, который при передаче ему текста вида: Заголовок 1 уровня === Заголовок 2 уровня ___ Обычный абзац с автоопределением переноса строки, т.е. ему даешь текст с отступами самого редактора(табами например), а он их сам распознает и соответствующе отображает. <img>ссылка на картинку</img> Сам расставляет теги и просчитывает отступы. Видел нечто подобное на гитхабе при создании страницы проекта, но не понял где его достать и как им пользоваться "изнутри". Рад буду любым ссыл…
0 votes1 answer -
Не срабатывает float:left + float:right
Господа,подскажите пожалуйста,почему не срабатывает float:right для блока с текстом? Вроде сделал общий блок для сайдбара и контента.Сайдбару задал флоат лефт,а контенту флоат райт,но почему-то он неправильно срабатывает. http://cssdeck.com/labs/pe4laplm
0 votes5 answers -
Проблема с блоками в таблице
Парни, помогите решить вот такую проблему http://prntscr.com/2oxuoi Зеленые полоски (что я указал красной рамокй) должна быть по высоте ячейки, в зависимости от height ячейки таблицы. Код вот такой: <table class="char-table-two" ><tr><td><span>Ширина</span></td><td><span>мм</span></td><td><span>646<br />646<br />646<br />646</span></td></tr><tr><td><span>Глубина</span></td><td><span>мм</span></td><td><span>530<br />530</span></td></tr> </table> .char-table-two { b…
0 votes4 answers -
разрешение экрана
помогите пожалуйста когда я захожу своим компьютером все показывает нормально а когда сохажу с другого вот так как это исправить хотелось бы например как на google картинки https://www.google.ru/search?q=%D0%BA%D0%B8%D0%BD%D0%BE&es_sm=93&source=lnms&tbm=isch&sa=X&ei=ilJFU5HVKOPx4QS0m4HgCA&ved=0CAgQ_AUoAQ&biw=1440&bih=775 http://codepen.io/lybrook/pen/qLICb
0 votes7 answers -
Проблемы в iOS
Уважаемые форумчане, такая вот проблема. есть сайт http://nt-work3.bl.ee/about.html на windows все хорошо, а вот на iOS наблюдаются следующие проблемы. 1, В сайте есть поп-ап (клик по My Account). В Windows он закрывается при нажатии на любую другую область страницы кроме самого поп-апа. А вот в iOS приходится нажимать прямо по ссылке что бы он закрывался.. 2, Верхнее меню. У пункта About MIXER есть класс .current-menu-item, что превращает background в белый. В windows все хорошо, а вот на iOS сверху и снизу видны тонкие полоски розового background-а по 1px. Скрин http://joxi.ru/YkOoU_3JTJBxWRYm3s0 Подскажите, пожалуйста, кто сталкивался с таким делом.. меню из и…
0 votes6 answers -
Почему не появляются границы по бокам?
Почему, если в параграф засунуть элемент <h2> и потом, для всего этого задать границу, то она появляется частично? А если убрать заголовок, то граница появляется. http://jsfiddle.net/fowhf3r0/
0 votes4 answers -
Откуда берется padding?
Сайт http://n-crown.ru/. В главном меню есть отступ в ul.nav menu 40px. Не понимаю - откуда он берется? Как его убрать? Подскажите, плиз!
0 votes3 answers -
Cайдбар съехал
Ребята,здравствуйте! Не могу понять почему у меня сайдбар съехал под сам блок контентом. Указал Float:left контенту, а float:right сайдбару, указал размеры блоков,всеравно не хочет подниматься наверх..Помогите, гуру верстки Вот Скрин
0 votes2 answers -
хром,кнопка назад и меню
страница рендерится с меню,которое прилипает к верху страницы если кликнуть на любой элемент,а затем вернуться назад нажав кнопку назад то меню пропадает самого элемента заголовка <header> нету, почему то пропадает,проверяю инспектором если смотреть исходный код то элемент есть потому что идет новый запрос на сервер в чем может быть проблема?
0 votes2 answers -
Блок размером окна в блоке на странице с overflow hidden
Здравствуйте. В общем есть задача в блок А на странице разместить блок Б с размером окна браузера, при этом блок Б должен быть зафиксирован, т.е. быть не подвижным при скроле. И видно только ту часть что расположена внутри блока А. Манипуляции с position:fixed z-index не к чему не привели. Точнее блок Б становится выше фона страницы и показывается за пределами блока А. https://yadi.sk/i/8pHOa7YD3GsjXc
0 votes1 answer -
Accordion не скрывает текст
Добрый вечер уважаемые форумчане. Подскажите пожалуйста, где проблема? <div class="container"> <div class="row"> <div class="col-md-3"> <div id="accordion" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a href="#collapse-1" data-toggle="collapse">Открыть</a> </h4> </div> <div id="collapse-1" data-parent="#accordion" class="panel-collapse collapse"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </…
0 votes3 answers -
Растягивание центральной колонки в таблице
Добрый день! Искал на форуме не нашел. Суть в следующем Есть таблица в ней 5 колонок, необходимо чтобы центральная растягивалась а 4 остальные нет ( у них фиксированная величина) Ситуация усложнена тем что всего 4 строки и 2 с третьей объединены. td#t_1{ width:141px; height:113px;} td#t_2{ width:106px; height:113px;} td#t_3{ width:auto; height:113px;} td#t_4{ width:106px; height:113px;} td#t_5{ width:141px; height:113px;} td#m_1{ width:124px; height:71px;} td#m_2{ height:71px;} td#m_3{ width:124px; height:71px;} td#m_4{ width:106px; } td#m_5{ width:106px; } td#b_1{ width:141px; height:145px;} td#b_2{ width:106px; height:145px;} …
0 votes4 answers -
Полное центрирование блока
Вроде все элеметарно...если позиционированый блок с фиксированым размерами, а если %, то возникает непонятной косяк при вертикальном центрировании. Собсна, хватит слов, вот код body,html { height: 100%; } body { background: rgb(240,240,240); width: 100%; min-width: 1000px; max-width: 1600px; margin: 0 auto !important; } div.wrapper { background: rgb(255,255,255); width: 40%; height: 40%; position: fixed; top: 50%; left: 50%; /* margin-top: -10%; */ /* Opera, FF, IE */ margin-top: -20%; /* Chrome */ margin-left: -20%; } div.wrapper p { padding: 20px; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…
0 votes1 answer -
Подскажите Какие У Меня Ошибки В Сайте
Вот сам сайт в инете http://marale.pp.ru/cs/kir-clan/ . А вот сайт архивом http://rghost.ru/2581579 . Можете список ошибок написать это мой первый сайт писал примерно пол года назад сейчас хочу заменить но перед этим узнать все ошибки. p.s. простите что создал не в той теме админы если не трудно перенесите тему
0 votes4 answers -
аналог :last-child
помогите пожалуйста советом. один из недостатков сверстанной мной странички в том, что в секции content я добавил стиль к последнему параграфу. в результате текст не накладывается на фон с инструментами. однако, если например на работающем сайте текст в раздел content будет добавляться пользователем через wisiwyg-редактор, то все параграфы будут без стилей и текст все таки наложится на фон. хотелось бы решить эту проблему без добавления лишнего блока div. в css существует псевдокласс :first-child. как можно реализовать подобный псевдокласс, но для последнего дочернего элемента? ps буду так же рад услышать замечания по вёрстке. интересует самый общий подход - приоритет рас…
0 votes2 answers -
background-position
Здрасте, есть нубовский вопрос: Нужно обложить таблицу бэкграундом повторяющимся по горизонтали, но таким образом, чтоб слева и справа он не доходил до края на определенное колличесво пикселей. (причем слева и справа разные значения) Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице? А еще желательно без background-size.
0 votes6 answers -
Video не работает в андроидном бразуере
Подскажите, такая ситуация. Создаю веб-страницу, которая должна работать на Samsung Galaxy Tab, там Андроид 4.0.3 и родной браузер. Вот это http://htmlbook.ru/html5/video не хочет работать ни в какую. В Хроме на этом же планшетнике - работает. Гуглил - ничего толкового. Кодировки у файлов правильные, H.264 + ACC.
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-