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
-
Валидатор
Решил почекать свою визитку валидатором. Ужаснулся. You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by: * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element), * by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead). * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case). В основном все ошибки ( …
0 votes10 answers -
проблемы в фф
данные стили идентично отображаются во всех браузерах #wrapper .sidebar_right .search{position:relative;} #wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;} #wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}
0 votes18 answers -
К кнопке не применяются стили
Почему-то в коде к кнопке button не подключаются стили: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Обработка HTML формы с помощью PHP</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> #div1{ position:absolute; top:30%; left:30%; background:#c0c0c0; width:400px; padding:10px; -moz-border-radius:10px; /* Радис скругления */ -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} } button.knopka{ background:#0000ff; color:#ffffff; padding:10px; …
0 votes4 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 -
Fieldset, закругление углов
привет. Кто-нибудь сталкивался с такой штуковиной? Сверстать такой блок дивами, а label спозиционировать абсолютно, расставив маргины — просто. НО! Я пока не нашел наглядного примера, для данного случая, сделать такой же блок, с закруглёнными краями, но используя такую структуру: <fieldset> <legend>Ледженд</legend> <label></label> </fieldset>
0 votes6 answers -
помогите с ие
выложил вот на бесплатник - valeradmitruk.narod.ru/1st.html проблема только с ие, фф и опера показывают как надо, пробовал основному контенту добавить z-index:-1; тогда ие показывает нормально, но пропадает основной контент в фф
0 votes12 answers -
Выпадающие окна меню с помощью css
Добрый день! Нужна помощь коллективного разума, так как сама не справляюсь. Нужно сделать выпадающие окна с помощью css. У меня получилось вот такое (см. код), но я уперлась в проблему: выпадающее меню не становится линейным, как список верхнего режима. Я в курсе, что это свойство задается float: left, однако куда именно его вписывать - не понимаю (метод тыка результатов не принес). Если сможете объяснить, в чем ошибка - буду крайне признательна. Код прилагается. Спасибо! <style type="text/css"> #navigation { list-style: none; float:left; color: white; font-family: Franklin Gothic Medium; font-size:14px; width: 100%; } #navigation li { float:left; position:relat…
0 votes2 answers -
Фон блока в Firefox
Вот есть код, но в Firefox фон второго блока не отображается. Если их поменять местами, все ок. В IE6 фон всегда отображается. Как это исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div style="height:50px; background:#CCCCCC; border:1px solid"></div> <div style="height:28px; background:url('fone.gif') left top repeat-x fixed; border:1px solid;"></div> </body> </html>
0 votes11 answers -
Как картинку по верх всего повесить?
Доброго дня всем! У меня вопросик по CSS, помогите ответом: есть фон, на нем верхняя картинка (условно назовем ее Header)которая по ширине уже чем фон, и есть логотип, который надо по верх Headerа закрепить, но так чтобы он вылезал за его рамки? Короче говоря - Как картину по верх всего повесить в произвольном месте??? Я это сделал так: .logo { background-image: url('images/logo.png'); background-repeat: no-repeat; height: 441px; width: 362px; margin: 0; } Но когда меняю значение "margin" карявиться весь сайт!!!
0 votes10 answers -
Подсветка области area
На большой картинке выделил область (area) в качестве ссылки на другой документ html: <img src="image.jpg" usemap="#karta"> <map name="karta"> <area href="doc2.html" shape="rect" coords="50,60,70,80"> </map> Как сделать так, чтобы при наведении курсора мышки на эту область выделялись (подсвечивались) ее границы? Что-то вроде этого необходимо: <div id="qaz" onmouseover="this.style.borderColor='orange'" onmouseout="this.style.borderColor='black'"> </div> CSS: #qaz {border:6px solid black;} Проблема в том, что у area нет этого самого border.
0 votes1 answer -
Отступ у float-блока в IE
Есть блок content, растянутый на весь экран с ограничением минимального разрешения: div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; } #content { position: relative; overflow: auto; margin: 0; padding: 0; min-height: 100%; min-width: 925px; max-width: 1400px; } * html #content { height: 100%; overflow: visible; width: expression( ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 925 ) ? '925px' : ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1400 ) ? '100%' : '1400px' ); } Когда внутри этого блока раз…
0 votes7 answers -
Высота текстового поля
Подскажите, please, возможно ли изменить высоту текстового поля, я имею в виду не textarea, а просто text <input type=text> И как это сделать. Спасибо!
0 votes2 answers -
Padding смещает вс? что ниже
Есть таблица, в нижней ячейке я спускаю текст с помощью padding-top #top-center td.menu{background: url(../images/topmain/topmain_05.jpg) no-repeat top left; vertical-align:top; padding-top: 28px; padding-left: 80px; width:999px; height:99px;} Но вместе с этим смещается совсем другая таблица, расположенная ниже этой. Почему так происходит? Т.е. между этими таблицами появляется пустое место...
0 votes7 answers -
Помогите исправить несколько багов
Меняю дизайн сайта www.torgall.ru u и возник ряд вопросов: 2) В IE при первом заходе на главную страницу наблюдается сдвиг таблицы последних товаров вниз экрана, но после обновления страницы все становится на свои места. 4) Снова IE. В Опере и Мозилле используется эфект "наползания" блока с меню на желтый блок информера - как и было задумано. В IE6,7 вокруг блока меню отображется белая прямоугольная граница фона. Можно ли добиться эффекта прозрачности фона? Сообщайте если заметите другие недочеты, высказывайте свои замечания. Заранее спасибо за помощь. 1) исправлено. Спасибо demous и homm 3) ..... решено
0 votes12 answers -
не могу понять принцип работы шаблонизаторов
разъясните в чем принцип работы шаблонизатора, пусть вот этот код будет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//RU" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional-dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel=stylesheet type=text/css href="css/css.css"> <title><?php echo "TITLE"; ?>/title> </head> <body> <div id="container"> <div id="header"> <?php echo "HEADER"; ?> </div> <div id="navigation"> <?php echo "NAVIGATION"; ?>…
0 votes2 answers -
Рамка с заголовком на рамке
Как сделать вот такой DIV с заголовком, перекрывающим участок границы?
0 votes2 answers -
hover в div'e действует на вложенные блоки
Подскажите как решить следующую проблему, есть li в нём div, при наведении мыши к диву должен применится hover, но он применяется только к вложенным блокам а не к родительскому диву! то есть бэкграунд меняется например у 'news_title_header' когда мышка находится на нем, а у всего 'news_parent' не меняется. такая конструкция <li> <div class="news_parent"> <div class="news_title_header"> <a data-post="5" href="news/novost-3">Новость 3</a> <i class="c_time">01.11.2014</i> </div> <div class="news_short"><p>краткое описание</p></div></div></li>стиль: #news li {margin-botto…
0 votes4 answers -
float и position при адаптивной верстке
Привет всем. Не пойму почему при флоте http://prntscr.com/9frma7 список выпадает из блока . Объясните плиз. потом делал его через позиционирование дал ему абсолют. Но при уменьшении расширения экрана список улетает в сторону . Как решить тут проблему? http://prntscr.com/9frnow
0 votes6 answers -
Не могу разобраться...
Вот стили: #niceloginform div.loginformtop { width:100%; background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left; margin:0; padding:0; } #niceloginform div.loginformtop div.loginformleft { float:left; font:11px Verdana; color:#FFFFFF; padding:6px; } #niceloginform div.loginformtop div.loginformright { float:right; padding:6px; } #niceloginform { position: absolute; width: 332px; left: 50%; margin-left:-170px; top: 50%; margin-top:-150px; text-align:left; background:url(../images/login.jpg) right center no-repeat #FFFFFF; display: none; z-index: 99; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; hei…
0 votes15 answers -
Предпросмотр в Dreamweaver
Здравствуйте! у меня такая глупая но частая ситуация: когда я верстаю страницу и хочу взглянуть на неё в веб-браузере, Дримвюер просит сохранится. После сохранения он открывает в браузере ту версию которая сейчас в работе, которая уже открыта. Но вот беда: браузер сообщает об ошибке и страничка не открывается. ЗАТО та версия которая сохранена отображается! я просто хочу спросить: это у всех так? это нормально или что-то не впорядке. у кого то было так же? причём такая штука происходит у меня в любых версиях!
0 votes5 answers -
Селекторы детей
Возникла необходимость использовать селекторы детей, т.е div.content > div.left , но настараживает что на одном из сайтов указано что нет поддержки данного типа селектора в осле и нейскапе. В 8 осле проверил, все работает как надо, собственно вопрос, до каких версий этих браузеров данный тип селектора не поддерживается, иначе, стоит ли использовать данный селектор или стоит придумать уникальное имя?
0 votes15 answers -
Проверка верстки в различных браузерах
У мя такой вопрос: "Какие браузеры стоит установить для проверки кросс-браузерности верстки. Может есть какие-либо секреты облегчающие эту проверку?" И еще. Поделитесь опытом. Кто как достигает эту самую кросс-браузерность? У мя всё
0 votes4 answers -
Друзья, помогите с доктайпами!
Всем привет! Друзья, помогите разобраться с доктайпами! Чем отличаются HTML от XHTML? Можно подробней, пожалуйста! Что лучше использовать и что используете Вы как мастера, что Вас больше устраивает и почему? Чем отличается в HTML и XHTML: Строгий синтаксис HTML/X и Переходный синтаксис HTML/X? Что в новом стандарте HTML 5? Стоит ли использовать его? Как с ним будут работать старые браузеры? Будет ли он лучше HTML 4.01? На этом замечательном сайте пишется что для XHTML не требуется закрывающий тег, это как? Для всех тегов? Заранее благодарен за помощь начинающему P.S. Выучил HTML по курсам Е.Попова, там только для нубов азы! С чего продолжить? Посоветуйте пожалуйста, а то…
0 votes18 answers -
Помогите советом
Здравствуйте, начал учиться верстать. Скачал макет, там есть такой блок. Как лучше всего реализовать?
0 votes26 answers -
Полосатая рамка
Здравствуйте! Мне очень надо сделать посредством css рамку. Во времена СССР были почтовые конверты, а по краям у них была рамка из наклонной полосатой зебры, где чередуются белый, красный и голубой. Пожалуйста, подскажите, как мне сделать такую рамку средствами CSS. Эта рамка будет вокруг блока, содержимое которого может меняться, то есть зависит от наполнения текстом, так что рамка тоже должна изменяться в соответствии с размерами блока.
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-