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
-
присвоить св-во вложенному элементу css
Подскажите как правильно реализовать следующую задачу. Приведу часть необходимого кода. <div class="class1"><span class="class2"><a href=""></a><a href=""></a><a href=""></a><span></div>Мне необходимо присвоить св-во css тегу <A> вложенному в теги <div> и <span> с определёнными присвоенными классами. Присвоить индетефикатор тегу <A> нет возможности т.к. код генерится автоматом.
0 votes4 answers -
Проблема с IE блокирует скрипты
Добрый день ! как сделать так чтобы при загрузке страницы она не блокировала и не выдавало такое сообщение а загружалось без блокировки есть какой то выход с данной ситуацией ?
0 votes7 answers -
Уменьшить размер шрифта при уменьшении блока
div.Row { height: 15vh; width: 100%; ... } div.Col{ height: 100%; ..... .Col1{width: 10%;} .Col2{width: 60%;} ) <Div class = "Row"> <Div class = "Col Col1">текст<Div> <Div class = "Col Col2">Длинный текст<Div> </Div> Такой вот код. Как средствами CSS3 сделать так, чтоб текст был, допустим, 70% от высоты ROW (или COL, в моем случае высота одна и таже), но в случае, если не вмещается в заданную ширину блока, автоматически уменьшался в размере? Спасибо
0 votes1 answer -
Растягивание по вертикале
Здравствуйте! Столкнулся с одной проблемой... Есть таблица, заранее неизвестной ширины, в ее ячейке лежит div. Так вот, мне нужно, что бы этот div автоматически растягивался, по всей высоте таблицы... Как такое осуществить?
0 votes0 answers -
3 картинки, 1 размножается
Собственно говоря есть 3 картинки, одна должна быть сверху, с фиксированной высотой, посередине размножается, снизу фиксированная Делаю это так: Ну и css td.centerline { background: url('{WEBPATH}/template/images/line_vert_2.gif') center repeat-y; z-index: 1; height: 100%; } td.centerline div.up { height: 50%; background: url('{WEBPATH}/template/images/line_vert_1.gif') top center no-repeat; z-index: 2; border: 1px solid red; } td.centerline div.bottom { height: 50%; background: url('{WEBPATH}/template/images/line_vert_3.gif') bottom center no-repeat; z-index: 2; border: 1px solid red; } В фф всё нормально, в ие конечно же нет, баг известный. Тогда я пытался …
0 votes2 answers -
Группировка ячеек таблицы в FF и IE.
Верстаю страницу с помощью таблицы. В браузерах FF2 и IE6 по разному группируются ячейки. Мне надо так, как получается в IE6. Никто с таким не сталкивался? Подскажите, где копать. Скрины: Internet Explorer 6.0 (jpg, 48 kB) Mozilla FireFox 2.0 (jpg, 51 kB) Код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title> Таблица. </title> <style type="text/css"> BODY { margin: 0; padding: 0; } </style> </head> <body> <table cols=6 border=1 width=100% height=100% cellspacing=0 cellpadding=0> <tr height=5%> <td width=5%>1</td…
0 votes0 answers -
css список
При создании вертикального меню, графический маркер выпрыгивает выше базовой линии, в ie. в firefox все ок! Как сделать что бы было везде одинаково?
0 votes2 answers -
Работа с Float:left и margin:left
Ребята, привет! Возможно моя проблема покажется вам глупой, но все же спрошу: Есть контейнер, в котором прописана картинка в качестве фона. В контейнере прописываю слой контент, в нем еще один слой с рамкой и отступами top и left по 5px, который должен располагаться слева. В #content ставлю флоат-лефт, а #content-left прописываю маргины. В этом случае картинка отображается только в IE. Пробую по-другому: убираю флоат-лефт, прописываю маргин-лефт в #content-left. А в #content ставлю маргин-топ. Тогда контейнер с картинкой в Опере и FF отступает вместе с дочерним элементом. А в IE все корректно. Помогите, плиз, глупой девушке, а то уже голова трещит!!!
0 votes4 answers -
Меню
Здравствуйте, помогите не могу сделать меню, следующего вида: Т.е. меню по центру, состоит из горизонтального списка li, главное то, что оно должно растягиваться по мере наполнения. А по бокам блока меню должны быть прижаты картинки. Получается так что margin: 0 auto не работает так как ширина для меню не задается. Заранее спасибо за ответы. Вся эта конструкция должна располагаться по-центру экрана и растягиваться по мере наполнения!
0 votes5 answers -
Блочная "резиновая" вёрстка
Доброго времени суток! Я только начинаю изучение CSS, подскажите, пожалуйста, как лучше реализовать CSS в этом "резиновом" шаблоне при условии, что каждый элемент шаблона должен быть в отдельном div'е? Какие при этом могут возникнуть нюансы? Спасибо!
0 votes2 answers -
Не видно таблицу.
Пишу простенький сайт, но на нем не появляется нечего кроме фона. Хотя я вроди бы все делаю как по шаблону, но все равно нечего кроме фона с заданным мною цветом не появляется. Подскажите пожалуйста в чем ошибка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Моя первая страничка</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="Download anime at once on your PSP"> <meta name="keywords" content="anime, psp, online, free, download, mp4"> <meta name="author" content="krofik">…
0 votes2 answers -
Нужна помощь
Всем привет!я начал делать сайт и когда захотел ввести контент на сайт то сталкнулся с такой проблемой как ТЕКСТ!!! как вы видите на моем "сайте" текс вводится как-то неправильно!он сам автоматически как-то переносит строчки!даже побывал сделать в таблице все равно такая проблема!!Проблему я нашел это из-за меню!!! Код сайта!! <html> <head> <style type="text/css"> #flag { position: absolute; top: 0; left: 0; } body { background-image: url(http://s017.radikal.ru/i416/1111/5a/f64c420fd930.png); background-position: 10 100; background-repeat: repeat-x; } #levaya { position: absolute; top: 120; } #pravaya { position: absolute; top: 120; le…
0 votes15 answers -
Проблема со стилем в ссылке
есть код: .menu-header li {float: left; margin: 0 28px 0 0;} .menu-header li a {font: bold 13px 'PT Sans'; display: block; height: 15px; text-transform: uppercase; color: #352530; text-decoration: none; text-decoration: none !important; background: url('./images/dot1.gif') repeat-x bottom left;} .menu-header li a:hover {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} .menu-header li a.active {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} <ul> <li><a href="#" class=…
0 votes12 answers -
Стилевое оформление тега select
У тега select есть стрелочка вниз, которая раскрывает список. Как на место этой стрелки поставить свою картинку? Не могу найти решения. Шаблон посмотреть вот тут можно: http://www.freepsd.ws/80-psd-maket-dlya-sochineniy-i-referatov.html
0 votes6 answers -
Схлопывающиеся отступы
Читаю http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy 1) В Konqueror и Opera наличие padding'а схлопывание чёт не отменяет. Да и сомнительно, чтоб такое было, не вижу логики - зачем внутреннему полю влиять на работу со внешними полями? 2) Что значит "задана граница"? Что такое "граница"? Как она может быть задана или не-задана? Спасибо
0 votes5 answers -
Системы контроля, гитхаб и отслеживание изменений файлов
Каждый верстальщик должен знать где сидит фазан, уметь работать с системами контроля версий. Одна из них - Гитхаб. Возник вопрос - умеет ли гитхаб отмечать в репозитории каждое сохранение файла автоматически (в локальном бы самое то), или нужно фиксировать изменения руками? Какой программой воспользоваться, которая будет сама автоматически следить за папкой и сохранять все версии файла после сохранения?
0 votes7 answers -
как сверстать таблицу
как сверстать такую таблицу?
0 votes5 answers -
Как заставить box-shadow перекрывать контент?
Использовал скрипт меню https://tympanus.net/Development/MultiLevelPushMenu/ для своего сайта https://www.zebra-tara.ru/ Меню доступно только на разрешениях меньше 768 по ширине Получается, что тень от меню не перекрывает сдвигаемый слой, а точнее - абсолютно позиционированные элементы на нём. Посоветуйте, как исправить? Я пробовал давать больший индекс тени, но тогда она перекрывает последующие уровни меню
0 votes1 answer -
Font Awesome 5
Привет! Попалась мне в руки новая версия fontawesome и возник ступор Теперь всё делается через JS и SVG, что круто, конечно, но как этим управлять на лету? Раньше, в четвертой версии, можно было создавать псевдоэлементы к объектам на странице и было счастье. менял content: "\f07a"; /* cart icon */ на content: "\f00c"; /* check mark */ И всё, при нажатии на кнопку иконка корзины менялась на галочку. А в SVG как подмену делать? Создавать сразу два элемента и скрывать ненужный?
0 votes2 answers -
Плавающее окошко
Как создать плавающее окошко без использования фреймов? Или наподобие попапа на flash? Хочу сделать доп. информационное окошко. по крайней мере - где почитать информацию?
0 votes1 answer -
css sprites
Недавно начал использовать при верстке цсс спрайты и заметил такую вещь. если цвет на картинке расплагается от левого края до правого, то элемент спокойно тянется по горизонтали. вопрос в том, как сделать, чтобы при вытягивании элемента по вертикали в бэкграунд не захватывались те картинки, которые разсположены ниже
0 votes3 answers -
проблема с ссылкой
При наведении курсора на ссылку в подсказке пишетца то что я прописал в title и адрес ссылки,как мне сделать штоб показовало только то что в title?
0 votes8 answers -
Проблема с min-width
Привет всем! Начал изучать хтмл совсем не давно. Нужно сдедать 3-х колоночный шаблон, резиновой верстки с мин и макс шириной и высотой. Сделал как смог, но вот проблема - min-width не работает в 3-х колонках (contentl, contentr, sidebar) Объясните в чем проблема? Ссылка: http://jsfiddle.net/RSyRR/
0 votes7 answers -
Часы. Увеличение размера
Здравствуйте, уважаемые форумчане. Кто может помочь увеличить размер цифр вот в этих часах: http://www.morohon.pusku.com/new_panel/clock/ Нужно чтобы они были во весь размер фона. Если не трудно, пожалуйста, помогите... Вот код часов: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <style type="text/css"> #clock{ width:500px; border-radius: 6px; } #clock .display{ text-align: center; padding: 50px 10px 10px; border-radius:6px; position:absolute; height: 110px; width:500px; } /*------------------------- Light color theme --------------------------*/ #clock.light{ background-color:#…
0 votes2 answers -
Кастомизация input range в opera
Здравствуйте все. Очень буду признателен за любую помощь. есть такой тег: <input type="range" min="0" max="100" step="1" value="50" />Каким образом можно полностью изменить его отобржение в браузере Opera, не используя JS ?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-