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
29542 questions in this forum
-
Почему сносить центральную колонку?
Зравствуйте! Имею код <div style="width: 100%;"> <div style="width: 120px; height: 150px; background-color: red; float: left;"> 1 </div> <div style="font-size: 40px; float: left;"> dsadsad sad sadas d d ad asdsadsad fdg dfsasds fdg dfdg df gdf gdfg </div> <div style="width: 120px; height: 150px; background-color: red; float: right;"> 2 </div> </div> Если не указать явно ширину центрального дива, то его сносит. Как на картинке Как можно сделать, чтобы не указывая явно ширину не сносило див? Чтобы то, что не влезло в рядок, переходило на следующий ряд. Так: А вообще код правильно написан?
0 votes10 answers -
Не могу подключить сторонний шрифт
Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …
0 votes22 answers -
Отцентровать содержимое по центру страницы (по высоте)
В итоге нужна небольшая таблица точно по середине окна браузера. Делаю так: <!В ТЕГ HEAD ПОМЕСТИТЬ СЛЕДУЮЩЕЕ:> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> <body> <div class="backbox"> <table height="100%" align='center'> <tr> <td> — Page content — </td> </tr> </table> </div> </body> Да вот в IE таблица (Page content) прилипает к верху окна браузера. Пытался просчитать высоту скриптом, не получается. Помогите! P.S. Еще интересно, чем плохо удалить "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …
0 votes4 answers -
как задать ширину фона в % через CSS
Подскажите возможно ли задать ширину фона div блока в % через CSS? Прописано через CSS вот так: background:url(i/right.jpg) repeat-y; Интересует как прописать так чтобы этот загружаемый фоновый рисунок растягивался по ширине на всю ширину div блока!:write: Т.е мне надо чтобы фоновый рисунок растягивался по ширине на всю ширину блока и повторялся по вертикали! Ширина естественно в % (под разные разрешения!)
0 votes9 answers -
3D облако тэгов
Доброго времени суток уважаемые спецы. Помогите пожалуйста решить проблему: Заказчик хочет навигацию в виде 3х облаков тэгов по разным темам, проблема в том что бы поместить все 3 облака на одну страницу. На данный момент облака на разных страницах (http://www.site-devga.ru/test/index.html), подскажите как можно свести их на одну или может есть другой вариант решения проблемы. Вот сам код страницы <!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" lang="ru" xml:lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&…
0 votes7 answers -
Вертикальное выравнивание на flex
Добрый день. Хочу разобраться с вертикальным выравниванием на flex. Допустим такая задача как на картинке. Желтому блоку я задаю: { height: 300px; display: flex flex-flow: column nowrap; justify-content: center; align-items: center; } И все встает как надо, но только если нам известна высота желтого блока. Вопрос такой, как избежать указания фиксированной высоты для желтого блока?
0 votes1 answer -
Firefox не отображает gif
Всем привет, На wordpress-сайте http://dev12.softreactor.com/ под меню (выше текста "My 2011 Rhone Valley Food Trip") выводиться gif картинка <div id="div_WineBanner"> <a href="http://www.winearomas.com"> <img alt="http://www.winearomas.com" src="http://dev12.softreactor.com/wp-content/plugins/WineBanner/images/Winevibe_banner.gif" class=" ynvivaszqlddhasjiafu"> </a> </div> Проблема в том что на моем линуксе она НЕ отображается в Firefox 10.0.6 и нормально отображается в Opera, Konqueror. если туда прицепить другую картинку (не gif) - то она нормально отображается. В настройках Firefox я не нашел пункта вроде "не отображ…
0 votes5 answers -
em, rem, % и иже с ними
Всем большой трям. Постараюсь изложить суть: 1. Надо пользовать «резину» и адаптивность — т.е. @media-query, % от ширины, и т.д. 2. Привязку к базовой сетке обязательно надо тоже. Т.е. горизонтальное выравнивание (не путать с сеткой колонок). Оба пункта решаемы, если пользовать px в качестве единицы измерения и для элементов интерфейса (кроме резиновых), и для текста. Раньше я так и делал, все были счастливы (катастрофа с масштабированием шрифтов в древних версиях IE уже неактуальна, везде работает зум), особой надобности в этих ваших em-ах долгое время не было. Но с появлением дисплеев высокого разрешения (всякие там Retina), пиксель стал не совсем пикселем в привычном с…
0 votes14 answers -
Многоуровневый accordion
Здравствуйте, ребята. Есть многоуровневый аккордеон на сайте. При клике первый раз аккордеон открывается, стрелка вниз, как и задумывала. При клике второй раз по этому пункту стрелку нужно вернуть в исходное состояние. Сейчас только при клике на следующий пункт такое. Можете помочь, как подправить это? Навешивала класс при клике. Заранее спасибо.
0 votes3 answers -
иконка у линка с правой стороны
подскажите как через CSS сделать иконку и линка но только с правой стороны. то есть линк может состоять из 10 символов, 20, 30.... нужно чтобы картинка отображалась через CSS. спасибо
0 votes17 answers -
font:100%/40px
Встретил такую запись для обозначения шрифта: font:100%/40px "Trebuchet MS", Arial, Helvetica, sans-serif; Что значит font:100%/40px? Это ошибка или хак?
0 votes8 answers -
Высота блока доходит не до конца
Здравсвуйте. Столкнулся с такой проблемой. Сделал у блока меню правый border (11px solid) и высоту блока на 100% поставил, но когда в контенте становится больше слов чем в блоке, блок не "вырастает" больше, а мне нужно чтобы он всегда доходил до подвала сайта. + Еще одна проблема, остается место после Контента, мне нужно чтобы контент прижимался к подвалу. Помогите пожалуйста решить. Скрин: P.S Проблемы показаны стрелками. Вот исходники (html и css файлы) Скачать (на ifolder.ru) Если нужно, могу перезалить на другой Хостинг.
0 votes28 answers -
CSS, ul и IE - не применяет стиль
Есть такой вот кусок кода html: <div class="metro"> <h3>Метро:</h3> <ul> <li><span class="trig">Северный округ</span> <ul class="inc"> <li class="off" id="a1"><a href="http://www.uromax.ru/category/AEROPORT">Аэропорт</a></li> <li class="off" id="a2"><a href="http://www.uromax.ru/category/VOIKOVSKAYA">Войковская</a></li> <li class="off" id="a3"><a href="http://www.uromax.ru/category/DINAMO">Динамо</a></li> <li class="off" id="a4"><a href="http://www.uromax.ru/category/PETROVSKO-ROZUMOVSKAYA">Петровско-Розумовская</a></li> &…
0 votes3 answers -
Вертикальное выравнивание
Не подскажите ли, как отцентровать по вертикали расположение таблицы внутри тега ? Спасибо.
0 votes12 answers -
Не работает перекат изображенияв FireFox
Здравствуйте! Прочитала статью на этом сайте про перекат изображения - смена картинки под ссылкой при наведении курсора. В Opera и IE вс? работает хорошо, а в FireFox'е - почему-то нет. Может, кто подскажет, в чем проблема может быть?
0 votes11 answers -
head
kakoy eto srift i kak sverstat eto https://disk.yandex.ru/client/disk|slider/disk/afrika.jpg
0 votes33 answers -
checkbox внутри option
Скажите пожалуйста, как запихнуть checkbox'ы во внутрь прокручивающегося списка?
0 votes5 answers -
Отображение кода на сайте!
Возник вопрос: Мне нужно на сайте отобразить как выглядет код (структура) какого-нибудь функционала, как это сделать? С помощью какого тега? P.S. тег <pre> - не помогает, тоесть помогает, но не совсем, он не отображает html код и некоторые строчки из php, а конкретно: <table class='tableborder'> <tr> <td><p>%s</p></td> </tr> <tr> <td><p>%s</p></td> </tr> <tr> <td><p>%s</p></td> </tr> <tr> <td>%s</td> </tr> </table> и php: <?php ?>
0 votes5 answers -
Вопрос по работе IE
Я взял готовый скрипт меню и изменил там html-код и css-код. Может ли быть такое, что меню перестанет работать в IE6. В Mozille всё работает. Или надо ещё Java-скрипт изменять под новые данные?
0 votes9 answers -
Почему в IE6 не происходит обтекание
Подскажите пожалуйста, почему в IE6 блок .two не обтекает блок .one, во всех остальных браузерах это происходит. Ссылка на пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> html,body{width:100%;height:100%;padding:0px;margin:0px;} #wrapper{background:#dedede;width:100%;height:100%;} .one{margin-left:20px;width:200px;background:red;float:left;} .two{width:300px;background:green;zoom:1;} .three{width:300px;background:yellow;zoo…
0 votes16 answers -
Не работает background-image
Здраствуйте! Не работает background-image на теге header , а на body работает. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Docu</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header></header> </body> </html> header { background-image: url(scripi.jpg) ; } index.html style.css
0 votes6 answers -
input
Люди помогите плс, необходимо чтобы в работал кнопка enter.
0 votes4 answers -
Рамка вокруг чекбокса в IE
стиль для input input,textarea{ background:#FFFFFF;color:#000000; font:10px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px; border:1px solid;border-color: #000000 #707070 #707070 #000000; } в опере и огнелисе нормально отображается, а в IE 6 ,большая рамка вокруг checkbox возможно ли он не? избавиться чтоб стиль на вид не изменился?
0 votes3 answers -
Пропадают ссылки и текст
Проблема вот в чем http://kdimon2005.narod.ru/13zarplata/index.html . При наведении в верхнем меню на ссылки "Главная,Кредит.." ниже пропадает текст "Укргазбанк и Ощадбанк объединяют банкоматные сети...."". Только в ИЕ6. С чем это связано? Может кто сталкивался с такой проблемой.
0 votes12 answers -
Как переносить текст?!
Требования: должно работать под IE 6.0 Непонятен принцип переноса текста в таких тэгах как <td><tr><table><div><span> Нужно в тэге TD сделать так чтобы текст если он длиннее 300px переносился на след. строку <table id="tabContent"> <tr> <td id="td1" style="background-color: red; width: 300px"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 1234567890123456789012345678901234567890123456789012345678901234567890 </td> </tr> </table> Пробовал кучу вариантов, и div-ы ставил и span-ы и стили менял, но текст все равно отображается в одну строку. Может кто подскажет более…
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-