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
-
Не работает background-image
Попробовал начать верстать один из предложенных здесь макетов - файл с фоновым изображением не отображался, хотя прописано все было вроде бы правильно. Попробовал прописать его как простой img уже в html - картинка не отобразилась, только маленький квадрат с крестиком. Подскажите, в чем причина в совокупности такого поведения изображения.
0 votes15 answers -
VBScript + HTML
Подскажите, пожалуйста, как могут взаимодействовать форма и VBScript?
0 votes3 answers -
margin-top смещает родительский блок вниз
Привет всем. Код: <!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=windows-1251" /> <style> * { padding: 0; margin: 0; } #wrapper { margin: 0 auto; width: 900px; } #header { width: 900px; background: #ABBEBE; } #content { /*border: 1px solid;*/ height: 300px; background: #ABFFFF; width: 900px; } #footer { width: 900px; background: #ABBEBE; } .stick { width: 100px; height: 100px; margin: 100px 0px 0px 10px; } </style> </head> <body…
0 votes3 answers -
Блок улетает вниз в IE7
Привет! Подскажите пожалуйста как мне укротить упрямого тупого осла под названием IE7 (в ИЕ6 наверное также) ? Везде ДИВ 3 и ДИВ 4 нормально отображаются, даже в ИЕ8. А в ИЕ7 они улетают вниз. Пробовал их вкладывать в 1 общий ДИВ но не помогло. В картинке шлю скрин проблемы. Сайт где посмотреть вживую -- http://av-sport.ru/
0 votes14 answers -
Как сверстать такую навигацию
Здравствуйте, уважаемые форумчане! Сейчас я верстаю сайт, на котором мне нужно сверстать такую навигацию. Буду очень благодарен за помощь.
0 votes3 answers -
Проблема списка в IE6 и IE7
Есть сайт который работает нормально везде, кроме ослика и его старшего брата. Вот в чем проблема, список начиная с атласной ткани должен идти без фоновой картинки. В остальных браузерах отображается как надо. И есче, почему то уходит правая фоновая картинка куда-то? Помогите разобраться, спасибо.
0 votes8 answers -
кто верстает rem-ами и главное ЗАЧЕМ?
Всем привет народ. Один зак у меня считает что ремы это мегакруто и надо верстать только ими. У кого то еще требовали заки такое? Кто то вообще реально использует их? И в чем смысл кроме необходимости ставить точку? Только не надо мне про принцип работы. Мне реально пользу какую-нить практическую плиз.
0 votes7 answers -
Опять непонятный баг в IE6
Всем привет, недавно был вопрос о том как сделать уголки закругленные на однородном фоновом цвете, там в итоге сделал три дива, верхний, средний и нижний, и в верхнем и нижнем по 2 вложенных дива с флоатами лефт и райт! тут вот сайт http://www.tatyanavais.ru/tehnolog.html проблема похожая но тут ситуация круче так как фон сзади градиентный поэтому предыдущий вариант не сгодился так как там картинки с уголками имеют пнг прозрачность в этоге сделал немного добавив кода а именно вот кусок кода <div id="left_area_top"> <div id="left_area_top_left"><img alt="" src="images/left_top_c.png"></div> <div id="left_area_top_right"><img alt="" …
0 votes19 answers -
селект накладывается на слой
Добрый вечер. Проблема: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT style='WIDTH: 100px' name='kpp'></SELECT> В explorer'e селект отображается поверх слоя. Подскажите, плз, в чем проблема
0 votes2 answers -
float и вложенные слои
<div style="background: #ccc; width: 100%"> <div style="float: left; width: 300px; background: #000">123<br>123<br>123<br>123<br>123<br></div> 123 </div>В FF внутренний слой вылазит за пределы внешнего. Почему так происходит? В IE все нормально. Какой браузер отображает этот код правильно? Как сделать так, чтобы внутренний слой был слева и не вылазил за пределы внешнего слоя, не задавая фиксированную высоту внешнего слоя? Заранее спасибо за ответы.
0 votes6 answers -
В IE прозрачная PNG берет не правильный бэкграунд
И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую. Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px; В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй. НО! В IE получаем белый фон у картинки с прозрачным фоном! Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px; Т.е если у контейнера с картинками фон синий - у прозрачной картинки тоже будет синий фон Как это побороть? Этот баг только в IE в осталь…
0 votes5 answers -
Не получается спозиционировать сайдбар
Может здесь помогут... Хелп, едет крыша! Короче, суть проблемы такова: есть двухколоночный страниц - шапк, левый блок (основной), правый блок (сайдбар, фиксированная ширина), блок-прижиматель футера к низу, ну и - прижатый им к низу футер. Так вот, левый (основной) блок прекрасно тянется в высоту насколько нужно и прижимает футер, а правый - сайдбар (или параграф внутри него?) - этот самый футер прекрасненько протыкает (патамушта спозиционирован абсолютно). И висит там под футером как... неприличное что-то, ей-богу. Чего только ни пробовал - ничего не помогает! Короче, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loos…
0 votes9 answers -
input type=file
Известная проблема: подогнать под дизайн сайта поле загрузки файов: добавить бордюр, сделать внутренние отступы, сменить кнопку и т.д. Вот и я поимел первый опыт борьбы с ней. Хочу попросить покритиковать мое решение. Сразу скажу, что основано оно на идее перекрытия настоящего файл-инпута кнопкой и текстовым полем. Мне почти подошло решение предложенное здесь, за что автору большое спасибо, но пришлось немного допилить под себя. Моя задача: кнопка BROWSE выводится справа от текстового поля. Занимаюет ширину "по ширине текста в ней". Все оставшееся место уходит на текстовое поле имени файла. Подход к решению: делаем два div`а: в первый помещаем input type=text. Во второй i…
0 votes2 answers -
Как убрать отступ после изображения
Помогите пожалуйста, мне надо, чтобы текст отображался внизу картинки БЕЗ ОТСТУПОВ, сразу после картинки.
0 votes3 answers -
INPUT и CSS
Описал фон для поля ввода - input{ background-color: rgb(255, 255, 255); width:100px; padding-left: 18px; border:1px solid #e0e0e0; } input.user { background-image: url('user_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px center; padding-left: 18px; } В FF все работает отлично, в IE когда длинна текста превышает длинну INPUIT картинка уходит из видимости, можно это как-то исправить?
0 votes4 answers -
помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/
помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/ вот код ошибки Ошибки в сценариях веб-страницы Агент пользователя: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727) штамп времени: Tue, 17 Mar 2009 09:04:45 UTC Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-m…
0 votes7 answers -
Ограничение размера
Люди. Помогите. Можно ли как-нибудь ограничить размер картинки? Если картинка, например, 200 пикселей, то она сократится до, например, 120 пикселей, а если 60, то она и останется 60? Так возможно?
0 votes5 answers -
три колонки на div для разного фона по краям
был вариант: фон: body { background-image: url(../img/bg.jpg); background-repeat: repeat-x; background-position: center top; } сам сайт: .container { min-width:900px; max-width:1600px; width:100%; } т.е. снизу был повторяющийся фон который сочитался с шапкой сайта и если окно становилось шире картинки в шапке то он ее продолжал в обе стороны. Теперь хочется сделать вариант когда слева и справа шапки должен быть разный повторяющийся фон. направо уходит бесконечный хвост от логотипа например. 3 колонки делаются по примерам так: .container_main { position: relative; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .container_center { width:90%; margin: 0px 5% 0px …
0 votes8 answers -
Как подключить сетку бутстрап в псд макете?
кучу видео посмотрел, но никто нормально не может показать работающий способ
0 votes2 answers -
Скошенный хедер
Подскажите пожалуйста, как сделать такой хедер? имеется ввиду нижний скос
0 votes1 answer -
В чем ошибка?
Подскажите, что я сделала не так в написании стиля страницы body { font-size: 500%; font-family: Arial, Verdana, sans-serif; text-align: center background: #333; color: red; } Цвет и размер текста воспринимает, а остальное нет.
0 votes7 answers -
Расстояние между параграфами
Собственно есть текст <div class="methods_white text"> <p><b>Белые методы продвижения сайта</b> – это цивилизованные методы. В первую очередь:</p><ul> <li>Создание интересного, оригинального качественного Интернет-ресурса ориентированного на потребителя (оптимизированного под миссию сайта);</li> <li>Правильный выбор доменного имени: краткого, хорошо запоминающегося, ассоциирующегося с содержанием сайта;</li> <li>Поисковая оптимизация сайта под поисковые системы Интернета (с обеспечением требований этих систем);</li> <li>Различные виды цивилизованной рекламы;</li> <li>Регистрация в …
0 votes7 answers -
Не работает код CSS для тега SPAN, для P работает
В файле стилей для тега класса .zagl прописан text-align:center; В коде страницы я пишу: <span class="zagl">текст</span> И текст выравнивается по левому краю, хотя должен по центру. Когда прописываю в коде <p class="zagl">текст</span> - то текст выравнивется по центру. Почему не работает так со SPAN?
0 votes3 answers -
frD-Отмена обтекания в Opera
Ниче не пойму, есть блок, в блоке строка Строка текста с параметрами: .name_this_block { width:130px; min-height:19px; font: bold 12px Tahoma; color:rgb(115,79,135); text-align:center; background-color:rgb(245,245,225); border: 1px solid rgb(197,188,172); border-bottom: none; padding-top:5px; position:relative; left:10px; top:-33px; float:left; display: inline; margin: 0px; white-space: nowrap; } .name_object_style { font: 22px georgia; color:rgb(17,83,126); text-decoration: none; position:relative; } далее в том же блоке идет блок с текстом который центрируется, вот Строка текстая отменяю обтекание и задаю соответствующие параметры для данного блока чтоб он принял ну…
0 votes5 answers -
Как можно сделать загрузку?
Как можно сделать загрузку, типо как при установки проги, с процентами, и с полосой? Заранее спасибо.
0 votes17 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-