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
-
Новые html5 теги. Как правильно использовать?
Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…
0 votes12 answers -
выступающая закладка
Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!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="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left…
0 votes5 answers -
Резиновый трех колонных макет
Здравствуйте, не могу понять как составить трёх колонный макет. Как на картинке: html: <div id="structure"> <div id="header"> </div> <div id="l_menu"> </div> <div id="content"> </div> <div id="r_menu"> </div> </div> CSS: #structure { position: relative; width: 80%; height: 100%; left: 10%} #header {width: 100%; height: 100px} #l_menu {height: 100%; width: 150px; float: left} #content {height: 100%; float: left } #r_menu {height: 100%; width: 150px} #bottom {width: 100%; height: 50px } что здесь не так? надо что б content занимал всё оставшееся место после l_menu и r_menu
0 votes9 answers -
Просветите новичка-2
Доброго дня! Помогите разобраться. Пробую сделать первый сайт но пока плохо разбираюсь (( Вопрос вот в чём ... Как Вы мне и советавали купил домен и хост на masterhost.ru, мне прислали всякие разные реквизиты ) ... после чего я что-то там делегировал и вроде всё прошло удачно. После этого попробовал с помощью программы Macromedia Dreamweaver залить файл (default.htm) на сервер: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> проверка! …
0 votes9 answers -
Как сдвинуть фон сайта, но только на 500px
Как сдвинуть фон сайта при прокручивании страницы, но только на 500px, а потом, чтобы он остановился?
0 votes6 answers -
Помогите разобраться с формой!
Привет пипол помогите пожалуйста разобраться с формой, не как не могу включить в ней поля для обязательного заполнения подскажите пожалуйста как мне это сделать, чтобы работали поля на проверку и форма отправлялась на мыло! Вот сама форма. <form action="mailtest11.php" method="POST"> <table width="100%"><!--DWLayoutTable--> <input type="hidden" name="action" value="send"> <p> <td width="100%"> <div align="left"> </p> <table border="0" cellspacing="10" cellpadding="0" bgcolor="#F4F0F0" width="966"> <tr valign="top"> <td width="23%" bordercolor="#C0C0C0"><strong> Контактное лицо (т…
0 votes6 answers -
Выравнивание блоков по ширине
Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.
0 votes7 answers -
map и position
имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…
0 votes5 answers -
IE 5,5 и padding (добавление полей)...
Если к к блоку шириной 100% добавить padding ,допустим 30 рх. справа, в ИЕ 5,5 появляется горизонтальный скрол..т.е. к ширине блока прибавляется ширина внешнего поля (padding...)....как избавиться..... В остальных все нормально показывает ,даже в ИЕ6...
0 votes6 answers -
Загадка CSS
Господа, помогите понять, как это может быть такое: Медленно подгружаются стили на сделанном мною сайте: www.isn.su, я подумал, что это из-за того, что я подключил несколько css-файлов и решил весь css-код поместить в один css-файл. Скопировал и переместил. Но, после этого, почему-то, для меня остается большой загадкой, стала подгружаться только часть css кода. К примеру, картинки и блоки нормально отображаются, а текст неотформатирован и так далее. Потом я решил попробовать css-стили включить в html-файлы, но получилось тоже самое - подключается только часть css-кода. Помогите, пожалуйста, понять, как это может быть такое??? Заранее большое спасибо!
0 votes7 answers -
Проблема в IE 6
Здраствуйте, есть вопрос по верстке. Есть форма, в ней есть как и выпадающие списки, так и просто текстовые поля. У них имеется один и тот же класс, в результате они получаются одинаковой ширины и обрамление поля серое. В FF и Opera поля одинаковые, а в IE6 отображаются по разному, у выпадающего списка и текстового поля ширина разная и обрамление тоже. Вот код: CSS: .big{ width: 260px; border: 1px solid; color: #666666; background: white; }
0 votes10 answers -
Проверка сайта (движок Joomla) на валидность.
Ошибка: Sorry, I am unable to validate this document because on line 224 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xD0" does not map to Unicode Подобная тема уже есть, решение вроде бы тоже. Но в моем случае указывается номер линии, которого либо вообще нет, либо на этой линии ничего необычного не наблюдается. Может быть причина в том, что я не знаю где смотреть эту самую линию, поскольку в коде созданном на Joomla плохо разбираюсь. Через браузер номера строк…
0 votes8 answers -
margin-right:-100% (помогите разобраться)
Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?
0 votes11 answers -
Проблема с фиксированым подвалом
Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.
0 votes16 answers -
margin не работает в ie
Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …
0 votes3 answers -
Как сделать калонку с закругл?нными краями Правельно
Люди дайте пример в?рстки в css калонки(к примеру) с закругл?нными краями.... Ато мой способ неподходит ......
0 votes6 answers -
Закругление углов на css
Кто может подсказать как можно реализовать на css закругление углов, как на сайте http://glavred.info/
0 votes4 answers -
Тег отвечающий за ограничение количества символов
Подскажите тег отвечающий за ограничение количества символов. Пример: информер с комментариями (надо ограничить длину $ENTRY_TITLE$ например 19 символами) <strong></strong> <table border="0" cellpadding="0" cellspacing="0" width="190" height="60"> <tbody><tr> <td style="padding-left: 0.1em;" align="left"> <b><a href="$ENTRY_URL$">$ENTRY_TITLE$</a></b> <br> <b>Написал:</b> <a href="$PROFILE_URL$">$USERNAME$</a> <br> $MESSAGE$<br>[<a href="$ENTRY_URL$">Ответить</a>]<br><hr size="1" width="100%"></td> </tr> </tbody></table> &…
0 votes8 answers -
Структура кода
Накапливаются вопросы, и, пусть не все сразу, но частичто буду их сюда выкладывать на обсуждение или точный ответ. Для начала, вопрос такой: При "многоуровневой" верстке чему стоит отдать предпочтения: индивидуальному классу у каждого элемента*, вложенности элементов в ксс-коде**, нескольким классам у одного элемента***, или id-шникам**** (если элемент не интересен серверу и одинок на страчке). Что бы выбрали Вы и почему? Пример для тех, кто не совсем понимает, о чем речь. Пример нельзя признать полностью корректным, но суть вопроса он полностью отображает.
0 votes21 answers -
Bootstrap navbar burger не работает
Имею шапку сайта созданную на bootstrap, имеется выпадающее меню открывающееся на мобильных устройствах при нажатии на "бургер", работает на всех устройствах, но не раскрывается на Samsung Galaxy A5, как это можно зафиксить?
0 votes3 answers -
Форматирование полос прокрутки
Добрый вечер! Я точно знаю где-то есть параметры в CSS для форматирования полос прокрутки. Мне нужно это сделать для слоя DIV - и ещ? очень надо сделать вертикальную полосу слева, а не справа, как по-умолчанию, а горизонтальную отключить... Подскажите, пожалуйста. С уважением.
0 votes5 answers -
Выравнить DIV'ы равномерно по вертикали
Вообще предлагаю следующий код, он представляет собой список телепрограмм: <div style="width:600px;"> <div class="ch">1</div> <div class="tm">05.30</div> <div class="bc">"Детективы"</div> <div class="ch">1</div> <div class="tm">12.45</div> <div class="bc">"Ералаш"</div> <div class="ch">1</div> <div class="tm">13.00</div> <div class="bc">Новости (с субтитрами). Ведущий - Дмитрий Борисов</div> </div> CSS к нему : .ch { float: left; width: 30px; margin: 0px; padding: 7px 4px 0px 0px; color: black; font-size: 11px; text-decoration: none; tex…
0 votes4 answers -
Расширения (filter) для CSS
Привет всем! Подскажите, а где можно поподробнее почитать про расширения CSS (фильтры, filter). Типа: - Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) - BlendTrans(Duration=?) - Blur(Add=?, Direction=?, Strength=?) - Chroma(Color=?) - ну и так далее...
0 votes1 answer -
Форма входа в чат
Снова вопрос...каким образом форму входа в чат поставить так чтобы она ничего не смещала,и была слева от "новости репа" ?Вот http://rap.mpchat.ru/ сам чат...Извините если уж совсем глупый вопрос :|
0 votes7 answers -
Проблема в float
стили: #pad_fonsmall1 { padding-top: 0; padding-left: 0; padding-top: 0; padding-right: 10px; padding-bottom: 17px; float: left; } /* НАЧАЛО - Оформленая прокрутка*/ #mycustomscroll { width: 293px; height: 291px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; background-color: none; margin: 0 auto; padding: 0px; } /* scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ .scrollgeneric { line-height: 0px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbar { width: 15px; cursor: pointer; height: 74px !important; background: #bbb699 u…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-