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
-
Структура семантических тегов в шаблоне на Bootstrap
Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …
0 votes9 answers -
iFrame или DIV на высоту ячейки таблицы
Нужно для FireFox: ——— | a | b | ——— | c | d | ——— простая таблица заданного размера 800*600 в ячейке d предполагается прокручиваемая информация (iframe или div), по всей доступной высоте. Как: при заполнении ячеек а и b сжимать c и d (в d у фрейма должна появиться прокрутка) ???
0 votes6 answers -
После ссылки и открытия нового окна страничка встает на начало...
Мужики, помогите, пожалуйста! Ситуация. Есть страничка на сайте. Она длинная, т.е. уходит ?вниз? на 4-5 экранов, может, больше. На страничке есть много фоток-превьюшек, нажимая на которые в новом окне раскрываются большие фотки. Так вот если превьюшка, например, находится далеко внизу, то при открытии нового окна станичка встает на самое начало! Что-то нет никаких идей?
0 votes10 answers -
Фон на height:100%
Необходимо чтобы фон заголовка (а заголовок может быть разной высоты-2,3 строки текста), тянулся по высоте этого заголовка, тоесть высота изображения вмещалась в высоту контейнера заголовка. Пример: Необходимо это реализовать для IE6 без expression
0 votes8 answers -
Мозилла выдает ошибку
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^
0 votes8 answers -
Что такое build:css в html?
Здравствуйте! Столкнулся с доработкой чужой верстки и увидел такой момент в html: <!-- CSS Theme --> <!-- build:css assets/css/main.css --> <link rel="stylesheet" type="text/css" href="assets/css/main.css" /> <!--<link rel="stylesheet/less" type="text/css" href="assets/css/main.less" /> <script src="assets/js/less.min.js"></script>--> <!-- endbuild --> Подскажите пожалуйста что это за конструкция и что она делает? Поиск по интернету мне ничего не дал, мои догадки, что она сразу формирует css файл из less. Но как это тогда работает и что для этого нужно, было бы полезно знать с…
0 votes6 answers -
scr img br nbsp
Люди, а есть ли еще способ, прицельно разместить картинку на штмл страничке, кроме тегов , nbsp и font size (для размера абзацов и пробелов )?
0 votes4 answers -
Имитация консоли
Делаю небольшую имитация консоли и появилось несколько вопросов: 1) Как убрать у textarea полосу прокрутки, сохранив саму прокрутку? 2) Как сделать, что бы прокрутка textarea была в самом низу, после вывода скриптом? 3) Что не хватает консоли до уровня киношных консолей из фильмов про хакеров? 4) Как добиться свечения текста в опере? 5) Сейчас консоль полностью резиновая, как ограничить ширину только до 1280 пикселей, чтобы до этого тянулась, но больше не растягивалась? Сама консоль: http://tmin10.net.ru/console.html
0 votes3 answers -
Как поместить картинку по верх Flash объекта.
Впринцепи сабж это и есть вопрос. Пробывал через "z-index" вс?равно flash вверху. Задача: разместить картинку по верх flash игры.
0 votes4 answers -
как сделать фоновый рисунок на весь экран и выронить таблицу по центру через стили?
<style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { margin:0 auto; z-index: 2; top: 50px; position: absolute; } </style> </head> <body > <div id="layer1"> <img src="img/fon.jpg" width="100%" > </div> <div id="layer2"> <table align="center" cellSpacing=0 cellPadding=0 border="1"> <tr> <td colspan="3"><img src="img/logo.jpg"/></td> </tr> <tr> <td colspan="3" align="center">.....</td> </tr> <tr> <td >......</td> …
0 votes8 answers -
Опасности удаления DOCTYPE
Доброго времени суток.. да и просто доброй жизни! Есть вопрос : Хочу удалить доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - из-за него у меня фиксированный блок в IE не работает. Уже пробовал разные варианты-хаки с фикс. блоком. Результатом был недоволен Хочу его удалить. Но не знаю какие проблемы могут из-за этого возникнуть, как поисковики могут отреагировать не такую "штуку". Всем откликнувшимся большущие спасибо!
0 votes16 answers -
Как сделать динамическое изменение ширины?
Привет, искал что-то подобное, но не смог ничего найти. Суть такая, есть таблицы. Надо их выровнять по левому краю. Ограничить в 1000пх. И суть в том, что надо что бы при добовлении новых таблиц в диве, они не переходили в следующую строчку, а оставались в нынешней и просто появлялась полоса прокрутки. Вот сделал небольшой пример как это должно выглядеть. Тык. Надо что бы когда эти блоки умещаются в 1000рх, то просто выравнивались по левому краю ( float:left типа ),а когда выходят за рамки, то появлялась полоса прокрутки. Как overflow:auto; но главное что бы оставались в 1 строчку. С фотками и текстом я такого эффекта добивался так: <!DOCTYPE html PUBLIC "-//W3C//DTD …
0 votes8 answers -
Checkbox,radiobox изменение по клику на label
Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему? https://jsfiddle.net/o3720fkn/
0 votes3 answers -
не получается сделать двойной hover
надо сделать вот так: а получается вот так: доп материалы с кодом:
0 votes3 answers -
Опять маркеры пропали Х(
Доброго времени суток. Как обычно проблемы со списками у меня. На этот раз такие - в IE маркеров нет вообще, -в Opera(10) маркеры, которые появляются при наведении мышки на ссылку, при этом же центрируюется текст внутри ссылки, тоже центрируются вместе с текстом( .Хром, Фаер, Сафари - едят все как надо, вот Оперу не уговорю никак(. Страничка : http://www.beavers-net.narod.ru/capricorn.html *Еще проблема - по непонятным причинам IE от QIP вызывает дебаггер при кликах на меню.. В ИЕ-тестере такого не обнаружил. полный css к менюшке: #menu li a{ display : block; background : #decda1; border : 1px solid #aaffaa; color : black; height : 23px; width : 105px; mar…
0 votes14 answers -
Помогите допилить TabControl с помощью Css3
Всем привет! воодушевлённый этой статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не покатит) мне нужно дважды обратиться к псевдо селектору :target. Сначала для того, чтобы применить стиль для выбранной вкладки: .tabItemHeader { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; vertical-align: bottom; display: inline-block; margin: 5px 0px 0px 0px; border-width: 5px; padding: 4px; border-style: solid; border-radius:10px 10px 0 0; border-color: #666666; background: #666666; } .tabItemHeader:target { bor…
0 votes25 answers -
input type="file"
Имеем стандартную форму загрузки файла. Можно ли любыми средствами перенести текст после кнопки "файл не выбран" , ну и текст имени файла соответственно на строчку ниже....
0 votes11 answers -
Циклическая смена фона у div
Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }
0 votes9 answers -
Как повесить ссылку на элемент списка li ?
Здравствуйте подскажите пожалуйста такую штуку: Есть список (тут показан только первый элемент списка) <div class="we_offer clearfix">Основные конкурентные преимущества работы с нами <ul> <li class="analyze fist_child"> <div class="thumbnail clearfix"><span><em> </em></span> </div> <h3>Тут текст</h3> <div class="block_content">Тут текст</div><a class="Readmore" href="/informatsiya-o-materiale"> Подробнее </a> </li></ul></div>В css прописана картинка, вот можно ли как-нибудь эту картинку сделать ссылкой?? .we_offer ul li.analyze span {background: url(a…
0 votes3 answers -
Разработка формы
Добрый день! Написал я код <th>Послугу надано, грн<textarea wrap="soft" rows="1" cols="15" name="res">на сумму:</textarea> <hr> Послугу не надано: <input type="radio" name="res" value="1">за власним бажанням клі?нта <input type="radio" name="res" value="2">некоректне обслуг. </th> при отправке результата на сервер, текстовое поле не воспринимается как результат... А нужно, чтоб был один результат из тр?х.
0 votes14 answers -
z-order для относительных
на страницу есть картинка, которая по правому краю с обтеканием текстом слева. текст и вертикальная полоса. полоса находится на уровне картинки, и картинка её перекрывает. я хочу сделать, чтобы полоса была сверху. налистал z-order, но он только для абсолютных объектов. у меня полоса по-олюбому относительно расположена. что, если сделать z-order только для картинки, но тогда она не будет обтекать текстом? и потом, при абсолютном расположении никак не удавалось поставить её по правому краю окна, что при относительном расположении - дело обычное. кто что может прояснить?
0 votes2 answers -
IFRAME в IE6 не работает
На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.
0 votes5 answers -
radio и текст
помогите, пожалуйста, кроссбраузерно (ие7 +, ff 1.5 +, google chrome, safari 3.0 +, opera 9.0) расположить текст справа от radio. пробовал так: input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} но в ие 7 текст смещается вниз (( весь код: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{pos…
0 votes13 answers -
Почему за "height: 100%" берется только высота окна?
Здравствуйте. Такая проблема у меня. Когда ставлю для div в свойствах height: 100%, то за эти самые 100% берется только высота окна браузера, то есть если у меня разрешение по вертикали 768px, отнимаем отсюда тулбар браузера и получается около 710px. Это и получается у меня высотой 100%. НО, если добавить на сайт больше контента, так чтобы появилась полоса прокрутки, то высота блока в браузере все равно 710px. Вот приложил скриншот. На нем отметил, что высота окна браузера равна 412 пикселей при открытом проводнике кода, от этого и высота div равна 412 пикселей, хотя контент идет далее. Из-за этого некоторые блоки не растягиваются до конца. Скриншот http://5.firepic.org/…
0 votes13 answers -
Yii2: pjax+ ListView
Обгорнул pjax ListView настроил пагинацию, все ок. Потом сел настраивать поля фильтра... в стандартной сгенирированой формы ActiveForm. Добавил туда 'options'=> ['data-pjax'=>1], вроде все ок. Но фильтер работает через раз ((( раз обновляєт pjax-ом а раз все страницу, может я еще что-то забыл сделать ( _search.php <?php $form = ActiveForm::begin([ 'action' => ['index'], 'method' => 'get', 'options'=> ['data-pjax'=>1], ]); ?> index.php <?php Pjax::begin(['id' => 'countries']); ?> <div class="col-md-3 left-sidebar styled-border-1"> <?php echo $this->render('_search', ['mo…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-