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
-
Проблема с z-index в IE6-7
Здравствуйте! Подскажите как сделать так, чтобы элемент с низшим z-indexом оставался в самом низу стека и правильно отображался в IE6-7. Вот какая ситуация: есть основной контейнер (position:relative) и есть 2 элемента с position:absolute внутри него. Мне нужно задать отрицательный z-index внутренним элементам(по обычной логике и работает в др. браузерах), так чтобы они оказались ниже основного контейнера. Как решить эту проблему в IE6-7?
0 votes3 answers -
Резиновый сайт и background-image
Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать: #header-menu-fon { width: 100%; } .header-menu-fon-center { background: url('image/header-menu-fon.jpg')no-repeat; width: 1300px; height: 146px; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: right; } Пробывал разные вариант, в том числе width:100% у боковых, но в место повт…
0 votes11 answers -
<img> в "Меню сайта"
Сайт создан на ucoz'e со стандартным шаблоном,и я решил переделать "Меню сайта",изменив названия разделов на html код картинки-кнопки,все это делалось в конструкторе сайта и панели управления.В итоги вышедшего меню сайта вообще пропало,несколько раз повторял эту операцию и безрезультатно.Возможно ли вообще изменить этот раздел и хотяб узнать намек как это сделать?
0 votes7 answers -
Вложение со ссылками на влаживаемые страницы))
Доброго времени суток. Есть проблема, не могу ни как найти найти на неё ответ: Предположим есть страница index.html Необходимо чтоб при нажатии на пункт "галерея" в iframe загружалась страница, с ссылками вверху. Но ссылки вверху должны быть подключены как отдельный .html файл. Проблема в том что после того как с помощью "<a href="hol.html" target="f1">" я загружаю страницу в iframe с именем f1 то при нажатии на любую ссылку (с любым target значением) окно не открывается в родительском, а открывается как новое. Понимаю что это банально для людей кто в этом хорошо разбирается. Подскажите как сделать.
0 votes2 answers -
Отступы в форме
Никак не могу справиться с формой. С лева и сверху текст прилепился к краям формы и не могу найти в стилях где этот параметр, подскажите плиз http://www.kinoextreme.ru/?page_id=746
0 votes2 answers -
Проблема в шапке сайта
Делаю свой сайт и когда делал шапку сайта, возникла проблема, я сделал лого, сделал рядом изменяющуюся картинку на JavaScript, но вот проблема, хочу ещё рядом повесить информацию о пользователе, но всё, что я пытаюсь сделать, почему-то помещается за изменяющуюся картинку, не где-то рядом, а именно за неё, а сделать что-то в той части шапки, где мне нужно, у меня не получается, туда ни чего не вставляется, не могу понять почему. Сайт на юкозе. Вот, что у меня в шаблоне страниц сайта: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>$SITE_NAME$ - $MODULE_NAME$</title> <link type="text/css" rel="StyleSheet" href…
0 votes7 answers -
кроссбраузерно в оодну строку
Здравствуйте нужно поместить в одну строку, но в разные углы текст, как это лучше всего сделать, но чтобы кроссбраузерно текст другой текст
0 votes3 answers -
Вложенность форм
Существует (на мой взгляд) ошибка в проектировании форм HTML. Суть в том, что поле action помещено в тег <form> , а не связано с кнопкой submit. Кроме отсутствия логики, потеряна возможность отправки одной формы разным по выбору пользователя обработчикам. Это можно обойти вложив формы друг в друга. Вопрос - будет ли это "валидно", и не будет ли глюков в браузерах?
0 votes8 answers -
заголовок к сайту
помогите, как добавит заголовок?
0 votes2 answers -
Фон дива
В общем я только начинаю учится всему этому, так что чур камни шибко не пинать. Пока делаю простенький сайтик. Значит так на странице у меня один главный блок <div id = "container">(рабочее поле сайта) внутри которого есть <div id = "header">(собсна шапка), <div id = "text">(с основным содержимым сайта, т.е. всякие новости, статьи и тд.), <div id="news"> и <div id="footer">. <div id="news"> расположен справа от <div id = "text"> и он представлен в виде не широкой колонки в которой будут выводится ну предположим краткие новости эта колонка имеет свой фон(ввиде картинки, точнее маленький полупрозрачный одноцветный прямоугольник). С…
0 votes5 answers -
javascript
Утро доброе человеки! подскажите пожалуйста, могут ли скрипты перекрывать друг друга? имеется в виду, важно ли какой скрипт находиться выше а какой ниже? просто есть скрипт который делает текст скравающимся - "сполер" , а внутри его нужно расположить карту яднекса, только при это карта начинает работать "неадекватно" , то пропадает картинка, то смещаеться центр карты который указан по умолчанию ... или из-за чего такое может быть? спасибо заранее!!!
0 votes12 answers -
IE, select и домены
Доброго времени суток! Проблема возникла следующая: Требовалось сделать форму с select, с корректным отображением выпадающего списка. IE не понимает, что его нужно выровнять по длине наибольшей строки и просто игнорирует всевозможные auto. После нескольких неудачных попыток прикрутить принудительное присвоение длины чз js, было принято решение использовать следующее исключение для IE, которое располагает элементы уже не в строку, а друг под другом: <!--[if IE]> <style type="text/css"> #wFilterByCar select { color:#000000; display:block; float:left; height:19px; line-height:19px; margin: -10px 10px 0; padding:0; width:250px; } …
0 votes10 answers -
Какую иконку рекомендуете для упорядочиваниия по дате?
Какую иконку рекомендуете для упорядочиваниия по дате?
0 votes3 answers -
Проблема с отображением в IE
В IE (смотрел только в 9-ой версии), проблема с отображением текста, текст размытый и ссылка не кликабельная. ниже выложу кусок косячного css кода, надеюсь кто-нибуть подскажет в чем проблема. адрес сайта http://ingeniare.ru .ribbon em { filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5320888862379554, M12=-1.3855752193730787, M21=1.2855752193730796, M22=1.6320888862379558); margin-top:-50px; margin-left:-40px; font-size:7px; } img {-ms-interpolation-mode: bicubic;} #top-titlemenu ul li {width:200px !important;} .sombra625{margin-top:-3px !important}
0 votes7 answers -
всплывающие окна
всем привет так случилось, что на работе мне надо в срочном порядке изучать все чудеса html и всего того, что мне раньше и в страшном сне не приснилось бы подскажиет пожалуйста как написать всплывающее окно. по клику ан слово должно появляться окно в котором были бы ссылки на скачиванеи файлов закачанных на сайт окно должно октрываться по центру уже существующего заранее спасибо
0 votes7 answers -
Помогите немогу розобраться с версткой
Привет всем, В общем то понял общий принцип верстки, но как взялся за дело сразу грабли. Я розмещаю блоки на сайте с помощью марджинов: в основном топ и лефт марджин. Вроде все было нормально, но я увидел, что при уменьшении размера экрана блоки, которые позиционированы с помощью моей технологии лезут влево. Я понимаю почему они это делают, при изменении розмера экрана, но не понимаю какк этому поприпятствовать. Вот общая структура сайта, подскажите плз, как задвать, так чтобы при изменении розмера экрана сайта не розежжялся - потяно что он будет видноизменятся, но чтобы пропорции оставались те же и елементы тоже.
0 votes2 answers -
!Doctype
Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?
0 votes4 answers -
Прибитый футер
Добрый день! Прибил футер к полу, но к сожалению он упорно прячется за основным фоном. Уже 2 часа корячусь над этой, наверное простой задачей. Подскажите, что неправильно сделал? <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <link href="styles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> </style> </head> <body> <div id="maket"> <div id="logo"><a href="index.html" title="Главная"><span>Главная</span></a></div> <div id="header">…
0 votes10 answers -
Проблема с таблицами
Здраствуйте!!! у меня есть сайт Картинка рулетки Не получается разбить ячейку таблицы на 3 части и с позиционировать. Результат должен быть таковым: Ячейка таблицы делится на 3 блоки: 1 блок на всю высоту ячейки и 30px в ширину. 2 блок на остаток ширины и 15px высота. 3 блок находится под ним высота и ширина как у 2 блока. Так делятся все ячейки таблицы с надписями. Помогите советом) Спасибо за внимание!!!
0 votes4 answers -
Позиционирование
Вот что сейчас имеется http://itmages.ru/image/view/240226/cad68f97 , Как выровнять текст по центру(по вертикали) внутри картинки background:url(3.png)? #menu_itc { font-size: 16px; height:30px; text-align:center; background-color: #949494; } #menu_itc div { width:736px; margin: auto; } #menu_itc a { display:block; width:184px; height:30px; float:left; color: #fff; text-align:center; text-decoration: none; } #menu_itc a:hover { background:url(3.png); } <div> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 4</a> </div…
0 votes13 answers -
div+js vs table?
Вопрос из названия темы: чему отдать предпочтение - верстке таблицами или блочной, но применяя JavaScript? Поскольку нет пока ответа в моей соседней теме, как "повесить" фоновое изображение вокруг резиновых блоков, чтобы с подвалом было все в порядке. Возможно автор сайта сможет также объяснить: на стр. 259 книги "Вёрстка веб-страниц" предлагается при резиновой верстке использовать в качестве фона изображение с заведомо большой шириной, например 2000px: Как в таком случае сделать вертикальную бордюр-косичку вокруг блоков (в том числе резиновых), как в примере выше, где ширина блоков фиксирована? В принципе, о этом уже написано, просто есть ли решения, которые подошли бы…
0 votes0 answers -
Скрипт для слайда
Всем привет! По требованиям макета нужно сделать слайдшоу, т.е. при наведении на определенный участок внизу, фон сзади должен меняться: Подскажите пожалуйста скрипт, который по вашему мнению лучше бы подошел для такого задания. Первый раз сталкиваюсь с такой задачей, не знаю как подойти к решению. Ссылка
0 votes6 answers -
Кто-нить знает как лечить такой баг?
Смотреть в ИЕ7! <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .test {display: inline-block; border: red 1px solid;} .l {display: block; overflow: hidden; border: green 1px solid;} .r {display: block; float: right; border: blue 1px solid;} </style> </head> <body> <span class="test"> <span class="r">text right</span> <span class="l">text left</span> </span> </body> </html> Правый текст должен лежать справа. Левый - слева. Ставить float: left; для <span class="l"> не подходит.
0 votes12 answers -
div, перенос строки
Здравствуйте, не получается разобраться в следующем. При: abc:<div id="abc"></div> qwe:<div id="qwe"></div> zxc:<div id="zxc"></div> я получаю abc: <результат> qwe: <результат> zxc: <результат> Не могу добиться такого: abc:<результат> qwe:<результат> zxc:<результат> Подскажите ,пожалуйста, спасибо.
0 votes4 answers -
Разные background-image в зависимости от разрешения экрана посетителя.
Добрый день, дорогие друзья! Для начала - вот проект, над которым сейчас работаю. http://test000.hourb.com/ - это тестовый аккаунт. Будущий сайт для онлайн кинозала. Ребята, подскажите... Как на PHP (javascript) реализовать автоматическую смену следующих CSS свойств: В ЗАВИСИМОСТИ ОТ РАЗНОГО РАЗРЕШЕНИЯ ЭКРАНА ПОЛЬЗОВАТЕЛЯ. И сделать предварительную загрузку background в зависимости от разрешения. Причем background трех разных стилей для КРАСНОГО СИНЕГО И БРОНЗОВОГО. background-color background-image background-origin: background-position: background-repeat: background-size: для блоков: <div id="bg_wall"> <div id="bg_border">Основной Контонет&…
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-