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
-
Равномерная сетка прямоугольников
День добрый. Есть контейнер, в контейнере блоки. Блоков может быть любое количество. Контейнер может быть любой ширины. Следовательно, количество строк и столбцов заранее неизвестно. Задача: расположить блоки в контейнере так, чтобы их всегда было одинаковое количество на каждой строке. Если в последней строке не хватает одного-двух блоков, то оставшиеся блоки занимают всю строку. Два дня курю как Flexbox, так и гриды, и не вижу решения. Флексы могут оставить на последней строке один элемент, что ужасно некрасиво. Гриды тоже, плюс они его не растягивают. Решения нет, или я его не вижу? Картинка для наглядности.
0 votes6 answers -
Аналог min-width в IE
Народ, нужна помощь. Сделал на дивах такую конструкцию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <style> <!-- #d_left { background:#666666; height:56px; width:40%; float:left; } #d_right { background:#CCCCCC; height:56px; width:40%; float:left; } #d_center { background:#999999; height:56px; text-align:center; color:#000000; width:20% !important; /* Для всех остальных браузеров */ width:19%; /* Для браузер…
0 votes1 answer -
ЫЫЫ вешаюсь
в общем верстаю дивами.. надо же учиться когда-нибудь этому... столкнулся с таким косяком: в IE все в порядке, а в FF плющит... index.html http://kot9lpa.jino-net.ru/1/ тут можно посмотреть <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>BEMANI-TITLE</title> <link rel="stylesheet" type="text/css" href="bemani.css"> </head> <body> <div id="main" align= "center"> <div id="parent"> <div id="shapka"> <div id="shapka1">d</div><div id="shapka2">d<…
0 votes6 answers -
воспроизведение видеофайла на странице HTML
я не очень-то разбераюсь :/, потому у меня вопрос: при использовании тега EMBED для открытия видеофайла его загрузка происходит автоматически, сразу же после входа на страницу html...... - как убрать такое автоматическое воспроизведение? Можите предложить свой вариант подобного расположения экрана проигрывателя на странице для загрузки видео - буду презнателен....
0 votes8 answers -
Помогите с фреймами
Помогите создать плавающий фрейм, с фреймовым текстом, и клетки или кнопки с тенью в формах.
0 votes9 answers -
Не подскажите, народ
Сайт http://msb.adm.yar.ru/ если ставить разрешение моника 800х600, то в сайте начинает наезжать все друг на друга и появляется открытая (пустая) область слева, это видно при проктрутке. Мне посоветовали все блоки сайта поместить в спец тег, называется как то "маркью" или что то подобное, и это называется "заслонки" или как то "заставки". Мне нужна помощь, ребят кто может, может сказать как быть? Вот ссылка на скриншот: http://s43.radikal.ru/i100/1008/54/1fb7bd4fc892.jpg И еще одно: когда начинаешь масштабировать сайт с такой фичей, все сразу встает на свои места.
0 votes8 answers -
Подчеркивание ссылки
.entry a{color: #363636; border-bottom: 1px dashed #006600;} .entry a:hover{text-decoration: none; border-bottom: 1px solid #006600;} no_dash a{text-decoration: none;} В блоке entry ссылки подчеркиваются пунктиром как сделать блок внутри entry, где ссылки никак не подчеркиваются <div class="no_dash"> - не помогает
0 votes9 answers -
href в div
Здравствуйте. Возник такой вопрос. Допустим у нас есть кнопка не картинкой, а на css, в виде дива. Внутри - текст. Можно ли расширить активную область ссылки, чтобы она была не только на тексте? <div class="button"><a class="buttext" href="#">MAIN</a></div> Спасибо
0 votes4 answers -
Проблема с расположением блоков
Добрый день. Столкнулся со следующей проблемой. Не меняя рассположение блоков в коде, "прибить" футер к низу, при том что у блоков динамическая высота и на некоторых страница блока 4 может не быть. Есть следующий код: <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> <p></p> <![endif]--> <div id="container"> <header> <strong&…
0 votes10 answers -
таблица без полей
Нужно кросбраузерно изобразить таблицу примерно так как рисуют игру "крестики-нолики", без внешней границы. делаю что то вроде <table align="center" cellpadding="0" cellspacing="0"> <tr><td>X</td><td>O</td><td>O</td></tr> <tr><td>X</td><td>O</td><td>X</td></tr> <tr><td>X</td><td>X</td><td>O</td></tr> </table> и использую стили table { border-collapse: collapse; border:1px solid #FFF; } td { padding: 5px; border: 1px solid #999; } В эксплорере работает а в Фаерфоксе сабака не хочет ... Кто то может быть подск…
0 votes1 answer -
Не Получается Сделать Нормано Подвал
Вот не как не могу сделать нормальное отображение подвала страницы... Сама затея состоит в том, чтоб с помощью позиционирования вывести центральную колонку вывести первой в html коде страницы, получилось все отлично. Но дальше наткнулся на БОЛЬШОЕ НО это нормальное отображение подвала страницы. ПОМОГИТЕ СДЕЛАТЬ ПОДВАЛ вот пример: <!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=windows-1251" /> <title>Untitled Document</title> <style type="text/css">…
0 votes3 answers -
Табы - активная ссылка налезает на неактивную
ребят как реализовать такие табы?! http://oka-design.ru/download/tabs.jpg все бы ничего если активный таб не налезал на неактивный....если есть идеи, поделитесь.=)
0 votes10 answers -
Помогите!Сайт не кросбраузерен!
Здраствуйте! Мой первый сайт.Заканчиваю дизайн. Но вот на хост загрузил и в опере одно, а в IE последней версии совсем другое. Должно быть как в IE. Сам не смог поменять помогите пожалуста. И ещё напомните плз как убрать камочку из пунктирных линий во время клика по ссылке. Заранее благодарен! О чуть не забыл ещё 1 вопрос. Когда я ставлю <meta charset="UTF-8" /> у меня когда я пишу текст в ДВ(дрим вивере) он нормальный, а когда на сайте - символы. Эта проблема видна в Опере, когда наводить на кпонки - описание символами, а в IE -о5 таки все норма. З.Ы Я когда просмотривал с компа, то все было одинково везде - я так и делал , что бы было кросбраузерно. Помогите! Лю…
0 votes24 answers -
пересекающийся фон сверху и снизу
Народ, бьюсь над простой, казалось бы задачей, но не могу справиться никак. Есть сайт из трёх дивов - шапка, тело, низ. Пока дивы, потом может быть таблицу сделаю. Не суть важно. <body> <div class="bgtop"></div> <div id="header">header</div> <div id="body"> body </div> <div id="footer">footer</div> <div class="bgbottom"></div> </body> Нужно в разметку добавить фоновую картинку сверху и фоновую картинку снизу. Верхняя начинается с начала экрана, нижняя лежит на футере (id="footer") Причём нижняя может налезать сверху на верхнюю (там футер png с прозрачностью) Собственно …
0 votes2 answers -
div 2 колонки корневой не раздвигает див
Проблема, когда создаю 2 колонки флоат задаю им получается что основной див не раздвигает внутренний к примеру такой вариант <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"> #container { border: 5px solid #444444; /* Общая ширина макета */ margin: 0 auto; /* Выравниваем по центру */ } #leftcol { float: left; background: #f0f0f0; width: 600px;background-color: #333; } #rightcol { float: left;margin-left: 10px; background: #fc0; width: 200px;background-color: #555555; } #le…
0 votes8 answers -
Media Queries для старых IE
Почему-то не работает скрипт от гугла <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->Тег вставляю в head. Верстку проверяю в IE11 в режиме IE8. HTML5 теги получилось так подключить. Что можно сделать, подскажите <head> <title>SPRING</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="sass1/stylesheets/style.css"> <link href="http://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet" type="text/css"> <script type="text/javascript"…
0 votes6 answers -
растягивание цвета фона на всю ширину экрана
Доброго времени суток! Извините за беспокойство! У меня такой вопрос http://legenda-dom.ru/ вот в таком сайте, как сделать так, чтобы цвет фона самой верхней полоски (голубой) был растянут на всю ширину экрана, независимо от его размеров, при центрировании остального контента посередине? Заранее благодарю!
0 votes1 answer -
font size в заголовках
применяю относительный размер шрифта в стиле заголовка, а получаются очень маленькие буквы даже если добавить +7 к тому же нет ясности, к какому числу прибавляются условные единицы в заголовках h1-h...
0 votes3 answers -
Нужно резать строку без пробелов
Проблема следующая: выводится одна очень длинная строка без пробелов и символов перевода строки. Она выходит за край блока, в котором лежит. Нужно как то блоку этому показать, что строка должна переноситься. FF3 это сам делает, IE понимает word-wrap: break-word; а для FF2 ничего найти не смог.
0 votes4 answers -
Блокировка кнопок "Back" и "Forward"
Видел сайт при входе на который блокируются кнопки "Back" и "Forward" браузера ИЕ (и обратной их активации при выходе). Не срабатывали даже комбинации "Alt-стрелки курсора" и клавиша "BackSpace". Очень удобная штука при изменении Базы Данных в самый момент перехода между страницами. Хелп. Как это делается ? Единственное что мог узнать - изменение в Реестре Windows. Но для меня это не решение.
0 votes5 answers -
Установка flash plugin при необходимости...
Здравствуйте. Подскажите пожалуйста такую штуку: На сайте в корпоративной сети предприятия есть страничка с внедренным флеш объектом (графики и т.д. сделанные во флеше).. Требуется для его проигрывания 10 Flash. Вопрос: Что и где прописать, чтобы тому юзеру, у которого ничего не отображается (из-за не установленного 10 флеша) предлагалось его установить из локального сервера...как-нибудь вежливо )))
0 votes4 answers -
Почему ошибка в валидаторе?
Я хочу изменить шрифт разрыва сообщения в блоге ("читать далее") в блоггере код идёт стиля и html и xml находятся в одном файле и идут друг за другом, вначале идёт css стиль, в котором я пытаюсь написать нужный шрифт: H10 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; } и внизу кода, когда идёт html код, я пытаюсь вставить этот тег для разрыва сообщения "читать далее" <b:if cond='data:post.hasJumpLink'> <div class='jump-link'><div align='right'> <h10> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </h10> </div></div> </b:i…
0 votes17 answers -
Как сверстать форму поиска?
Как сверстать такое? Подскажите. Есть два input'а Первый понятно наверное как оформлять, а вот sumbit (синий кружок) не знаю как. Нужно как-то убрать текст с кнопки и поставить background в виде картинки что ли, только как его убрать, этот текст? Html <form action=""> <input type="text" id="search" value="Поиск" /> <input type="submit" id="submit" value="???" /> </form>
0 votes6 answers -
Верстка кнопки
Не получается сделать овальную динамичную кнопку с помощью картинок. У меня 3 картинки - левый край, центр(полоска) и правый край. CSS background:url(левый_край.gif) no-repeat; background:url(центр.gif) repeat-x; background:url(правый_край.gif) no-repeat 100% 0; Все хорошо, все работает, но края у меня скругленные, с прозрачными углами. И получается, что в этих местах видна картинка центр.gif Вот собственно вопрос, можно сделать так, чтобы под картинками левый_край.gif и правый_край.gif небыло картинки центр.gif?
0 votes15 answers -
Зачем нужны шрифты в %, если браузеры одинаково масштабируют шрифты и в относительных и абсолютных значениях?
После прочтения поста http://habrahabr.ru/post/42151/ я сделал тестовую страницу http://cssdesk.com/UCA4e с таким кодом внутри: body { font-size:100%; } текст не в параграфе <p style="width:200px; border:1px solid #ff0000;">текст внутри параграфа</p> <p style="width:200px; border:1px solid #ff0000; font-size:120%;">шрифт в процентах</p> <p style="width:200px; border:1px solid #ff0000; font-size:1.2em;">шрифт в em</p> <p style="width:200px; border:1px solid #ff0000; font-size:16px;">шрифт в пикселях</p> <p style="width:200px; border:1px solid #ff0000; font-size:12pt;">шрифт в пунктах</p> Хочется узнать, почем…
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-