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
-
Специфичность селекторов
Есть следующий код html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>Специфичность селекторов</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="style35.css" type="text/css" /> </head> <body> <div class="one"> <p title="privet">Это просто первый абзац текста</p> </div> </body> </html> и следующий код css p[title="privet"] { background: #ff0000; } .one p { background: #…
0 votes3 answers -
Форма
сверстал форму. Источник Мои вопросы: 1.) Почему в #wrapperF h2 текст не прижимается полностью к контейнеру h2(откуда берутся отступы на 7px сверху и на 3px от левого края)? Из-за этого у меня высота больше положенной. 2.) Что делать с #formFooter a ведь при уменьшении масштаба браузера(да и при увеличении), ему не хватает места(кстати почему?) и часть текста перепрыгивает вниз. 3.) Возможно как то ещё увеличить скорость загрузки формы(я уже оптимизировал png если что)
0 votes4 answers -
joomla 2.5.4
всем доброе время суток! У меня проблема с стилем CSS, а проблема в том что как известно что у Joomla главнее моих стилей. вопрос есть какая не будь команда для, чтоб мои стили были главнее джумлы?
0 votes7 answers -
Меню a:hover
del
0 votes4 answers -
Помогите раставить позиции div'ов
Господа, помогите разобраться. На сайте есть div (div id="1") располагающийся с верху-в низ, по правому краю. Мне нужно чтобы он находился там всегда и был подложкой для всего остального наполнения (но не fixed). А по верх него уже шли все остальные блоки и элементы страницы. Помогите расставить блокам "position" чтоб отображалось все корректно. То есть я хочу попробовать сверстать страницу в которой начина блока "box"(меню, заголовки, форма поиска, просто блоки с основным контентом), будут идти не просто друг за другом с флоатом, а размещаться с персональными параметрами (отступы, высота и тд) и в том числе перекрывать местами другие блоки. К примеру: <div id="box"&…
0 votes4 answers -
CSS-стили не работают при загрузке с файла
Перестали обрабатываться файлы стилей, НО только те, которые загружаются с файла .css, если же прописывать стиль внутри .php-файла, то все идеально работает. Дело не в путях - это 100%, т.к. с этим уже экспериментировал. В чем может быть причина? Располагаю VDS, подключено gzip-сжатие. ДО переустановки nginx все прекрасно работало, сейчас - нет. Файлы .css располагаются НЕ в корневой директории а в папке с шаблонами. Кэш чистили, как скриптовый, так и кэш браузера.
0 votes10 answers -
Проблема с :hover
Нужно сделать так, чтобы при наведении на элемент с id "а" изменялся стиль у элемента с class'ом "b". Пишу так: #a:hover .b { /* новый стиль */ } Но что-то ничего не получается. Подскажите как задать :hover правильно?
0 votes4 answers -
Условные комменты
почему я не могу прописать для ие9 поправки <!--[if lte IE 10]> <link href="ie10.css" rel="stylesheet" type="text/css"> <![endif]--> <!--[if lE 9]> <link href="ie9.css" rel="stylesheet" type="text/css"> <![endif]-->
0 votes4 answers -
Помогите со стилями в IE и Google Chrome
Здравствуйте... Пытался придать внешний вид мониторингу. Столкнулся с проблемой. Отображения в IE и Google. Проблема в том что блок с названием карты и кол-вом игроков расположен по верх картинки вот такими свойствами style="position:relative; top:-23px; left:24px;" И во всех браузерах а то Opera Mozilla Safari отображается нормально А в ие и гугле на месте где был блок образовалось пустое пространство.. из-за которого мониторы занимают больше места и + Вообще из шапки сьехали.... Вот полный код мониторинга. [online]<div style="color:#fff; text-align:center; width:165px; order:2px solid purple;"> <div> <div><div style="width:100%; backgroun…
0 votes0 answers -
Помогите пожалуйста!
Ввожу в документ изображение картинки: <img src="image/alarm.jpg" width="307" height="450" alt="Будильник"> Вместо изображение на сайте белай рамка с текстом в рамке "Будильник" Что делать подскажите как сделать чтобы отображалась картинка?
0 votes2 answers -
Литература по верстке для начинающего
Подскажите что стоит почитать по верстке для начинающего ???
0 votes3 answers -
понравилось решение сайта
Очень понравилось решение сайта https://jawbone.com/up (не реклама) но не как не пойму как сделано что бы картинки между блоками при скролинге плыли чуть в верх (не помогает даже firabug), подскажите пожалуйста может кто сталкивался с макетом данной верстки? Ну или какими то материалами на тему решений используемых на данном сайте, заранее благодарен более опытным специалистам... С Уважением, test777
0 votes9 answers -
Кроссбраузерная верстка (Windows VS Ubuntu)
Ребята, привет! Подскажите пожалуйста как решить следующую проблему: делаю верстку страницы, в chrome (под Windows) меню отображается как "надо" , т.е. как на макете, вот скрин с сайта: а вот при просмотре в chrome (через Ubuntu) текст и фоновая иконка css header{ padding-top: 10px; margin: 0 auto; width: 950px; background: #fff; display: block; height: 123px; } header #moremenu{ float: left; width: 100%; margin-top: 10px; } header #moremenu .mail{ width: 159px; float: left; border-right: 1px solid #C2C7CC; height: 33px; padding-top: 17px; } header #moremenu .mail a{ background: url("images/mail.png") no-repeat scroll 19px 4px transparent; color: #163d5f; font-f…
0 votes3 answers -
Нужен срочный хелп от кнопки прыгают блоки у заказчика, а у меня нет
http://zverushka.zz.mu/energy/ Заказчик в последнем файрфоксе (25.0.1) на 7м винде - у него прыгают блоки (у его друга тоже), когда он наводит на кнопку, у меня инчего не прыгает на этих же системах во всех браузерах. Прошу помогите. Форму только не отправляйте плз. Я просто даже не могу отследить в чем ошибка, когда у меня все нормально.
0 votes11 answers -
Проблема с повотором
http://hostingkartinok.com/show-image.php?id=80422c0aca0fc2a65197481cd2b40eed Парни при каждом выводом поста,у меня повторяеться панель меню и приветствие. Помогите исправить бок( background-repeat: no-repeat; пробывал,не помагает,или мб я не туда пишу его( Что скажете? Код php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" ><head><title>Shop</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="style.css" /></head><body><?php$DBH …
0 votes2 answers -
Проблемы с input
Здравствуйте. Создаю сайт, столкнулся с проблемой: в форму input не вводятся буквы (на любой раскладке), знаки препинания. Цифр вводятся без проблем. Любой текст вводится через копировать/вставить, но с клавиатуры вообще никак. Первый раз с таким сталкиваюсь, даже не знаю на что думать..., все стили удалили, все равно не работает. У кого нибудь была подобная проблема? PHP код может влиять? Спасибо.
0 votes6 answers -
Резиновое меню
Здравствуйте. Задача такова: есть горизонтальное меню, которое должно быть резиновым и блоки в нем соответственно должны быть одинаковы. Код: http://jsfiddle.net/Haindell/27c8r/1/
0 votes2 answers -
Способ верстки резинового выпадающего меню
Всем, доброго времени суток. Я учусь верстке самостоятельно и начала с своего сайта. Вот уже второй день не могу решить проблему с меню. http://saveimg.ru/show-image.php?id=8d51d6118255b79f88ab88766d50c263 - собственно меню Вопрос в следующем: Я нарезала 3 куска: правую и левую боковушки меню и такого же размера кусочек меню (потом просто повторяла его). Но никак не могу теперь состыковать основное меню и боковушки. Может у меня изначально не правильный подход? Если не сложно, пожалуйста, подскажите, как с такими не стандартными меню следует себя вести. P.S. Простите если была не внимательна и подобная тема уже есть.
0 votes5 answers -
Проблемы с max-width
Вот сайт http://texteredsa.besaba.com/ там есть 3 блока которые идут друг за другом. вот пытаюсь блоку .logo задать max-width, чтобы при уменьшении элементы тянулись. но увы max-width не работает, почему ? как сделать резину ?
0 votes1 answer -
Изменение изображения при наведении на другое изображение
Вопрос в следующем: Во многих местах описано как сделать скриптами или средствами CSS изменение изображения при наведении на него курсора. Я столкнулся с необходимостью изменения одного изображения при наведении курсора на другие изображения. Может кто сталкивался, а то сам не соображу. заранее спасибо за ответы
0 votes6 answers -
Проблема с выпадающим меню
Проблема в том, что я навожу мышкой до 3 пункта под меню, и оно пропадает. вот сайт: http://www.s-podkova.com/ Вод код <div id="page"> <div id="header"> <a id="logo" href="http://www.s-podkova.com/" name="logo"></a> </div> <div id="navigator"> <div id="nav"> <var levels="1,2,3" expand="true" variant="nested" edit="1">navigation</var> </div> </div> <div id="stran"> <div id="content"> <var>content</var> </div> <div id="side#navigator { width: 1040px; padding:1; text-align: center; float:left; …
0 votes2 answers -
Ищу хороший free bootsrap 3.3 темплейт для форума
Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!
0 votes4 answers -
Не перемещается блок через margin
Здравствуйте. Использовал на тексте float:right т.к. нужно было установить текст справа от блока с информацией сервера. Но когда я использовал float, блок с информацией(panel-body) сместился влево за край сайта. Путём долгих переборов своего говнокода я выяснил, что это из-за margin-left на panel-body. Отключаешь его - он становится надо, но появляется другая проблема: невозможно увеличить ширину panel-body. Пытался через width - безуспешно. Может кто помочь с данной проблемой? Страница с проблемой: Скрытый текст http://oldschool.bollobas.ru/servers.php
0 votes1 answer -
Платежные системы на сайте, кто что подключал?
Господа программеры! Поделитесь опытом кто какие платежные системы прикручивал к сайтам. WebMoney, Z-Payment, Interkassa, RoboKassa, RBKMoney, SMSCoin - не в чсет. Тут все ясно и есть готовые решения. Ставил - работает. Интересуют западные мерчанты типа 2checkout.com, moneybookers.com, authorize.net - их кто-нибудь настраивал? Сейчас тестирую 2checkout.com и moneybookers.com moneybookers.com - не пойму как обратные ссылки с нужным результатом вернуть на сайт, чтобы внести именени в биллинг. Возвращает при выписке счета и при оплате положительный результат и отдает тут же товар..... а когда счет тлько выписан (через банк,например) - нужно просто об этом сообщить... Гугл …
0 votes2 answers -
Два фона
Задача такая: В макете из двух колонок, вторую необходимо одновременно залить однотонным цветом и вставить картинку как фон для текста. Верстал таблицей, т.е. в ячейку надо либо поместить картинку, а поверх неё уже текст, либо поставить её фоном ячейки. В последнем случае оставшееся место в ячейке заполняется фоном таблицы, пока так и сделал. Но попытки поставить слой с картинкой за текст не увенчались успехом. Можно использовать относительное позиционирование: вставить слой с картинкой, затем абзац с текстом и текст поднять на высоту картинки, но тогда внизу ячейки будет ненужное свободное место, остающееся после текста. Сделать наоборот не получится: высоту абзаца ника…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-