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
-
CSS - проблемы с наведением на li
Всем привет! Во в чем проблема, значит. Я один сайт под себя переделываю, и мне захотелось сверху сделать менюшку получше, уж больно она неказистая. Увеличил высоту, все как положено, текст остался по центру. Затем с помощью li:hover сделал другой фон. И при наведении фон изменяется, но текст сдвигается вверх. Вот, собственно, какой кусок кода вышел: #topmenu ul, #topmenu li { list-style-type:none; list-style-image:none; padding: 0; margin: 0; } #topmenu table { background-color: #2A85E0 !important; height: 50px; } #topmenu li:hover { background: rgba(0, 0, 0, 0.15); height: 46px !important; text-deco…
0 votes3 answers -
CSS - текст в блоке - отступ сверху (всегда на 1px > других браузеров)
Задача: сделать одинаковое отображение в браузерах OC Windows 7 Google Chrome 37 —-- отступ 1px Mozilla Firefox 32 ——- отступ 2px Opera 24 —————-- отступ 2px Safari 5.1.07 ———— отступ 2px Internet Explorer 11 —- отступ 1px Яндекс.Браузер 14.7 - отступ 2px Амиго 32 —————- отступ 2px Код CSS: div {font-family:arial;font-size:12pt;border:1px #000 solid;display:block;text-align:center;line-height:1;padding:0;width:200px;}Весь код: <html><head><style type="text/css">body {padding:0;margin:0;}div {font-family:arial;font-size:12pt;border:1px #000 solid;display:block;text-align:center;line-height:1;padding:0;width:200px;}</style></head><body…
0 votes6 answers -
Css - цвет блока меню
Доброго времени суток. Подскажите, пожалуйста.С версткой и php/css раньше особо дел не имел. Насколько я понимаю, собака зарыта именно в css'e. Нужно, чтобы в цвет красилась вся ячейка, а не только шрифт в левом меню, невыпадающем...Поможете? Кусок кода, который вроде как за это отвечает. /*** Navigation ***/ .nav {border-top: 1px solid #d9d9d9;} .dd {height: 48px;} .dd li {float: left; display: block; border-left: 1px solid #d9d9d9; text-align: center; font-size: 14px; text-transform: uppercase;} .dd li a {color: #000;/*COLOR OF TEKSTA*/ text-decoration: none; display: block; background: #70d612; padding-top: 18px; margin: 0 14px; white-space: nowrap;} .dd li a:hove…
0 votes6 answers -
CSS - Шрифт
Как лучше указывать шрифт, то есть в каких единицах? Или лучше указать просто название шрифта без единиц? Заранее спасибо.
0 votes2 answers -
css : вывод даты в календарном листке
Здравствуйте ! Мне нужна помощь специалистов. В общем я хочу создать css стиль для вывода даты на календарном листке. Чтобы можно было используя Tiny_Mce быстро ставлять дату создания статьи. Вот что я прописываю в css стиль Так у меня выводится только календарик из images/date.jpg а вот название месяца и даты в нём нет. Для вывода даты и месяца нужно вставлять руками в htlm код статьи этот код Получается такая дада _http://www.weberdev.com/ExampleImages/4622_Image1.jpg А как бы мне сделать css так что бы не надо было вставлять руками код ? Хотелось бы чтобы дата и месяц вставлялись автоматом вместе с календариком при выборе стиля. Такое возможно сделать ? Если да т…
0 votes1 answer -
Css . как сделать?!
В общем я начинающий..знаю тока основы..желания верстать куча а вот опыта пока к сожалению нет совсем.. есть макетик .. фиксированной ширины 900. по высоте 100 проц. 2х колоночная верстка .. Завалился сразу же как начал.. осн проблема с которой столкнулся 1. фоновая картинка должна повторятся по правому краю шаблона а не экрана ( как сейчас) 2. хочется каким нить образом присандалить footer к низу а не за содержимым колонок если что то непонятно дайте знать... Благодарю за содействие .. <html> <head> <title>9</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="css\css.css">…
0 votes3 answers -
CSS @Media
Здравствуйте! Прописал следующие @media для мобильных устройств: @media screen and (max-width: 768px) {} Но с экранов в 5 и тд дюймов, т.е те у кого разрешение hd и full hd, это просто не работает, как выйти из ситуации, чтобы к hd и full hd применялись прописанные @media?
0 votes1 answer -
CSS / Не подгружаются фоны для дивов !
Все стили норм подгружаются из css-файла кроме двох содержащих фон и параметры для дивов . HTML: <!--fon--> <div align="center" class="fon_1"> <!--fon_2--> <div class="fon_2"> CSS: .fon_1 {background-image:url(img/fon.jpg); background-repeat:no-repeat; width:1000px; height:600px; margin:auto;} .fon_2 {position:absolute; background-image:url(img/ps.jpg); background-repeat:no-repeat; margin-left:57px; margin-top:58px; width:699px; height:491px;} Чет никак не допру в чем дело ( #2 Главное пока было прописано через style , все работало , как толька перенес в отдельный CSS-документ все покрылось.
0 votes3 answers -
CSS & rows [Stylish]
Меняю морду опостылевшему корпоративному сайту под свой нрав -> доступа до кода нет. Встретил элемент которому не могу вправить высоту. Стал рыть - нарыл что в html вмонтирован frameset с параметром rows="23,*,5, 20". 23 - это высота. Меняю её значение через средства разработки FireFox - меняется высота. Как мне победить этого динозавра через CSS?
0 votes0 answers -
CSS + bg-image + text
Всем добрый день!!! Проблема в следующем: Делаю растягивающуюся менюшку с размноженным задним фоном. Попытался добавить стиль в CSS: TD.menu { font-family : Tahoma, Arial, sans-serif; font-size : 10px; text-align: center; font-weight: bold; color: #ffffff; background-image: url('images/lttemplate/menu_m.gif'); } <td class="menu" width="13%"> Результат - текст нужного стиля, первая ячейка растягивается на максимум, остальные - по ширине текста. Заднего фона нет. Если в тег <td> добавить style="background-image: url('images/lttemplate/menu_m.gif')" Получаем первую ячейку на максимум, остальные - по ширине текста, задний фон появляется. Желаем…
0 votes29 answers -
CSS + CSS2
Доброго времени суток , извините есле етот топ уже создавался , я его не нашел ... Суть :-) : {в чем различие CSS vs CSS2 где можно почитать ?}
0 votes11 answers -
CSS + Drupal
Ребята, добрый день. Столкнулся с элементарным вопросом. Делаю сайт на Друпале, столкнулся с проблемой, не могу блоку присвоить id и разместить его так как мне этого хочется. В html создал id="map", разместил там картинку "карта сайта", и описал id в css: #map { margin-left:113px; position:absolute; } Вот что дает Фаерберд; <div class="map"> <div class="clear-block block block-block " id="block-block-19"> <div class="content"><p><a href="/sitemap"><img height="14" width="19" src="/sites/default/files/map_my.gif" alt=""></a></p> </div> </div> </div> Понимаю у меня проблема с вложенными элементами? Как пра…
0 votes4 answers -
css + internet explorer
Товарищи. Помогите настроить сайт (вот ссылка nowhau.ru) Писал его в мозиле. В мозиле и опере отображается отлично, в IE его, почему-то, коротит. Сам новичок, эт первый мой сайт.
0 votes2 answers -
css + js = вывод контента
Собственно задача стояла такая: Сделать три элемента в ряд, при наведении на каждый ниже показывать соответствующий контент. Перелопатил много чего, готового что-то не нашел, остановился на этом скрипте - http://www.dynamicdrive.com/dynamicindex17...ntentslider.htm И собственно из него сделал то, что нужно вот только один нюанс - div c контентом никак не хочет менять свою высоту... как только не пробовал - только статическая высота получается... Может кто видел подходящее решение? Или как быть с этим?
0 votes8 answers -
CSS + SVG animation
1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.
0 votes1 answer -
css + ul :: как сделать следующее (рис)..
как этот список оформить с помощью css или jquery? спасибо всем
0 votes3 answers -
css + гекст
Как сделать наклон по радиусу текста в css вот пример http://test.liwil.net/mebel/ меню (о комнании - услуги - контакты)
0 votes1 answer -
CSS <input> + <datalist> как избавиться от смены фона при выборе значения?
http://jsfiddle.net/yxhzsk4m/1/ Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать? (:valid, вроде в этом случае не действует....) ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)??? (В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на…
0 votes2 answers -
CSS 2.1 and CSS 2.2 как их понимать ?
Правильно ли я понимаю уровни CSS спецификации: CSS 1 - Устаревшая спецификация. CSS 2 - Содержит много ошибок. CSS 2.1 - Та же CSS 2 но исправленными ошибками. CSS 2.2 - Тут что ? Я не понимаю, объясните люди добрые. CSS 3 - Модули CSS, с разными уровнями. Разные модули заменяют разный раздел в CSS 2. CSS 4 - Консорциум говорит что не будет, но посмотрим что на самом деле будет. Для меня не совсем понятно, 2.2 для чего эта спецификация и что она делает ?
0 votes6 answers -
CSS 3 кросс-браузерно (от IE7)
Подскажите каким образом можно использовать CSS 3 кросс браузерно. CSS 3 Pie глючит очень часто, и не не все элементы-теги подходят (к примеру, у тега object не отображается тень). Варианты: - Знаю, что есть .htc файлы для IE, в которых находятся JScript'ы. Позволяют рисовать разные эффекты. Какие из них стабильно работают? (помимо PIE.htc) ? Cross browser pollyfills для CSS3 многие сырые и не подходят по той причине, что нестабильно работают. - Еще есть специальные фильтры для IE в CSS – вот это уже интереснее. Подскажите, куда копать тут...
0 votes13 answers -
CSS animation и transition на одном элементе. Баг (?) в FF.
В общем интересная штука нарисовалась. Вот пример. Есть элемент, который в процессе работы сайта неким образом перемещается, для его плавного перемещения используется свойство transition: transform; Именно transform т.к. оно не вызвыает repaint и reflow. Так же при загрузке страницы этот элемент должен выезжать. Для этого используется свойство animation, в @keyframes которой свойство transform изменяется from -100% to 0. По идее при загрузке страницы animation должна запуститься, отработать независимо от заданного свойства transition, а уже потом в процесе работы сайта, когда элементу назначается какой-то класс изменяющий свойство transform, элемент должен перемещатьс…
0 votes3 answers -
CSS border у TR
Народ, а че за фигня, не подскажите - не работает сие свойство у TR? Как то уже сталкивался с этим, но особой нужды разбираться не было, а сейчас вот неплохо было бы узнать в чем тут дело. Если ответом на вопрос будет остутствие поддержки этого свойства, то предложите возможные пути его эмуляции... Благодарю... (_*_)
0 votes9 answers -
Css box
Здравствуйте. Я пытался сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока (top.gif) 2 картинка за низ (bottom gif) 3 картинка за левую сторону (left.gif) 4 картинка за правую сторону (right.gif) 5 картинка за середину (center.gif) Создав своё творение с солидной пачкой divов, я понял что на него нельзя смотреть, да и разваливается в каждом браузере. Я достаточно погуглил закруглённые углы, но они держатся на заголовках и параграфах, а если у меня их будет много в этом боксе, то он и не получится...Решил поэтому создать тему. Текст, который я буду размещать, будет на "5 картинке за середину". Для этого я создал: #content { background:url(img/center…
0 votes10 answers -
CSS display и поисковые пауки
Не знал куда засунуть, поэтому написал здесь. Всем добрый вечер. Возник вопрос, как реагируют поисковики на текст который display:none. Они же читают исходный текст страницы и я так подозреваю что они могут ругаться на то что при просмотре страницы текста нет а в иходниках он есть. Или всё нормально? P.S.сорри за нубский вопрос. просто первый раз занимаюсь клиентской стороной на столько губоко чтобы заниматься оптимизацией =))))) раньше только с серверной частью работал.
0 votes3 answers -
Css div
Недавно начал изучать css так что много еще не знаю... долги и усердно искал в интернете как это сделать но так и не нашёл... надо: то есть длинна может быть фиксированая, а вот высота меняется от содержимого и если растянуть браузер чтобы стало не 3 столбика, а 4... и т.д. cмог только построить их в ряд <html> <head> <title>Blank</title> <style type="text/css"> .left { float:left; width:100px; } </style> <head> <body> <div style="width:800px"> <div class="left">111</div> <div class="left">111</div> <div class="left">111</div> <div class="left">111</div> &…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-