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
-
Не выравнивается к центру менюшка
Уважаемые форумчане, подскажите пож-та как выравнять нижеописанную менюшку по центру страницы. что только не пробывал, стоит на месте не двигается. нечего не пойму....менюшка красивая получилась, а выровнять не могу.. <html> <head> <style type="text/css"> div.menuhor div.navih { width: 100%; height: 24px; font-family: Tahoma; font-size: 11px; line-height: 5px; font-weight: bold; margin: 0px 0 0 0; background-color: 336699;} div.menuhor div.navih a { float: left; color: #FFFFFF; text-decoration: none; padding: 9px 8px 10px 8px; background-color: 336699;} div.menuhor div.navih a:hover { color: #FFFFFF; background-color: #004982;} </style> </hea…
0 votes4 answers -
PNG + CSS + IE ? ...
Добрый день! Подскажите как заставить png работать не из корня, а из нужного каталога для IE ? В таком варианте работает везде: background: url('kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=kontent_t.png,sizingMethod=crop); А вот в таком только в Опере и Мазиле: background: url('../img/kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/kontent_t.png,sizingMethod=crop); Заранее благодарен.
0 votes4 answers -
В 6IE Выскакивает таблица из <div>-а
Здравствуйте, возникла передо мной проблема, которую никак не могу решить самостоятельно. Имеется шаблон с фиксированной шириной правой и левой колонок и резиновой центральной. Сделано так: три -а, правый и левый float-нутые в соответствующие стороны, центральный position: relative. Вот они: #main { position: relative; clear: both; width:100%; padding-bottom: 52px; overflow: hidden; } #left { float: left; width: 260px; background-image: url(images/left_fon.jpg); background-repeat: repeat-y; margin: 0; padding: 0; } #right { float: right; background: url(images/right_fon.jpg) repeat-x; margin-top: 30px; width: 250px; } #content { position: relative; b…
0 votes4 answers -
Странный эффект с выпадающим меню
Доброго всем! Возникла проблема при создании выпадающего меню на сайте: http://dev.kp.ru/ Пункт "Спецпроекты" в главном горизонтальном меню. Нормально отображается в ИЕ, Опере, а вот в Мозилле не хочет. Фон и текст выводятся поверх меню Разбирался... Нашел, что есть какая-то непонятная зависимость у перекрывающих выпадающее меню блоков со свойством overflow При значении hidden - перекрывает, при значении visible - нет. Но это решило часть проблемы, т.к. например у закладок на главной странице что работают с помощью ява-скрипта этого значения вообще нет, так же как и у надписи "Финансы". Выставление значения не помогает. Вобщем вот весь код: ХТМЛ: <li class="last">&…
0 votes4 answers -
Таблица
Всем привет! Как создать таблицу что-бы независимо от содержимого ее размеры по горизонтали оставались неизменными . Нужно что-бы строка "ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ" ложилась в таблицу width='150' height=* *параметр высоты незадан . Что-бы размеры таблицы изменялись в зависимости от содержимого по высоте а-не по ширине .
0 votes4 answers -
Вид кнопки "Обзор" в форме загрузки файла
Здравствуйте, уважаемая администрация этого отличного ресурса!) Перейду сразу к делу: можно ли каким-нибудь образом изменить вид кнопки "Обзор" в форме передачи файла? Заранее спасибо, с уважением OldEr.
0 votes4 answers -
Помогите разобраться с пару задачек?
1)Я прописал для ссылок их цвет при нажатии, наведении и так далее, но что если у меня два разных класса вида ссылок на странице. Как отдельно задать цвета для каждого? 2)Как растнуть ссылки в горизонтальном меню?
0 votes4 answers -
Хелп с шаблоном plz
В общем нужен такой шаблон , header - фикс высота , резиновая ширина footer - фикс высота , резиновая ширина left - фикс ширина , резиновая высота right - фикс ширина , резиновая высота center - абсолютом , но чтобы незалазил на вс? остальное ... у кого есть выкиньте пожалуста ...
0 votes4 answers -
В IE6 в стилях не работает тег BODY
Приветствую. Ситуация следующая: Создаю встроеную таблицу стилей, например: <html> <head> <style type="text/css"> <!-- BODY { background-color: #99653e; color: #f0f; } --> </style> </head> <body> текст </body> </html> Вс? прекрасно работает в IE 6, однако стоит вынести таблицу стилей в отдельный файл как тег BODY в IE 6 переста?т работать (все остальные теги работают нормально а вот BODY не работает) в Opera все теги работают нормально. Подскажите, так ли это или я в ч?м то не прав, В ч?м ошибка и как исправить? Вот листинг раздельных html и css: <html> <head> <link rel="stylesheet" type="text/css" hre…
0 votes4 answers -
Вертикальное 100% у таблицы в XHTML
Народ всем привет, думаю что многие сталкивались с такой проблемой, я кстати тоже давно и вот столкнувшись с ней вновь опять впал в стопор. Скрины: IE OPERA Суть проблемы следующая, мне нужно написать код на XHTML версии STRICT то есть када код и стили полностью отделены друг от друга. Нужно получить результат как на втором скрине(это ОПЕРА). Первый скрин это ИЕ(в нем некорректно работает) CSS: html, body {height: 100%; padding: 0px; margin: 0px;} .main_table {height: 100%;} .top {height: 200px;} .content {} .bottom {height: 50px;} HTML: : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html x…
0 votes4 answers -
Doctype
Доброго времени суток! Кому не сложно обьясните пожалуйста как составляется Доктайп. Понимаю что вопрос тупой но у меня не было об этом написано в мануале по HTML, а щас интересно.
0 votes4 answers -
Заглушка для флеш
Ребята есть верстка для сайта, в шапке флеш, как сделать если пока не загрузилась флеш, то в шапке была фоном картинка, а после загрузки флеш была поверх этой картинки, как примерно на css это написать?
0 votes4 answers -
disabled не дает пройти валидацию
у меня на страничке есть такая строчка <link rel="alternate stylesheet" type="text/css" media="screen,projection" href="../print.css" title="printview" disabled /> и валидатор (xhtml strict) пишет как-нибудь можно это исправить? disabled нужен для корректного включения/выключения стилей в ие на странице я использую прием описанный тут - http://cssing.org.ua/2007/04/07/print-vers...ith-javascript/
0 votes4 answers -
Flash-кнопка (как ссылка)
Пользуюсь Dreamweawer CS3. В нем собственный набор флеш-кнопок. Как мне свою туда добавить? Суть в том, что я не могу постичь, как к своей кнопке ссылку прикрутить. В кодах я вообще ни чего не понимаю.
0 votes4 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 -
тэг BUTTON. как создать ссылку на фрейм
Подскажите, пожалуйста, как сделать, чтобы при нажатии кнопки во фрейме 1 открывалась страница в фрейме 2? Кнопка создана с помощью FORM input TYPE button либо просто BUTTON.
0 votes4 answers -
min-width не работает в Opere 9.10
Помогите пожалуйста. У меня следующая вещь. Я делаю два слоя по горизонтали. Они должны фиксированно держаться и быть фиксированных размеров, по крайней мере, по минимальной ширине. Все правила по-моему применены: Слои находятся в контейнере со свойством min-width=990px и каждый блок содержит float: left для обтекания по левому краю, т.е. для реализации укладки по горизонтали. При уменьшении ширины окна в IE и Firefox эти слои держаться как надо и возникает горизонтальная полоса прокрутки. А в Opere нет. Второй переходит под первый, мало того еще и уменьшают себя и текст внутри с уменьшением окна браузера. Пробовал и так и сяк все равно ерунда. Как это можно поправить …
0 votes4 answers -
ширина и "блоки"
помогите, пожалуйста, не могу понять как... есть блок и его ширина зависит от контента. в н?м есть другой блок с другим контентом. как сделать так, чтобы ширина у этих двух блоков зависила от наполнености первого блока?
0 votes4 answers -
фон png
для отображения пнг в ИЕ использую фильтр в ксс: background:url(images/logo.png) 0 100% no-repeat; /*для оперы /* для ИЕ _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png'); собственно вопрос в том, как мне заставить фон в ИЕ быть прижатым к полу в ячейке или блоке??? заранее спсасибо помогавшим
0 votes4 answers -
Проблемы версткой - надеюсь на помощь
Здравствуйте! Уже 2 дня пытаюсь сделать задание, но все в пустую. Нашел этот форум и очень надеюсь на помощь, просмотреть весь форум не имею возможности, поэтому если такой вопрос уже и был, то просьба особо не злиться. Короче, вот что нужно сделать: Создать макет из 3-ех вертикальных столбцов (допустим left, center, right) и блока(bottom), который будет находиться под ними. Проблема возникает с нижним блоком - на него наползает текст из блоков, которые над ним. Надеюсь объяснил более-менее нормально. Буду очень благодарен если кинут ссылку на подобный макет... вобщем любая помощь.
0 votes4 answers -
input type="text" & background
Есть вот это: <input type="text" style="background: #fff url(images/search.gif) no-repeat; padding-left:22px;"> Как только вводимые данные перестают влезать в строку, то IE6 сдвигает картинку, а Opera отображает текст по верху картинки. В Firefox не проверял. Что в данном случае можно сделать? Или это можно считать нормально P.S. Первое что пришло в голову - это убрать у input рамку, а затем запихнуть это в div: - background не использовать для input; - поставить картинку и рядом с ней input; - из div сделать рамку какая была у input изначально Можно ли это сделать более проще?
0 votes4 answers -
Выравнивание текста?
Есть ресурс creative2.ru, выровнял текст по ширине при помощи тега text-align: justify; так в IE и Опере по ширине выровнялось а в Mozillе нет, подскажите в ч?м моя ошибка, вот весь код: выравнивание p{ font-family: Times New Roman, Arial, Times, sans-serif; font-size: 100%; color: #4B4B4B; float: left; text-align: justify; padding-left: 10px }
0 votes4 answers -
Как запретить горизонтальную прокрутку?
Как запретить горизонтальную прокрутку?
0 votes4 answers -
Разные отступы в IE & Opera
Слева разные отступы в IE и Opera, то есть не везде, а только возле первого столбца блоков. Что в этом случае можно сделать? не могу понять откуда IE берет дополнительные пикселы Заранее спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> .content{ height: 100px; width: 100px; background: #fff; float: left; margin: 20px; } </style> </head> <body> <div style="width: 100%; background: #d6edd3;"> Слово<…
0 votes4 answers -
Проблемы с использованием ролловеров!
Когда применяем к изображениям(служащие кнопками) смену изображения средствами OnMouseOut и OnMouseOver то все изображения сдвигаются всторону. поможите плз. Отрывок кода:
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-