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
-
float и border
Добрый день. Вот есть вопрос хочу разместить два слоя рядом которые делят контейнер на половину. Ну если добавляю еще рамки к слоям то получается нето что я хочу(смещение по вертикали). Как я понял это из за border. Как можно это исправить? ССS #conteyner { width:80%; } #main1 { float:left; width:50%; border:1px Solid red; } #main2 { float:left; width:50%; border:1px Solid red; } HTML <div id="conteyner"> <div id="main1">1</div> <div id="main2">2</div> </div> Как реализовать?Понимаю что рамка нарушает отношение 50 на 50 из за этого и ошибка.
0 votes3 answers -
верстка DIV-ами, 2 слоя
Здравствуйте! Подскажите, как реализовать дизайн: блок контента должен растягиваться вниз. я разбила окантовку на 3 части (красным выделено), чтоб средняя растягивалась в зависимости от объема контента, верх и низ, естественно не растягиваются. Но как наложить сверху фон для контента (желтым), он будет повторяться вниз. Если ДИВ с фоном вставить в средний main2, то получатся пустые области без текста сверху и снизу. Как сделать, подскажите пожалуйста. Или, может, есть другое решение? Макет-то не сложный... Заранее благодарна.
0 votes7 answers -
Mailto не заполняет формы
Есть такой код, который находится внутри php: <form action='mailto:admin@site.com?subject=Просьба%20разблокировать%20IP&body=Логин на сайте:' enctype='text/plain'> <input type='submit' value='Отправить просьбу'> в Opera работает (в ней включен обработчик mail.ru), но... Открывается окно с новым сообщением и заполненными полями, но после полной загрузки страницы, она обновляется и все заполненные поля становятся пустыми. в Firefox заполняется только адрес E-Mail (тоже включен обработчик mail.ru). в IE 9 открывается какое-то окно с классом MozillaWindowClass (хотя по-умолчанию назначен Thunderbird) и предлагает создать учётную запись для "Блоги и ленты ново…
0 votes7 answers -
text-align внутри блока
Добрый день! Есть у меня блок .block{height:; width:; border:; padding:; float:; margin-right:;} Для этого блока хочу добавить заголовок. .new{text-align:center;} И уже в коде html <div class="block"><span class="new">Some text</span> </div> Но не получается, текст не выравнивается по центру. Почему?
0 votes4 answers -
CSS 3 кросс-браузерно (от IE7)
Подскажите каким образом можно использовать CSS 3 кросс браузерно. CSS 3 Pie глючит очень часто, и не не все элементы-теги подходят (к примеру, у тега object не отображается тень). Варианты: - Знаю, что есть .htc файлы для IE, в которых находятся JScript'ы. Позволяют рисовать разные эффекты. Какие из них стабильно работают? (помимо PIE.htc) ? Cross browser pollyfills для CSS3 многие сырые и не подходят по той причине, что нестабильно работают. - Еще есть специальные фильтры для IE в CSS – вот это уже интереснее. Подскажите, куда копать тут...
0 votes13 answers -
Горизонтальная прокрутка 1024px
Часто дизайнер делает дизайн шириной 1024px. Как быть с горизонтальной прокруткой, которая может появится при разрешении 1024х600 или 1024х768. - Делать меньше врапер - как бы нарушается уже дизайн; - overflow-x:hidden для <body> - предполагаю, что это в корень неправильно. Есть ли где нибудь информация по этому поводу, это промахи дизайнера или все на самом деле просто?
0 votes6 answers -
form
Помогите не могу понять создал форму задал для поля через css фоновое изображение но остались края от формы как от них избавится или может я неправильно задал фон для формы. jsfiddle.net/zRwvH/
0 votes2 answers -
Вопрос по css
Здравствуйте, у меня есть привычка разделять css по файлам. Хотел бы узнать ваше мнение плохо это или хорошо. В HTML документе ссылаемся на таблицу css. <link rel="stylesheet" href="css/stylesheet.css" type="text/css" /> А в этом файле уже делаю так. @import url("general.css"); @import url("header.css"); @import url("content.css"); @import url("middle.css"); @import url("footer.css");
0 votes4 answers -
vertical-align:text-top
Здравствуйте. Столкнулся с одной проблемой и решил на css-live освежить знания о vertical-align. Стал ковырять один пример и получил вот такое -http://jsfiddle.net/bA3ye/1/ Отсюда вопрос: почему text-top для первого элемента не поднимает его на высоту среднего, который самый высокий в строке, а выравнивается по высоте контента последнего? При этом средний подстраивается под любую высоту боковых. чувствую, что упустил какую-то мелочь
0 votes1 answer -
Вопрос по таблицам
То ли лижи не едут, то ли я ммм, ну В общем вы поняли. Вопрос такой, можно ли делать внешние отступы внутри табилце, что бы блоки tr например друг от туда отступали на N пикселей? Все что то тыкаю, но ни чего не получается. Допустим я делаю так: <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>Один</td> <td>Два</td> <td>Три</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Четыре</td> <td>Пять</td> <td>Шесть</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Семь</td> <td>Восемь</td> <td>Девять</td> …
0 votes5 answers -
Нестандартное расположение блоков
Добрый день уважаемые форумчане Помогите советом, как реализовать задуманное. Для наглядности сделал картинку #Header-top растянуть на всю ширину, иметь полупрозрачность и обводку по краям при этом содержимое должно ровняться фиксированной ширине блока Slider и Content #slider и #Content равны одной фиксированной ширине
0 votes8 answers -
Не работает рамка в IE6 (TABLE)
Добрый вечер! Подскажите такая проблема! (http://jsfiddle.net/JJKsT/) Есть таблица: td {border-bottom: 1px solid black}? <table width="100%"> <tr> <td>1</td> <td></td> <td></td> </tr> </table>? В IE6 не работает border-bottom у второго и третьего TD (то есть применяется только к первому TD), - но если добавить текст в остальные TD - То рамка появляется
0 votes2 answers -
Картинка в таблице. Видно бордюры
Всем здравствуйте. На форуме не нашёл ответа Суть вопроса. Сверстал таблицей шапку. Вставляю картинки и между этими картинками, которые в разных ячейках, видно границы каждой ячейки border="0" уже сделал. Самих границ не видно, но цветной фон видно. Картинки занимают 100% ячейки. Как сделать так, чтобы картинки примыкали друг к другу вплотную?
0 votes10 answers -
Не работает z-index
Есть три картинки, для каждой в стилях установлен свой z-index. При наведении мыши на изображение оно должно всплывать выше всех остальных, а вокруг него появляться другая рамка. Далее идет код. Рамка меняется, но изображение "не всплывает" относительно других. Т.е. при наведении мыши z-index не меняется. В чем дело? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>z-index</title> <style type="text/css"> .card { position: relative; }…
0 votes5 answers -
css + ul :: как сделать следующее (рис)..
как этот список оформить с помощью css или jquery? спасибо всем
0 votes3 answers -
Полоса прогресса
Решил выполнить упражнение на сайте http://htmlbook.ru/practical/indikator-vypolneniya . В принципе, решение автора задачи мне ясно. Но я хочу понять свою ошибку. Далее привожу написанный мной код. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Полоса прогресса</title> <style type="text/css"> .time { border: solid 1px #000000; width: 250px; position: relative; } .leftnum, .rightnum { position: absolute; height: 100%…
0 votes4 answers -
Расположить блок внизу родительского блока
В общем вот страничка. http://goo.gl/pynpv Есть список товаров. Нужно расположить блок внизу родительского блока. В инете вычитал что надо использовать table и table-cell, но у меня не получается, есть другой выход?
0 votes5 answers -
Резиновая таблица с схлопывающейся колонкой.
Пишу автоматическую генерацию интерфейса. Есть форма в которой первая колонка это название поля. Вторая колонка это input для ввода. Хочется чтоб форма занимала 100% ширину страницы. Но при этом первая колонка была по ширине самого длинного названия, а вторая резиновая. У меня получается или ширина 50/50 или надо задавать ширину первой колонки вручную. А я её заранее не знаю. Есть идеи как это в CSS сделать?
0 votes2 answers -
элементы, у которых одновременно заданы классы
Здравствуйте. В статье http://htmlbook.ru/samcss/klassy написано: Поддерживает ли IE6 такую запись? Документировано ли такое использование вообще?
0 votes1 answer -
Ограничено ли количество тегов <Inut> в одной форме?
Столкнулся со следующим. Форма содержит большое количество полей, динамически формируемых PHP-скриптом. Если полей очень много, последние из них вообще не передаются обработчику формы методом POST Удаляю какие то блоки с определенным количеством инпутов, последние инпуты начинают отображаться. В первый раз такое. Есть ограничение на количество полей в одной форме? Спасибо.
0 votes2 answers -
IE - не растягивается фон на весь экран
Еще раз приветствую. Ребята, не могу понять, почему IE не растягивает фон полностью? Скриншот: Справа, где находится "бегунок" остается место, которое не имеет фона. #header_top { height: 115px; background: url(../images/header_top.png) no-repeat; background-size: 100%; } Например, вот код. Искал, говорят, нужно ставить cover, пробовал, все равно. Заодно, может кто знает, в формах ввода значение value уходит вверх ( в других браузерах нормально ) Скриншот: input[type=text], input[type=password] { padding-left: 8px; background: none; border: none; outline: none; color: #A3A3A3; width: 190px; height: 28px; font-size: 11px;…
0 votes3 answers -
IE 9 Едет меню
Здравствуйте. Верстал шаблон и решил глянуть как это все смотрится в ие, в хроме и фаерфоксе нормально, а тут вот такая штука вот ксс: .navs li a{ border:1px solid red; position:relative; font-size: 12px; text-decoration:none; line-height: 30px; color: #4C4C4C; font-weight: bold; cursor: pointer; float: left; display: inline; padding: 0 15px; height: 30px; background: none; } Флоат в ИЕ начинает срабатывать после того как задается размер шрифта font-size: 12px; Если не вписывать его то обтекании не происходит, пункты идут в столбик, в других браузерах размер шрифта задавать не обязательно, обтекание срабатывает. Вот HTML: <div class="navs"> <ul><li>…
0 votes3 answers -
Как вставить большую картинку?
Есть html страница, 990 пикс по ширине. Мне нужно вставить туда картинку. Но, картинка большая - 3000 на 2000 пикс. <img src="images.jpg" width="3000" height="2000"> Как это сделать? Чтобы не нарушить дизайн страница - чтобы страница не растянулась на километр... Можно применить полосу прокрутки, но я не знаю как. Желательно, чтобы полоса прокрутки появилась только когда она нужна, а на маленьких картинках была не видна. Фреймы не нужны. Спасибо всем.
0 votes9 answers -
Проблема с кириллическими шрифтами
Возникла проблема, адаптированные для кода текстовые редакторы (Htmlreader, PSpad) в окне редактирования отображают кириллический текст корректно, но при открытии готового html файла браузером шрифт не распознается выдает ?, при этом если скопировать содержимое окна редактирования PSpad или Htmlreader в блокнот и уже его сохранить как html то все отображается нормально. Что не так у меня с шрифтами?
0 votes2 answers -
Список на текущую позицию
Может было, просто не могу сформулировать Как сделать похожее меню http://htmlbook.ru/css, слева которое ? overflow добавил, подсветку ссылки текущей страницы тоже. Осталось сделать прокручивание списка на текущую позицию. хэлп
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-