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
-
Выталкивание элемента
Есть контейнер с шириной 1366px, в нём блок с шириной 1170px. Чтобы сделать этот блок резиновым я делю 1170 на 1366 и получаю 86.65%. Но когда ставлю эту 86.65% ширину блоку, элементы в нём не помещаются... почему ведь ширина осталась той же самой? *{ margin:0; padding:0; box-sizing:border-box; } body{ width:1366px; } .q1{ width:370px; height:400px; background:black; float:left; margin-right:30px; } .q2{ background:red; width:85.65%; overflow:hidden; } .q1:last-of-type{ margin-right:0; } <body> <div class="q2"> <div class="q1"></div><div class="q1"></div><div class="q1"></div> </div> </body>…
0 votes2 answers -
Некорректное отображение в mozilla
Работал все хорошо во всех браузерах. Сейчас значит такая проблема. Отображается во всех браузерах хорошо кроме mozilla. На локальном компе тоже все хорошо. И только на удаленном все не так как надо, но только для mozilla. Что сделать? Подскажите, пожалуйста... Исправил, почистив кеш!
0 votes0 answers -
И с нова hCard
Теперь и я попал в эту оплошность. Так все таки можно ли разделять class="vCard" (использовать несколько классов vCard).
0 votes2 answers -
цвет текста
У меня в самом начале файла css стоит но столкнулся с проблемой!!! в определенном блоке хочу оставить стандартный цвет (черный) color:black; , но почему - то он все равно остается зеленым! Как сделать что бы весь текст в определенном блоке вместе вложенными в него блоками были другого цвета!
0 votes5 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 -
С XHTML на HTML 5
На данный момент изучаю XHTML, CSS. Говорят HTML 5 сыроват, стоит пока работать на XHTML, а потом уже переходить на HTML 5? И не будет это трудно сделать если пока буду использовать и изучать XHTML?
0 votes4 answers -
Фон
Нужно разместить за div(шапка) блоком другой div(градиентный фон) и так что бы он не сдвигал другие блоки. Как сделать? Пробовал через postion и z-index в итоге ничего не вышло. crystalsite.tw1.ru
0 votes4 answers -
Плавное перемещение картинок
Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera. Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло
0 votes2 answers -
обрезание плавающего элемента
помогите пожалуйста решить проблему при уменьшении ширины окна на этой странице происходит сначала обрезание элемента списка. ссылка. и только после этого перестройка плавающих элементов.ссылка мне хотелось бы сделать так чтобы элемент списка не обрезался. то есть нужно чтобы перестройка плавающих элементов произошла в момент соприкосновения границы окна и крайнего плавающего элемента
0 votes1 answer -
Как подлючить меню в Joomla?
Объясните пожалуйста, если я сделал меню с css стилями, то как в jooml'e его подключить? <div id="nav"> <ul > <li><a href="#">Главная</a></li> <li><a href="#">Статьи</a></li> <li><a href="#">Тесты</a></li> <li><a href="#">О методике</a></li> <li><a href="#">Филиалы</a></li> <li><a href="#">Отзывы</a></li> <li><a href="#">Отправить ссылку на участие</a></li> </ul> </div>
0 votes4 answers -
Псевдоуголки динамических размеров
Возможно ли сделать уголки этого элемента не фиксированного размера в пикселях. а относительного, н-р в процентах? Уголки делаю через псевдоэлементы из border.
0 votes7 answers -
Текст дугой
Текст дугой - как сделать? Может есть плагин какой на javascript? Заголовок то не один
0 votes1 answer -
Вертикальное расположение блоков
Добрый день! Как сделать, чтобы блоки 1 и 2 располагались вертикально, т.е. друг под другом?Код блоков: <div class="news"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" /></div><div class="news1"><div class="descriptions"><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p><p>lalala</p></div><img alt="images" src="http://www.volynnews.com/files/news/2009/07-13/8367-1m.jpg" …
0 votes1 answer -
Селекс
Как оформить этот селект или какие плагины посоветуете? http://fastpic.ru/view/65/2014/1103/9b02a296474fb35f7d40726ff717746d.jpg.html
0 votes2 answers -
помогите передвинуть модуль
используя css модуля корзины и css нижнего модуля пс желательно без использования css нижнего модуля
0 votes4 answers -
Background не рабоает в прикрепленном css
В общем глупость какая-то. Если пишу css св-во background:url('ссылка на картинку'); внутри html файла, то все работает, если пишу это же во внешнем файле css то картинка не цепляется. В чем проблема?
0 votes3 answers -
Вопрос по семантике
Такой вопрос: есть заголовки <h1>.....<h6> - по убыванию значимости. Как при вёрстке определить, какой заголовок в макете самый значимый, а какой - менее? Например, название раздела будет <h1>, подраздела этого раздела <h2>? Можете описать заголовки на примере сайта habrahabr.ru?
0 votes2 answers -
Изображения валидации (?) в подвале сайта
Доброго времени суток. На многих сайтах в их подвале можно увидеть изображения одного шаблона, но разной смысловой нагрузки. Например, paste.org.ru: ucoz.ru: Есть ли у такого шаблона изображений общее название? Как узнать про них подробнее?
0 votes0 answers -
Встроенный браузер (HelpCenter) недоволен русскими буквами
Привет! Я не веб-программист!) Но мне видимо понадобится помощь такого рода. Буду писать все подробности, потому что не знаю что может пригодиться. Описание: Есть небольшая программа StencylWorks что-то типа "флэш и AS3 для самых маленьких". Подозреваю здесь не очень любят подобные программы , но речь не совсем о ней. В программу встроен простенький минибраузер. Центр Справки короче. Очень полезная штука. Файлы берет из специальной папочки StencylWorks\help\help\en\html\main . В корне этой папочки файл index.html (оглавление), а по адресу \StencylWorks\help\help\en\html также есть файл help.css. (Остальные html-странички с гайдами, уроками, описаниями разложены по папо…
0 votes2 answers -
Какие то глюки с браузером, помогите
Вот код: http://jsfiddle.net/hVV49/ В firefox такого не наблюдал, а вот в Google chrome вот такие глюки: При свертывании в окно Происходит это: Вот что происходит когда я выделяю текст: А вот что происходит когда я передвигаю ползунок: Что происходит? И как это исправить? В коде есть немного JQuery но я сомневаюсь что это причина
0 votes3 answers -
Проблема с большим выпадающим меню
http://egida-si.ru/ в левом выпадающем меню при наведении на 26 пункт меню скрывается ((( в чем проблема?
0 votes2 answers -
Помогите с вёрсткой под IE
Помогите пожалуйста с блочной версткой В нормальных браузерах сайт отображается нормально, но в IE... Элементы посыпались, и один div не реагирует на установку размеров для него Вот фрагмент файла index.html: <html> <head> <link rel='stylesheet' type='text/css' href='style.css'> <title>Design</title> </head> <body> <div id='tovary'> <div class='small-knife sm-left'> <p><a href='?postid=1'>Нож Выживания Bear Grylls</a></p> <img src='img/postpics/1336572716_l.jpg'> <div class='price-small'> <p>цена: <b>900</b></p> <div class='stripe'&…
0 votes5 answers -
Приоритет стилей
Есть код: <div class="main"> <таблица> .... <td class="someClass"> </td> .... </таблица> </div> Стили: .main td { padding: 0px; margin: 0px; } .comeClass { padding: 10px; } Тем не менее, в теге <td> в приоритет идет изначальный стиль, указанный в .main td, а .comeClass игнорируется. Подскажите, пожалуйста, как сделать так, чтобы в приоритете был стиль, указанный в классе .comeClass UPD: Вопрос решен. Для изменения приоритета класса .someClass необходимо в стили указать: .main .someClass {} Тему можно закрывать.
0 votes0 answers -
Курсор прижимается кверху в формах в IE
Уважаемые посетители форума! Помогите справиться с такой проблемой. Пытаюсь темизировать формы на сайте сделанным на Drupal. Привожу к более менее человеческому виду. Возникла проблема в полях ввода в интернет эксплорере при клике в поле ввода курсор прижимается к верху. В остальных браузерах все выглядит хорошо и курсор встает по центру. Как мне одолеть эту напасть? Спасибо всем кто не пройдет мимо. Вот сам сайт potolok-master.net
0 votes4 answers -
Ссылки внутри статьи
подскажите, почему тут ссылки из содержания статьи не просто перескакивают на нужный пункт, а как бы обрезают все что до него было?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-