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
-
height|width относительно window при наличии родителя
Подскажите, если блок имеет родителя, но размер нужно указать относительно окна браузера, как с этим справиться? Или это уже к скриптам?
0 votes10 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 -
Прибитый футер
Добрый день! Прибил футер к полу, но к сожалению он упорно прячется за основным фоном. Уже 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 -
Семантика Html5
Доброго времени суток. Подскажите, пожалуйста, по семантике Html5 и новым элементам <section>, <article>, <hgroup>. Правильно ли организована структура главной страницы в виде блога (в упрощенном варианте, конечно же): <header> —--<hgroup> —————-<h1>Название раздела</h1> —————-<h2>Подзаголовок </h2> ——</hgroup> </header> <article> (или <section>?) ——<hgroup> (нужен ли этот элемент?) —————-<h1>Заголовок статьи1</h1> ——</hgroup> ——<p>Текст статьи</p> </article> <article> (или <section>?) ——<hgroup> (нужен ли этот элемент?) —————-<h1>…
0 votes10 answers -
Проблема с паддингом в инпуте
Следующая проблемка возникла в пятом фоксе. Задаю инпуту ширину и паддинги в процентах. Везде всё нормально, а там padding-left и padding-right работать отказываются. Чего я только не пробовал, всё тщетно. Помогите, пожалуйста, решить эту проблемка. Собственно ссылка: http://divstudio.ru/portfolio/domaintest/ Ну и скриншот уж тогда, чтобы не мелочиться:
0 votes10 answers -
Помогите пожалуйста сверстать кому не трудно
Кто поможет сверстать простой макет? пожалуйста
0 votes10 answers -
Индивидуальное выравнивание для колонок таблици
Всем привет. Есть оч. большая таблица, в которой нужно задать для некоторых колонок индивидуальные стили(например выравнивание). Проставлять для каждой ячейки класс, к которому потом прикрутить стили, не очень хочется, поскольку это ощутимо увеличит размер страницы, на которой будет размещена данная таблица. Пытался копать в сторону col и colgroup, - но спецификация говорит, что таким образом можно задать только высоту, границу, фон и visibility. Как вариант рассматриваю JS, но хотелось бы обойтись без нее. Не подскажите есть ли какой-нибудь альтернативный способ стилизации ячеек колонки кроме как через присвоение класса каждой ячейке? Вот ссылка http://jsfiddle.net/GW8dy…
0 votes10 answers -
Opera footer, прыгает страница
Доброе время суток. Очень прошу помочь в этом вопросе. Доделываю магазин на шаблоне joomla 1.5 и virtuemart, все прекрасно, кроме одной проблемы. Если в Opera (в остальных браузерах этой проблемы нет) на странице с товаром прокрутить страницу до футера, страница подскакивает вверх примерно пискселей на 100-150, то есть это портит впечатление и конкретно режет функционал так как снизу страницы также размещена инфо с контактами и т.д. Это наблюдается только на странице с товаром, на остальном сайте все отлично. Сначала думал что виноваты скрипты, но после отключения все повторилось. Возможно есть предположения какой параметр может отвечать за этот глюк?
0 votes10 answers -
Div блок и прокрутка
Есть всплывающий div блок, в который загружается текст для редактирования. Контейнер выставлен по центру left:50%; top:50%; Проблема: когда разрешение небольшое, контейнер вылезает за границы экрана, прокрутка появляется, но сам блок остается отцентрованным и прокрутка на него не действует. Как с таким бороться? Параметры контейнера: #popup { background-color: #FFFFFF; position: fixed; height:600px; left:50%; top:50%; min-width: 300px; z-index: 41; }
0 votes10 answers -
Фигня со страницей
Помогите пожалуйста! В мозилле фигня и в ие! _http://industry2011.my1.ru/start1.html Кодировка нормальня стоит, но все равно непонятно нифига. Пишу в ПСПаде, там в предварительном просмотре всё нормально!
0 votes10 answers -
Вертикальное выравнивание по центру li a текста
Долго думал в какой раздел пихнуть, сюда или в раздел "проблемы верстки". Решил что раз я тут только что зарегестрировался, то надо пихать в этот раздел, если я не прав - переместите. Задача : Сделать на тулбаре список ссылок-кнопок. Чтобы не быть пустомелей вот скрин (Стрелка на скриншоте заменяет курсор потерянный при printscreen) Причем чтобы при наведении курсором эта область затемнялась (как на скриншоте) Также чтобы вся выделенная область была ссылкой Проблема : Как видно на скриншоте выше, текст лежит сверху. Теперь собственно общий вопрос: Как выровнять текст вертикально по центру находящийся внутри li a, при условии что a растянут на всю ширину li. Или подскажит…
0 votes10 answers -
Проблема с резиновым фоном div'a
На странице 3 картинки для фона: хедер - bg-top.jpg, ниже где контент - middle.jpg (пытаюсь использовать в качестве фона как <img> чтобы растянуть по высоте и ширине от конца header'a до начала bottom'а) и bottom - bottom-min.jpg, который по идее должен быть прижат к низу страницы, но никак не хочет этого делать. Подскажите что как тут быть? <style type="text/css"> *{margin:0;padding:0;} html, body{ width:100%; height:100%; min-width:1000px; } .note{ border:1px solid #ddd; margin:2% 7% 0 0px; width:55%; float:right; min-height:500px; height:auto !important; height:500px; position:relative; } .trans{ background:#fff; opacity:…
0 votes10 answers -
Рамка блока
помогите разобраться с рамками для блоков, интересует вариант как на главной странице сайта как выглядит код в css и Html? может где есть готовые подобные примеры, подскажите.
0 votes10 answers -
Что касается верстки
Здравствуйте, с версткой одной страницы это понятно, но помогите найти информацию по верстке нескольких страниц как их соединять между собой, и как вообще должен выглядеть готовый продукт верстальщика если это сайт из нескольких страниц?
0 votes10 answers -
min-wdth для body в IE6
Можно ли как-то реализовать min-width для контейнера body в ie6 средствами CSS или JavaScript. Пробовал expression - не получается.
0 votes10 answers -
display: table и содержимое смежных "ячеек"
Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…
0 votes10 answers -
.Alert
Сделал у себя форму обратной связи... В java прописал функцию для ввода информации, которая реагирует на правильность ввода, и привязал к false. Т.е если не верное значение выскакивает alert с информацией о том что не введен такой та пункт. Глянул я на это дело.... А модальное окно не вписывается в мой диз сайта. И тут возник вопрос, как поменять внешний вид alert. Погуглил , не нашел подобной информации...
0 votes10 answers -
Какая по Вашему оптимальная комбинация
количества цветов, которые могут быть применены при оформлении сайта, чтобы он не выглядел аляповато цвет фона - цвет доп.элементов - цвет шрифта. т.е. например 1 цвет фона, 2 цвета (или 2 ярких детали) в элементах, 2 цвета в шрифтах или два цвета в фоне, 1 цвет для элементов, 2 в шрифтах предел цветовой нагрузки
0 votes10 answers -
Ошипка, с которой не справиться в одиночку
Подскажите пожалуйста, вот на днях выложил сайт http://www.volokvet.ru, так вот, ie и chrom отображает нормально, а вот opera и mozilla какието кракозябли (то-есть шрифты отображает не корректно), я уже второй день бьюсь,кодировку менял как в коде так и в браузарах, не могу понять почему не работает. Может вы поможите. Заранее благодарен.
0 votes10 answers -
Как прижать футер к низу, после блоков с float.
Запутался. Сайт двухблочный, с левым float и с правым float в основном блоке с фикс. шириной. Нужно прижать футер к низу. Что делаю: body, html - height 100% основной блок - min-height 100% распорка - height: 80px, clear: both футер - height: 80px, margin-top:-80px, width:100% Метод работает, только если левому и правому блоку (которые с float) задать фиксированную высоту, а если убрать, то метод уже не работает.
0 votes10 answers -
Слева и по центру
<div align="center"> ***************<br> ***************<br> ***************<br> ***************<br> </div> текст по центру. но это некий диалог, и отображается он что-то типа ______________-привет как дела ____-нормально ___-чем ты занят сегодня ________-да ничем __-ясно как то так(зависит от длины строки) мне нужно что они были по одной линии, но по центру)) ___-привет ___-нормально ___-чем ты занят сегодня ___-да ничем ___-ясно
0 votes10 answers -
Как убрать код со страниц сайта?
Здравствуйте. Помогите , пожалуйста, советом. Я сгенерировала шаблон сайта при помощи программы Артистир на движке wordpress. Всё было абсолютно нормально. Потом начала вносить счётчики и устанавливать плагины, и в какой-то момент на сайте стал виден кусок кода. Я уже пересмотрела все файлы , которые у меня в шаблоне. Этот кусок кода отсутствует и в header, и в index, и во всех остальных файлах, хотя в браузере при просмотре кода страниц он явно висит. Общалась с людьми на форумах, но пока никто помочь не смог, все удивляются. Может кто-нибудь на этом форуме сможет дать толковый совет? Спасибо, заранее, всем откликнувшимся. Сайт "Блокнот реаниматолога"
0 votes10 answers -
как сделать?
Подскажите пожалуста, как правильно порезать http://clip2net.com/s/1fznk? делать ввиде меню? версткой только начинаю заниматься.
0 votes10 answers -
Сайт. Взгляд глазами админа.
Здраствуйте! Решил сделать свой сайт. Прочитал книгу о hTMl, CSS создал главную страничку со стилями к ней. Теперь стоит вопрос, как наполнять сайт содержимым? Т.е. по идеи админ видит некую веб-форму, в которой пишет название новости, пишит текст, вставляет картинку и тп. Далее нажимает "Ок" и статья появляется на сайте. Собственно вопрос, как создается подобная форма? Что для этого нужно знать? PHP?JS? или Мб с этим как нибудь связана CMS (WordPress и тп) ? Заранее спасибо
0 votes10 answers -
позиционирование элемента по центру не зная его размеров
Добрый день. Подскажите пожалуйста, как с позиционировать элемент по центры относительно горизонтали и вертикали, не зная его размеров. Структура такая: li{position:relative;float:left;padding:0;margin:0;overflow:hidden;width:100px;height:100px;background:none} img{display:block} <li><img ... /></li> я придумал только следующее: оставляем как есть, т.е. <img> не трогаем, но скрываем его, а у <li> делаем беграунд из такой-же картинки что и в <img>, и уже этот беграунд позиционируем.
0 votes10 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/
-