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
-
Применение float к inline тегу
<p style="text-align: right;">Раздел<b style="float: left;">+</b></p> Работает как и задумано. Но есть смутные сомнения в том плане что в <b> не назначен display: block. Как к этому относиться - как к ошибке браузера, или есть правило в стандарте? Что если к тегу одного типа (напр. inline) будут применены стили для тегов разного типа?
0 votes2 answers -
проблемы с ie
Здравствуйте, помогите пожалуйста этот ie меня когда-нить точно доконает) Гуглила смотрела на форумах ответа не нашла( Если вкратце, то есть некие кнопки выбора при нажатии на которые открывается всплывающий список с выбором (например месяцев), только в ie когда пройдешься по списку и выберешь какую то позицию кнопка не возвращается в исходное положение, а остается светиться как будто на ней до сих пор :hover, это однозначно баг ie, потому что я убрала весь js сам список и т.д. ошибка осталась( Можете попробовать сами...нажмите на кнопку и не отпуская отведите мышку куда-нить в сторону потом отпустите кнопка будет как будто под :hover Имеется код <!DOCTYPE html PUBLI…
0 votes7 answers -
Выравнивание img по центру
Всем привет! Помогите с такой проблемой, нужно выровнять div с картинкой внутри, чтобы она отображалась по центру на всех мониторах. Уже несколько часов бьюсь, никак не выходит... p.s в гугл не посылать, только что оттуда)
0 votes6 answers -
Блоки картинок
Как сделать чтобы картинки распределялись только по одной строке на всю ширину экрана,и те которые выходять за край экрана должны убираться совсем. <style type="text/css"> .thumbnails { margin: -3em 0 0 -2em; text-align: center; } .thumbnail { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 3em 0 0 2em; } .thumbnail .r { width: 14em; float: left; } </style> <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="anon.jpg" alt="прп. апррв" /></a><br /> прреп «<a href="#">апвр&l…
0 votes1 answer -
Нужен совет
В общем верстал, верстал я свой первый макет. Но не учел изначально одной особенности, а именно классическую проблему "дивной" верстки - одинаковую высоту колонок в зависимости от наполнения контентом. Честно говоря, я всё ещё не в полной мере понимаю, как правильно бороться с этой проблемой. Пытался внедрить, то, что уже сделано в готовые решения. Например: http://www.master-web.info/equal-height-columns-cross-browser-css/ Но ничего у меня не получилось из этой затеи. Теперь, как мне кажется, нужно вообще верстать заново. Можно ли спасти мою работу http://kidrock.ks8.ru/project1/ или не морочить себе голову и верстать заново?
0 votes12 answers -
Ездят блоки на сайте
На сайте при увеличении маштаба третий блок(с новостями) уезжает вниз,как сделать так что бы они всегда были в ряд. P.S. как убрать сверху отступ сверху( что бы начиналось с градиента)
0 votes8 answers -
помогите с функцией onclick
такая вот проблемка ... имеется код: <img src="http://localhost/11.png" onclick="this.src=(this.src=='http://localhost/11.png')?'http://localhost/21.png':'http://localhost/11.png'" /> по сути меняет изображение на другое и при повторном нажатии меняет на предыдущее, вот как ни крутил не дописывал не могу сделать чтобы работало на 3 картинки,тоесть при нажатии менялось на вторую при повторном на третью и при третем нажатии на первую и так по кругу, подскажите что можна сделать?
0 votes6 answers -
аналог :last-child
помогите пожалуйста советом. один из недостатков сверстанной мной странички в том, что в секции content я добавил стиль к последнему параграфу. в результате текст не накладывается на фон с инструментами. однако, если например на работающем сайте текст в раздел content будет добавляться пользователем через wisiwyg-редактор, то все параграфы будут без стилей и текст все таки наложится на фон. хотелось бы решить эту проблему без добавления лишнего блока div. в css существует псевдокласс :first-child. как можно реализовать подобный псевдокласс, но для последнего дочернего элемента? ps буду так же рад услышать замечания по вёрстке. интересует самый общий подход - приоритет рас…
0 votes2 answers -
Как растянуть родительский блок по вертикали по высоте содержимого
Есть блок, позиционированный абсолютно. В нем есть другие блоки, также позиционированные абсолютно. Как сделать, чтобы если содержимое родительского блока превосходило его размеры, то он бы растягивался вниз? По умолчанию содержимое совершенно спокойно переходит границы родительского блока. Пробовал играться с overflow, но не дает нужного эффекта. Что делать?
0 votes5 answers -
Как добиться кроссбраузерности?
Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div). Во разных браузерах тексты надписей съезжают в разные стороны, а в Хроме надписи "Начало Тура" и "Длительность Тура" вообще съезжают вверх на 5px. Вот примеры отображения: Хром IE Mozilla Opera Уважаемые гуру, подскажите решение...
0 votes2 answers -
Проблема с полосами прокрутки
Добрый день, подскажи, пожалуйста, возможное решение проблемы. Есть div. В данном случае основной контент - div content Информации на странице довольно много, а надо, чтобы именно этот див не выходил за пределы размеров экрана и соответственно не заставлял сдвигаться div footer. Установил для него аттрибут overflow: auto и задал соответствующую высоту. Все работает. Но мне требуется, чтобы не было видно самих полос прокрутки, но прокрутка текста должна оставаться. Если ставишь overflow: hidden (при любом position: absolute, relative или static), то текст просто застывает и нет ни прокрутки ни самих полос для прокрутки. Как можно убрать отображение полос, но чтобы прокрутк…
0 votes3 answers -
Не получается сделать div блок по верх остальных
Помогите со стилями, у меня один див блок не выходит за третий по вложенности блок. вот его стиль /*display: none;*/ z-index:100; padding: 10px; border: 1px solid #AEAEAE; position: absolute; background-color: #ffffff; color: #0B79A2; margin-left:-1px;
0 votes3 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 -
Социальные кнопки в ряд
Здравствуйте, помогите пожалуйста поставить социальные кнопки фейсбука, гугла и т.д. ровно в ряд, у меня очень скромные знания в сss, а сами по себе кнопки стоят как попало. Мне же надо чтобы они тупо стояли в один ряд, одинаково по ширине и высоте. Всем заранее спасибо за помощь. Вот пример этих кнопок, хотя это и не критично..
0 votes6 answers -
DOM в html5
Сейчас прохожу данный урок http://htmlbook.ru/html5/canvas, там есть такая строчка Где найти эту строчку var a_canvas = document.getElementById("a");?
0 votes3 answers -
Бесплатные он-лайн курсы
В середине сентября (предположительно старт будет 20 числа), будем проводить месячный бесплатный он-лайн курс на тему: "создание сайтов с нуля", после прослушивания и непосредственного участия в данном курсе Вы сможете создавать сайты своими руками, более того, вы сможете создать свою web-студию, а также узнаете свои возможности в дальнейшей карьере и ответы на любые вопросы он-лайн. На время обучения все получат необходимое лицензионное программное обеспечение (CMS программу) для занятий. Предположительные темы: 1. Что за такой зверь сайт и с чем его едят. 2. CMS система как лучший станок для создания сайтов 3. Откуда взять дизайн, основы работы в графических редакторах …
0 votes22 answers -
Проблема с блоками
Добрый вечер всем. Такая проблема, нужно чтобы в зависимости от содержимого контента тянулся сайдбар. На данный момент выглядит так http://s015.radikal.ru/i331/1107/73/81522a62cdd6.jpg Помогите с этим..
0 votes14 answers -
Распределение текста по всей длине div
Задача: Нужно сделать так, что бы текст был расположен как на скрине. Решение:? Заранее спасибо!
0 votes5 answers -
select
Здравствуйте Не подскажите как можно изменить знак выпадения у тега select Изначально он такой (например в вин7) А мне нужно сделать такой Нашел как сделать на jq, вот например тут http://www.jqueryscripts.ru/scripts/jquery_forms/jnice/ Но можно ли это сделать на сss?
0 votes6 answers -
Заголовок RSS
Здравствуйте! Если честно, сам в шоке от того, что эта проблема возникла. Нелепость какая-то. Дело в том, что у меня в ленте RSS дублируется почему-то нэйм и дескрипшн. Хотя, прописывал все, естественно, по одному разу. Гляньте, пожалуйста: http://exreason.com/feed - Проблема в двух первых строчках перед анонсом верхнего поста. В каком файле можно удалить лишнее?! Заранее благодарю за ответ!
0 votes2 answers -
Картинка с атрибутом float
Методом эксперементов пыталась найти способ встраивания картинки в статью с атрибутом nofloat, но так и не получилось этого сделать как я хочу. А именно, хочу чтобы атрибут nofloat работал внутри тега <img>. Но у меня получилось сделать nofloat только таким способом: <style type="text/css"> img#photo { float:none; } </style> <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 100px; height: 200px; " /> Тоесть я тут подключаю внешний стиль, а мне нужно сделать аналогию этого, только чтоб это всё находилось внутри <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 640px; height: 508px; " />, честно, п…
0 votes7 answers -
Выравнивание блока
Как выровнять блок вертикально по центру экрана ? { display:table-cell; text-align:middle; } почему то не работает ( или то я что то не так делаю ) обьясните в общем плз как выровнять по центру блок ( например с шириной 400 и высотой 600)
0 votes11 answers -
Ошибки в css классе
Вот код ,который нужно добавить к остальному: <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="1.jpg" alt="К44774тво. Вто74ание"border="0" /></a><br /> Про4еии «<a href="#">Ко43ва</a>» </div> </ins> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="2.jpg" alt="Оп673темы" border="0"/></a><br /> <a href="#">Офтал367357овка</a> к54нии «Опт367емы» </div> </ins> <ins class="thumbnail"> <d…
0 votes1 answer -
Ширина и отступы в дивах
CSS body { margin: 0px; } #d1, #d2, #d3, #d4, #d5 { padding: 0px 0px 0px 0px; } #d1, #d4 { height: 100px; } #d1 { background-color: red; } #d2, #d3 { height: 400px; } #d2 { background-color: orange; float: left; width: 150px; } #d3 { background-color: yellow; float: right; width: 1115px; } #d4 { background-color: pink; clear: both; } HTML <body> <div id="d1">text...</div> <div id="d2">text...</div> <div id="d3">text...</div> <div id="d4">text...</div> </body> Результат: http://imgsave.ru/image-8D09_4E33E4FA.jpg 1) как зная разрешение экрана, установить два дива на всю ширину экрана? не в процент…
0 votes0 answers -
закладки
Как сделать такое при помощи html! Переход между темы и форумы, показывает разный контекст!
0 votes20 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/
-