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
-
div с полосой прокрутки. Изменение стилей отображения
Добрый день! Подскажите как правильно создать блочный элемент, вероятней всего div встроенный в страницу с полосой прокрутки. Полоса прокрутки должна иметь собственный стиль (цвет и форма верхней и нижней кнопок прокрутки, ну и самой полосы). Интересует методика, как правильно это делать. Если есть то ссылки на статьи с описанием примеров. Заранее благодарен, за ответы!
0 votes1 answer -
ишак съел блок
сверстал страничку под неIE. но всё таки интересно хотя бы в общих чертах знать куда IE7 спрятал блок .featured width пробовал уменьшать. помогите пожалуйста если не решить проблему, то хотя бы понять причину исчезновения блока
0 votes1 answer -
Семантика html5
Здравствуйте дорогие эксперты и форумчане! У меня вопрос по поводу семантики, связанный с новыми тегами html5. А конкретно такая ситуация: нужно сделать раздел <section> и, естественно, сделать так, чтобы контент отображался нужным образом. Как, с точки зрения семантики, сделать правильно: - <secton> будет "оберткой" всех блоков, правильно формирующих фон и положение для контента; - <section> вложена в несколько <div>'ов. Тогда <secton> можно спокойно наполнять контентом. Сам пытался разобраться в этой проблеме. Сделал бы <section> "оберткой", но не рекомендуется применять его для стилизации. Вроде как он должен содержать только контент…
0 votes2 answers -
Дополнительные файлы css
Вот начал делать сайт,и с css работаю внешним способом(ссылка на таблицу стилей),на файл style.css пробовал создавать другие файлы с расширением css,а они не подключаются,так вот у меня 2 вопроса: 1.можно ли вообще создавать дополнительные таблицы стилей с расширением css и с названием файла не style. 2.и хотелось бы узнать как делают большие сайты проффесионалы?хватает ли одного файла style?
0 votes3 answers -
Медиа запросы
Кто-нибудь,подскажите почему в данном примере у меня выполняется только основной заданный стиль и первый медиа-запрос (min-width: 1200px )? Второй и третий медиа-запрос игнорируется,это хорошо видно в Firebug.Не понимаю почему так происходит,ведь все должно переопределяться... <style type="text/css" media="screen"> h1{font-size:30pt;} p{font-size:15pt;} @media screen and (min-width: 1200px) { h1{font-size:40pt;} p{font-size:20pt;} } @media screen and(max-width: 800px){ h1{font-size:25pt;} p{font-size:12pt;} } @media screen and(max-width: 400px){ h1{font-size:20pt;} } </style> </head> <body> <article> <h1>Заголовок</h1> …
0 votes4 answers -
Изменение свойств блока при hover'e на родителе
Здравствуйте, есть такой несложный код - http://jsfiddle.net/cJ8MV/ Что нужно сделать, чтобы при наведении мышки на блок .one менялся фон у блока .three ?
0 votes1 answer -
Помогите исправить баги верстки в IE
http://websterjoy.tk/ Везде работает нормально, эти баги только в IE: 1) В режиме IE7 все меню слетает - тоесть float:right как будто пропадает. 2) И вторая проблема - при обновлении страницы в любом режим, даже в режиме IE 10, мерцает шрифт. Считанные миллисекунды. Сначала он другой, а потом за миллисекунды меняется на тот, который я подключил. Помогите, если есть кто знает как, буду очень благодарен.
0 votes1 answer -
Модальные окна. Один скрипт и 6 блоков
Всем привет Коллеги помогите разобраться с выводом модальных окон Вот страница: http://azharova.ru/test/ee.html# При нажатии на Ежика должно выходить одно модальное окно. У меня 6 ежей и каждый со своим окном, как мне настроить этот вывод вот код скрипа, который я использую $(function() { $( ".dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( ".opener" ).click(function() { $( ".dialog" ).dialog( "open" ); }); });Что я не правильно…
0 votes3 answers -
Выравнивание блока по центру
Добрый день, у меня есть блок шириной 100% от минимальной ширины сайта 960px в этом блоке еще два блока шириной например по 400px. float у них по левому краю. Если уменьшать ширину окна браузера до минимальной то правый блок смещается вниз. Все так и должно быть но как мне выравнить эти два блока по центру когда блок не помещается в минимальную ширину и смещается вниз?
0 votes5 answers -
мульти отправка файлов с индикатором
Посоветуйте плагин, с помощью которого можно отправлять на сервер вложенные файлы и не один с помощью ajax ?
0 votes3 answers -
Пропорции блока
Привет. Вот у меня такой вопрос. Мне нужен резиновый блок с пропорциями. Например, 3×2. То есть при ширине экрана в 300 пикселей он был бы 200 высотой. А при 400 ширины — 267 высотой. Так делается как-то? Мне на ум приходит только сделать картинку, которую положить в блок, а всё содержимое запилить внутри в absolute. А есть нормальные способы?
0 votes2 answers -
Адаптация страницы
Коллеги, прошу о помощи неравнодушных. Сайт pe.mini-mall.ru Взял за образец чужой код, а настроить до конца не получается. 1. При адаптации меню, не могу понять, как растянуть блоки на всю ширину экрана. 3. Не могу вывести дополнительные указатели в блоки где есть дополнительные пункты, в коде вроде прописано, а ничего не выводится. 2. В блоках, где раскрываются доп пункты, мигают какие-то символы, первый раз с таким столкнулся, как убрать? Буду признателен за советы.
0 votes0 answers -
Точка над рисунком
При нажатии на ссылку-рисунок в ff3 над рисунком появляется непонятная черная точка, что это и как это убрать? (рисунок тот, что синенький)
0 votes2 answers -
выравнивение таблиц и изображения
Есть таблица и есть изображение. У таблицы стоит float: left. Изображение же нужно вывровнять так чтобы оно было рядом справа от таблицы, но не справа от экрана. Как ни крутил но изображение упорно появляется во-первый над таблицей, а не на одном уровне (по высоте) с ней как мне нужно. Во-вторых размер изображения почему-то подгоняется под ширину таблицы... Ну и в третих какое бы я выравниевание не задавал для изображения, оно отображается только слева екрана если есть эта таблица... Вопрос. Как сделать чтобы иозбражени было немного справа от таблицы? К сожалению в этом форуме нету кнопочки удалить тему После того как сам прочитал свой пост, понял что я тупо забыл постав…
0 votes0 answers -
Расстояние пунктов меню (Linear)
здравствуйте, у меня проблема с выделением пунктов меню в данный момент имеется это: #page .nav .item a{ font-family: Calibri; font-size: 18px; line-height: 1.4em; color: #ffffff; font-weight: normal; text-decoration: none; border-spacing: 1px 0px } #page .nav .item a:hover{ background-color: #FFFFFF; border-radius: 0px; color: #2da1e0; text-decoration: none; padding: 8px 16px; } #page .nav .current a, #page .nav .current a:hover{ background-color: #ffffff; border-radius: 0px; color: #2da1e0; text-decoration: none; padding: 8px 16px; } хотелось бы настроить так , чтобы при наведении курсора текст не разъезжался, тоесть нужно оптимизировать (или просто расставить п…
0 votes3 answers -
Как так сделать?
Как так сделать? Я знаю один вариант, задать для blue - position: absolute; и спозиционировать куда-нужно. Или отрицательными margin А как еще можно?
0 votes3 answers -
Не подключается функция из jQuery
Имеем: <ul class="menu"> <li><a href="#">О предприятии</a> <ul> <li><a href="#">Наша история</a></li> <li><a href="#">Награды</a></li> <li><a href="#">Совет директоров</a></li> </ul> </li> </ul> Чтобы меню второго уровня плавно разворачивалось при наведении, прицеплен jquery.js и в нем для .menu должна работать нижеследующая функция, но она не работает (нужный кусок кода начинается с комментария //smooth drop downs): function k_menu() { // k_menu controlls the dropdown menus and improves them with javascript jQuery(".me…
0 votes1 answer -
Проблема с блоком - обвёрткой
Добрый день. На принте видно, что основной блок - обвёртка <wrapp> как то странно себя ведет, налазиет на свои дочерние блоки при уменьшении окна, другими словами он не растягивается по высоте дочерних блоков, а вытягивается по высоте экрана. Такого же быть не должно. Как сделать так, что бы у него минимальная высота была не меньше чем суммарная высота его дочерних блоков? Заранее спасибо. Пример кода HTML <!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" /> &…
0 votes1 answer -
фон для div
Пытаюсь задать фоновое изображение для шапки через css. Перепробовал массу вариантов, не пойму что не так. Сейчас код выглядит так: HTML <div id="container"> <div id="header"> </div> </div> CSS body { background-color: #fff; font:11px Verdana; } #container { margin: 0 auto; height: auto; min-height: 100%; width: 1260px; position: absolute; } #header { height: 628px; width: 1260px; background: url(..\images\home.jpg) no-repeat; position: relative; }
0 votes3 answers -
IE7 и всплывающие подсказки
Доброго времени суток! Есть страничка http://cath.in.ua/portfolio/curebit/new.htm На данный момент не могу исправить баг в IE7. При наведении на инпуты формы ввода выводится всплывающая подсказка, но в ie7 подсказка прячется под инпут, а надо, чтобы отображалась поверх блока. В остальных браузерах и версиях IE выше 7 отображается как надо. Подскажите, как можно решить данную задачу?
0 votes1 answer -
Непонятная рамка вокруг картинки-ссылки
Имеется картинка-ссылка, и вокруг нее в ИЕ 7+ отрисовывается голубая рамка, пробовал и border: none и outline: none, непомогает. Кто что может подсказать? Спасибо заранее
0 votes2 answers -
rollOver и Опера
Проблема не новая, конечно, но конкретного ответа найти не могу, в том числе в поиске форума. Не работает rollOver в ролике (только в Опере). Делал в Sothink SWF Easy В остальных браузерах все норм, а в Опере нужно сначала кликнуть потом только начнет работать наведение мыши. Говорят это свойство Оперы. Как это обойти, я не эксперт в этой теме.
0 votes4 answers -
Фиксированный блок
Помогите, пожалуйста! Верстаю сайт с двумя блоками: в левом блоке - меню, картинка и бегущая строка (в div), все элементы зафиксированы (неподвижны), правый блок основной - там весь контент. Возникает проблема отображения фиксированных элементов в разных браузерах! В Опере, Хроме и Сафари (верстаю под Сафари) все фиксированные элементы отображаются нормально, а вот в Мозилле и IE (за счет дополнительной панели браузера с настройками) страница смещается вниз и не виден div с бегущей строкой. Как сделать так, чтобы все неподвижные элементы отображались полностью независимо от высоты панели браузера?? Я так полагаю, что дело в innerHeight, но как его правильно прописать??? В…
0 votes3 answers -
Сползает фон в меню
В меню при наведении на ссылку фон сползает вниз. Помогите, пожалуйста, поднять его до верха. Пример здесь http://jsfiddle.net/hE2MG/1/
0 votes4 answers -
Курсор прижимается кверху в формах в IE
Уважаемые посетители форума! Помогите справиться с такой проблемой. Пытаюсь темизировать формы на сайте сделанным на Drupal. Привожу к более менее человеческому виду. Возникла проблема в полях ввода в интернет эксплорере при клике в поле ввода курсор прижимается к верху. В остальных браузерах все выглядит хорошо и курсор встает по центру. Как мне одолеть эту напасть? Спасибо всем кто не пройдет мимо. Вот сам сайт potolok-master.net
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-