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
-
div 2 колонки корневой не раздвигает див
Проблема, когда создаю 2 колонки флоат задаю им получается что основной див не раздвигает внутренний к примеру такой вариант <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Две колонки</title> <style type="text/css"> #container { border: 5px solid #444444; /* Общая ширина макета */ margin: 0 auto; /* Выравниваем по центру */ } #leftcol { float: left; background: #f0f0f0; width: 600px;background-color: #333; } #rightcol { float: left;margin-left: 10px; background: #fc0; width: 200px;background-color: #555555; } #le…
0 votes8 answers -
Firefox в td не работает относительное позиционирование
Всем привет! http://jsbin.com/mafigidu/2/edit вот код. Подскажите почему Firefox не хочет делать относительное позиционирование в ячейке таблицы td? Как заставить его делать?
0 votes4 answers -
select c проверкой
В общем нужно сделать что-то вроде этого http://auto.ru/ (там где выбирается, марка, модель авто, год) т.е в зависимости от выбраной марки, появляются соответствующие модели Как это проще всего сделать?
0 votes3 answers -
Проблема с кроссбраузерностью.
Всем привет! Изучаю азы верстки. понемногу начать практику. Сверстаю бесплатный дизайн Baxter Помогите пожалуйста решить проблему c цветными блоками. сверстанный блок неодинаково отображаеться браузерах. В Хроме и Опера отображаеться как задумался: А в Мозилле и Эксплорере: Исходные файлы.
0 votes2 answers -
Затемнение фона
Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <style>body { background: #ccc; }.banner { background: #fff; border: 1px solid #000; text-align: center; background: #fff; height: 400px; width: 240px; position: absolute; z-index: 100; }.banner div { display: none; }.banner:hover div { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }</style><div class="banner">Hover Me<div></div></div>Естественно, мой «хит…
0 votes2 answers -
Белая полоса между контентом и футером
Бэкграунд - картинка. Сделал плавающий футер, но он не влияет на размер контента. Получается, что если контент короткий, то сразу под ним, поверх фона, появляется белое поле. А уже ниже футер с копирайтом. Пробовал прописать тегу html height: 100%, белое поле исчезает, но на страницах, где есть полоса прокрутки, когда опускаешь вниз белое поле подло вылазит снизу и налезает на фоновую картинку.. Помогите решить проблему, второй день бьюсь. В хроме работает нормально. http://psko.com/index.php?id_cms=4&controller=cms&id_lang=1 Извиняюсь за очень долгую загрузку, тестовый сервак. Грузит около минуты.
0 votes1 answer -
Проблема с first-child
Помогите разобраться. Есть два кода в которых используется для снятия левой границы следующая конструкция nav section:first-child ul{ border-left: 0 none; }Первый работает хорошо: <nav> <section> <h3>О КОМПАНИИ</h3> <ul> <li><a href="#">История создания</a></li> <li><a href="#">Персонал</a></li> </ul> </section> <section> <h3>СЕРВИС</h3> <ul> <li><a href="#">Обслуживание</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">Предложения</a></li> <…
0 votes11 answers -
Вопрос:верстка Landing pages
Добрый день. Вопрос по верстке страниц Landing Pages: 1.как лучше верстать с помощью шаблонизаторов(каких именно) или чистым html/css? 2. ">http:// : как вставить такого плана картинки: делать каждую отдельную (возможно списком), или спрайтом одну? Заранее спасибо за ответ.
0 votes6 answers -
Странный тег в конце body в Chrome
В хроме в конце body сам по себе появляется какой-то странный тег: <html:embed type="application/x-asc-plugin" id="pluginIdTFPU_2" width="0" height="0">В других браузерах такого не наблюдается. Как от него избавиться, кто сталкивался?
0 votes1 answer -
Body:pading-top - странные прыжки, как быть?
Всем примет! Есть сайт http://gobanner.ru , проблема заключается в том, что у всего блока есть верхний отступ в 5 пикселей, если начинать переходить по меню то страница начинает прыгать. Браузер не успевает просчитать этот верхний паддинг. Я пробовал давать значения не только паддинг но и маргин, и не только body но и тегу html и классу wrapper. Как быть?
0 votes7 answers -
Текст по центру изображения адаптивно - как реализовать?
Добрый день, уважаемые форумчане! Есть блоки с изображениями http://yarfrezer.ru/shop/, нужно вертикально центрировать текст относительно картинки. Пробовал варианты с table-cell; и position'ами, но так и не получилось, совсем запутался. Можете подсказать, какие стили добавить или хотя бы куда копать, чтобы при ресайзе окна текст оставался вертикально центрированным?
0 votes5 answers -
Проблемы с input
Здравствуйте. Создаю сайт, столкнулся с проблемой: в форму input не вводятся буквы (на любой раскладке), знаки препинания. Цифр вводятся без проблем. Любой текст вводится через копировать/вставить, но с клавиатуры вообще никак. Первый раз с таким сталкиваюсь, даже не знаю на что думать..., все стили удалили, все равно не работает. У кого нибудь была подобная проблема? PHP код может влиять? Спасибо.
0 votes6 answers -
Валидность HTML
Здравствуйте. Мой сайт (http://kovkavolgograd.ru/) не проверяется на валидность -http://validator.w3.org/#validate_by_uri . Выдает ошибку - Sorry! This document cannot be checked.Sorry, I am unable to validate this document because on line 611 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xDF" does not map to Unicode Подскажите пожалуйста, в чем может быть проблема?
0 votes3 answers -
Помогите с меню, разделители
Имеется меню CSS, есть разделители вертикальные, но они никак не хотят отображаться как надо.
0 votes3 answers -
checked для не-input'ов
Потребовалось мне применить свойство checked к элементу, не являющемуся input'ом. С налёту (просто взять и прописать) не работает, да и не особо надеялся. А как это технически возможно сделать?
0 votes7 answers -
тени текста в IE
Подскажите, как сделать правило для IE8,9, что бы он тени текста не показывал ваще? Я в правилах не шарю. Спасибо! Если нужно сайт: плитка.in.ua Спасибо!
0 votes2 answers -
Верстка
Здравствуйте. Скажите, пожалуйста, как убрать прастранство между footer и content? @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { margin-left: 350px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { margin: 0px; padding: 15px; text-align: center;}#links { float: left; position: absolute;}#nav, …
0 votes6 answers -
Помощь с background
body.braincode-grunge{background:url(../images/background.jpg)}a img{ border:none; }fieldset{ border:none; padding:10px 0;}Добрый день, подскажите пожалуйста, как поменять background. На сайте используется картинка для всего фона, т.е. она дублируется. Подскажите как, поменять эту же картинку допустим в углу сайта на ту же картинку но только с еще дорисованным объектом. Большое спасибо за ответ. На данный момент код такой: Примеры картинок что на данный момент, и что планируется вставить. http://pmparket.ru/templates/braincode-grunge/images/background.jpg http://pmparket.ru/templates/brain=grunge/images/background1.jpg
0 votes0 answers -
Как установить firebug в firefox под убунтой ?
Не получается установить firebug в firefox под ubunru 12.04 когда пытаюсь устанавливать пишет что не поддерживается текущей версией firefox, как можно установить firebug под убунту ? Хромовский инспектор не очень по мне
0 votes9 answers -
Помогите убрать отступы у сайта справа и слева
Никак не могу найти где эти отступы задаются, т.к и у тега html и * и у body поставил маргин и паддинг=0 но отступ все равно остался. Тестовый сайт http://rlfur.ru/ для того чтобы увидеть отступы сузьте монитор до 990 и увидите скрол, хотя у сайта задана ширина как раз 990 http://prntscr.com/31eknu. На айпадах также видно http://prntscr.com/31ek3d, что сайт справа не прижат к краю справа, чего быть не должно как бы.
0 votes3 answers -
Своя страница ошибки 404 для Ucoz
Здравствуйте, подскажите пожалуйста, вот создал сайт в системе Ucoz но не с помощью ихнего конструктора, а свой статичный. Хотелось бы подкрепить к сайту ошибку 404, но попробовав создать саму страницу с таким простеньким кодом: <!DOCTYPE html> <html> <head> <title>Страница не найдена</title> <meta charset="utf-8"> </head> <body> Ошибка Петя! </body> </html> поместив её в корень сайта назвав 404.html и затем там же в корне сайта создал файл .htaccess внутри прописал ErrorDocument 404 /404.html но что то не работает, возможно я чего то не учел. Подскажите пожалуйста решение к данной проблеме.
0 votes2 answers -
Как сверстать данный макет
Уважаемые форумчане, Как сверстать вот такой фон http://prntscr.com/31az6n http://prntscr.com/31b0ce - обвела проблемное место. Вот сам макет http://prntscr.com/31b0z9 Дизайн фиксированный.
0 votes4 answers -
div друг под другом со 100% высотой
Здравствуйте. Как сделать, чтобы шли несколько div друг за другом, каждый растянутый на 100% высоты экрана (окна браузера)? на чистом css как-то не получилось, javascript работает только после загрузки документа, когда построена dom модель, а это не подходит, так как если инет медленный, и пока не прогрузилось - div накладываются друг на друга и получается ерунда...
0 votes2 answers -
Фон
Имеется картинка с размером: 1912 на 545. В середине 1000px занимает сайт (просто прозрачный фон на картинке), а остальные 912px это фон (бока от середины). Как мне эти бока прижать к сайту? Картинку могу разбить на 2 части если нужно. Как сделано сейчас background-image: url('../img/bg_bod.png');background-repeat: no-repeat;background-position: center top;Почему не верно? Появляется нижний, горизонтальный скролинг до конца фона картинки... Можно конечно: overflow-x:hidden, но не хочется этого делать Верстка выполнена div. Как убрать скролл?
0 votes12 answers -
Обход дерева без "внуков"
Есть страница с такой структурой <div id="Start"> | +—-<div> | +——- произвольное количество тегов, в том числе <div> | +——- произвольное количество тегов, в том числе <div> | +—-<DIV> Нужный тег Нужно получить объект <DIV>, помеченный красным цветом. Через GetElementById("Start").GetElementsByTag("DIV") не получается, т. к. из-за произвольного количества тегов в предыдущем теге <div>, номер нужного тега всегда разный. Но он всегда второй относительно тега <div id="Start">. Как программно получить ссылку на этот объект? p.s. Программа на VBA, внешние библиотеки подключать нельзя.
0 votes4 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/
-