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
-
два класса в один ряд
вобщем есть два класса. <input type="reset" style="" value="очистить" class="resset" name="h37f9"/> <input type="submit" style="" value="послать" class="submit" name="hf99a"/> требуется поставить их в один ряд. Возможности редактировать html файл нету. Только через CSS, осуществимо ли это? Я попробовал вот таким образом, но почему-то не получилось... input.submit, input.resset { display: inline-block; }
0 votes12 answers -
Перекрытие границ?
Народ взгляните на 2 скрина, в обоих видно то что отображается дебаггере (см.справа снизу), смысл в том что ИЕ почему то 2 раза (судя по показаниям дебаггера) прописывает нижний марджин, это происходит из за перекрытия границ или это какая то специфическая модель поведения ИЕ?
0 votes12 answers -
Не меняет цвет ссылки в ul li при hover
Добрый день. Буду благодарен за помощь. Есть горизонтальное выпадающее меню: ... <ul id="nav" class="dropdown "> <li class="dir">Каталог <ul> <li><a href="#">Буры</a></li> <li><a href="#">Шнеки</a></li> <li>Буровая техника</li> <li><a href="#">Комплектующие</a></li> <li><a href="#">Отзывы о продукции</a></li> </ul> </li> ... Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый ) ul.dropdown a:link { color: #e5cfa1; } ul.dropdown a:hover { color: #3321…
0 votes12 answers -
привязка края страницы к координатам
Только начал заниматся веб програмированием и тут же вбил себе в голову что хочу сделать сайт именно с таким дизайном, а именно. Мне нужно что бы сайт был статичным. У него по краям будут некоторые поля, не содержащие важной информации и мне нужно что бы при уменьшение разрешения они "съедались" а при увеличение показывались настолько насколько увеличилась ширина страници. Этот приём риализован на сайте http://www.worldofwarcraft.ru (я не собираюсь воровать их дизайн, а просто обсуждаю техническое устройство их веб сайта из любопытства) Что интересно полоса прокрутки при уменьшение ширины страници появляется только когда начинает сжиматся уже центральная часть страници с …
0 votes12 answers -
position:absolute; и ie
здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо
0 votes12 answers -
pc и mac - разное отображение цвета
Сверху - отображение под маком, снизу - пс. Причем на маке такое искажение только в ФФ и Сафари. таже опера все нормально отображает. Уже незнаю в чем дело. Левая картинка - jpg ( http://help-yelp.ru/macpc/head_left.jpg ), фон - png ( http://help-yelp.ru/macpc/head_bg.png ) Может я как-то не так цвет сохраняю но с другой стороны ведь в опере - нормально все....
0 votes12 answers -
Помогите разобраться
На главной странице сайта (примерно в середине) образуется разрыв в тексте, пустой абзац. Наблюдаю его только в IE6. Как побороть? Сайт http://www.aquapage.ru Спасибо за помощь.
0 votes12 answers -
Кодировки.
Доброго всем дня. Проблема вот в чём: <!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=utf-8" /> <title>Заголовок</title> <link href="css/styles.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> </body> </html> Такой вот прекрасный красивый код, валидатор ничего против не имеет, на хостинге всё работает идеально, никаких проблем. Запускаю на локалхосте. Получаю вот что: п»ї<!DOCTYPE html PUBLIC "-//W3C/…
0 votes12 answers -
IE6 и background
Во всех браузерах, кроме IE 6 не работает позиционирование background по центру. Позиционирование слева или справа работает нормально, но по центру никак. Код выгляди следующим образом: <head> <style> div.style { background: url("img.jpg") left center repeat-x; height: 100%; width: 100%; } </style> </head> <body> <div class = "style"></div> </body> Для проверки кода использую ietester. Может это его глюк?
0 votes12 answers -
Баги с сылкой в ИЕ6, ИЕ7
есть код: <a href="#" title=""> <span style="float:left;"> <img src="#" width="60" height="45" alt="" title="" /> </span> </a> Мне необходимо чтоб картинка была обернута в плавающий спан. Но при плавающем спане в ИЕ6, ИЕ7 ссылка не кликабельна. Какие есть идеи?
0 votes12 answers -
Ряд картинок по ширине рдива
Посоветуйте, как проще расположить картинки в <div> в ряд, а когда заканчивается <div> по ширине, переносились на следующую строку. Сложность заключается в том, что картинок неизвестное количество. Иначе все было бы довольно просто с помощью таблиц. А тут никак не могу придумать.
0 votes12 answers -
Задача для первоклассника )
Привет коллеги, у ког есть свободная минутка прошу взглянуть на толи мою невнимательность , толи на интересный баг ие7 ... http://www.feel-maestro.com/ru/action.html - вот ссылка на сайт который сейчас оформляю ... смотрим в ие7 выпадающее меню ... для него специально заданы параметры: #header #myslidemenu ul li ul {width:auto; display:block !important; border:1px solid red; background:green; overflow:visible; visibility:visible !important; height:250px;z-index:999999;} но даже при всём этом ие7 удаеться положить мой ul под всё остальное на странице =)) у кого какие соображения ?
0 votes12 answers -
правильное структурирование страниц
Добрый вечер. делаю первый сайт. ПРимерно на 200 страниц. Для удобства в дремвивере создал папки по разделам, например books ; films, articles....и т.д. В них тоже есть вложенные папки со страницами. Вот когда я на сервер их кину, то сайт будет прописываться так: www.mysyte.tu/articles\Stytia? Если да, то выходит едиенственное решение, это все страницы держать в одной папки. И вот...на сео это сказывается?
0 votes12 answers -
ul и img float
В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..
0 votes12 answers -
Убрать прозрачность дива
Здравствуйте такая вот проблема. Есть основной див залитый цветом на котором стоит: opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); Сверху идет следующий див но уже с ПНГ на которой тоже переходит прозрачность. Скажите как убрать прозрачность с дива в котором ПНГ. Спасибо
0 votes12 answers -
Код из FrontPage исполняется, аналогичный ручной - нет
Я делаю первые шаги. Создала элементарный код, проверила валидатором. Не исполняется (в IE6, Mozilla). Аналогичный код в FrontPage исполняется. Как можно объяснить ситуацию?
0 votes12 answers -
Expression в Firefox
Несколько дней назад благородные и умные местные люди подсказали мне экспрешшн для расчёта высоты дива от родителя. Вот он: height:expression(this.parentNode.offsetHeight-182+'px') Но я обнаружил, что почему-то он не работает в мозиле. что-то можно сделать? (только не говорите о том, что уже можно сделать со мной - и сам уже понял )
0 votes12 answers -
Помогите найти ошибку
Всем привет!!! Народ помогите найти ошибку в сайте, в верстке. Все сделал, на моем компе все нормально в IE, Mozilla, Chrome, Opera все проверил. Пришел на работу, то тут косяк, в другом браузере там косяк, а где я в коде ошибся не смог найти. Помогите разобраться ПЛИЗ...... Забыл адрес сайта сказать v-otpusk.com
0 votes12 answers -
Отображать тэги с новой строки
Здравствуйте. Скрипт генерирут строку <input type=checkbox ..> t1 <input type=checkbox ..> t2 ... <input type=checkbox ..> tN Квадратики вместе с тектом отображаются в одну строку. Как с помощью css сделать так, что бы отображался квадратик и текст, а следующий квадратик с текстом отображался бы с новой строки? Зарание благодарен =)
0 votes12 answers -
Новый фонт на сайте
Как установить на сайте новый фонт, и чтобы он подгружался в браузер при открытии страницы? И был бы виден всем. Что-то типа такого <meta http-equiv="font" src="fonts/newfont.ttf"> ... <div style="font-family:Newfont">Новый шрифт!</div> И чтобы он был виден именно как Newfont.
0 votes12 answers -
Помогите с написанием формы
Помогите пожалуйста с написанием форми. Попробую объяснить суть. сайт делится на страницы. напр. АР Крым, Киев, Донецк, Луганск. При нажатии ссылки АР Крым->Сделать заказ, переходим на страницу с формой заказа. С полями: Область Тип заказа Ф.И.О .... Как сделать так, что бы не создавать для каждого региона отдельную форму, а при переходе с других областей автоматически вводило нужную область в строку город (при переходе с Луганской обл. Область: Луганская)?
0 votes12 answers -
Очередная пачка проблем с ИЕ6-7
Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено. Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым: При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуа…
0 votes12 answers -
проблема с Оперой!
есть div {overflow:hidden;} в нём - длинная таблица table ... tr td - a href="#img1" /a - /td td - img id="img2" / - /td td - a href="#img3" /a - /td /tr ... /table и содержимое tr-/tr полностью занимает окно div'а, позволяя переключаться между картинками с помощью ссылок и якорей (такая вот галерея на одном сухом html). проблема: в Opera переключения, при overflow:hidden, не работают, а тут, как Вы понимаете, прокрутка категорически не нужна... что делать? код валидный, xhtml 1.0 strict и css 2.1, но не работает эта пижня только в Opera %( хотя, IE7 и 8 не проверял, но если в 6 работает, то и там должно, я думаю
0 votes12 answers -
проблемы с CSS в Explorer
Всем привет! Столкнулся с проблемой при создании выносного(расширенного) меню с помощью css. Странички пишу в html коде, в опере и мазиле всё отображается замечательно, но вот эксплорер не хочет работать. Как я уже сказал в опере всё работает, наводишь курсором на строку в меню и справа появляется расширенное меню (то есть пока курсор не наведёшь его не видно). А в эксплорере даже наводить не надо, всё отображается списком. ХЕЛП? что исправить или дописать? В файле css следуюший код: ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { width: 170px; z-index: 500; background: #ffffff; } ul.dropdown > li { …
0 votes12 answers -
всплывающие элементы
добрый день! интересует вот такая тема. много где видел всплывающие блоки. вот тут, например, http://www.luchinsky.ru/overall/ при нажатии на ссылку в правом верхнем углу Сообщение, всплывает форма отправки почтой. Очень интересует конкретный пример. Пожалуйста, кто знает, расскажите подробно, как это делается? Заранее спасибо!
0 votes12 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-