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-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…
0 votes14 answers -
Создание локальных ссылок
Не выходит правильно сделать локальную ссылку, документ не открывается совсем, выдает ошибку. Возможно, я что-то не так поняла, объясните пожалуйста (подробно) как делать локальные ссылки.
0 votes5 answers -
сойство float
Использовать ли свойство float для создания колонок или все таки это свойство предназначено для другого?
0 votes5 answers -
Как правильно обнулять отступы перед началом верстки?
Пару раз видел на форуме подобные темы, решил наконец разобраться! Раньше делал * {margin: 0px; padding: 0px;} обьясните плз чайнику почему так делать нельзя! (не считая того что это не валидно), и как нужно правильно? спасибо
0 votes8 answers -
A:visited для <li><a ...>....</a></li>
Когда я захожу по одной из ссылок в меню, сделанного на основе списка: <div id="menu"> <ul> <li><a href="#">уууууу</a></li> <li><a href="#">уууууууууу</a></li> <li><a href="#">уууууууууууууууу</a></li> <li><a href="#">ууу</a></li> </div> то все разделы этого меню, меняют свой цвет на a: visited, но мне нужно, чтобы цвет меняла лишь та ссылка, на по которой я заходил и только. Как можно это обойти? Это что св-во UL такое?
0 votes7 answers -
Неправильно отображение плавающего фрейма
Не получается убрать эти непонятные отсупы, скажите ,как их убрать. Вот файл с которого идёт загрузка. <!DOCTYPE HTML> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" > VSPACE=10</iframe></div> </body> </HTML> Вот файл который загружается: <!DOCTYPE HTML> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; > <tr> <td> <img src="foto.jpg"…
0 votes11 answers -
Как сделать такой же эффект скроллинга?
Как реализовать такую плавную прокрутку?! Как на этом сайте: http://www.rogatnev.ru/
0 votes6 answers -
Стилизация css селекторами кнопок next и prev
Есть разметка пагинации. <div class="pagination"> <a class="page-btn page-btn-prev" href="#">Предыдущая</a> <a class="page-btn current-page" href="#">1</a> <a class="page-btn" href="#">2</a> <a class="page-btn" href="#">3</a> <a class="page-btn page-btn-next" href="#">Следующая</a></div>Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? Если вторая ссылка с классом current-page - не показывать page-btn-prev Если предпоследная ссылка с классом current-page - не показывать page-btn-next Вот так начал .pagina…
0 votes3 answers -
Проблема с выпаданием
Доброго времени суток, подскажите пожалуйста почему происходит выпадание?Замечание по другим "пунктам" приветствуются! http://codepen.io/Kamzed/pen/eBBLoB
0 votes10 answers -
Нужно ли начинать работать с препроцессорами
Здравствуйте, занимаюсь seo продвижением лет так 5, но верстать тоже умею, если нужно самому сверстать какой то сайт, то делаю это по классически html CSS3, для адаптации под мобильные использую @media и все, ну и еще где нужно bootstrap grid (только сетку) или UIkit тоже только сетку, и все. Хочу уже научится пользоваться препроцессорами less или sass, но много энергии на seo уходит. Меня в принципе все устраивает и скорость с которой пишу код, и результат на выходе, стараюсь что бы не было ничего лишнего в коде, ну и что бы валидный был. Что даст например знание less, скорость верстки? какие еще есть плюсы? Опытные верстальщики подскажите, или можно по старинке верстать…
0 votes6 answers -
Выравнивание в ячейки
Можно ли с помощью css задать для <td>, чтобы его содержимое выравнивалось по центру?
0 votes7 answers -
Проблемка
http://www.pokercollection.ru/ Объясните пожалуйста почему это происходит, и как с этим бороться?
0 votes9 answers -
Правый блок fixed наезжает на контент?
Моя ссылка Как сделать, чтобы он не наезжал на контент?
0 votes7 answers -
:after для IE
IE ни в одной из версий не поддерживает псевдокласс :after, ни :before. А можно ли как-нибудь сымитировать этот псевдокласс для IE?
0 votes2 answers -
Как сделать пересылку на странице?
Как сделать пересылку на странице чтобы она меня кидала куданибуть на другой сайт?
0 votes5 answers -
Установка Opera developer tools
Вопрос немного нетривиальный и возможно слишкой странный ))) немного полазив по http://dev.opera.com/articles/view/opera-developer-tools/ и почитав инструкции по установки вошел в конфуз, выйти пока не могу!!! говорится перетащите developer tool button в верхнюю часть оперы, ВРОТМНЕНОГИ, где эта кнопка? у меня последняя 10 опера
0 votes8 answers -
Опять верстаю меню в joomla, проблема с маркерами
Всем привет! начал делать шаблончик на дивах и сразу возникло много проблем, начну с первой) Левое меню должно выглядеть вот так. Ненумерованный список в жумле (стандартный модуль), в качестве маркеров стрелка с фоном, и у li остальная часть. Почему то нашел единственный способ их сблизить: list-style-position: inside; в FF, Chrome робит, Opera 11.10 пофигу ( Про отступы вообще молчу, буду разбираться в порядке очереди. В IE 6 лучше не открывать, чтоб не потерять дар речи. http://soleks.ru.preview.ihc.ru/ Благодарю за советы
0 votes6 answers -
смещение текста при зажатой кнопке input[submit] в ИЕ
Не знаю как избавится от смещения текста в кнопке. Суть: нажимаю кнопку, отвожу курсор от кнопки - текст смещается, возвращаю - текст смещается. Знаю, что это не серьезный баг, но хотелось бы управлять стилем кнопки полностью. Что я забыла учесть? стили кнопки: .get-guide { background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657; border: 0 none; border-radius: 9px 9px 9px 9px; border-bottom: 3px solid #6FA043; color: #FFFFFF; display: block; height: 56px; line-height: 56px; margin: 42px auto 0; padding: 0 12px 0 62px; text-align: left; width: 294px; } .get-guide:active{ border-bottom: 0 none transparent; …
0 votes8 answers -
Акустические листы стилей
Вот тут меня спросили, что делать для слепых, я с умным интерфейсом начал рассказывать, а потом понял, что не знаю куда человека послать по сабжу. Кажется, упущен этот момент или я не могу найти в учебнике. Надо б по-лёгкому провентилировать, хотя бы на уровне, что это есть и перечислить практически существующие правила.
0 votes16 answers -
сложная шапка сайта
столкнулся с интересной для себя шапкой сайта и не могу понять как правильно ее сделать.В psd макете треугольники так интересно расположены. http://rghost.ru/58108955 подкиньте пару идей.
0 votes9 answers -
Настройка автозапуска формы заказа на лендинге
Думаю, что вопрос и ответ имеет место быть, актуален и пригодиться не только мне. Вопрос к знающим людям, так как уровень пока не тот: подскажите пожалуйста как сделать автозапуск формы заказа для клиентов на лендинге через заданное время, либо перенаправление посетителя на определенное место? Пробовал посредством якоря и мета-тега сделать так: <meta http-equiv="refresh" content="5; URL=http://www.мойсайт.ru/#якорь"> но безуспешно. В адресной строке браузера после очередной перезагрузки прописывается путь к якорю, но ничего не происходит. Заранее спасибо откликнувшимся!
0 votes6 answers -
Зачем форме имя ? <FORM name ="имя_формы"
Зачем форме имя ? Искал в инете некоторые пишут что используется только для Джавы. Так ли это?
0 votes3 answers -
стили в IE
Плиз подскажите, как заставить работать в IE <html> <body> <div id="d1"></div> <script> document.getElementById("d1").innerHTML = '<style>#abc{color:red}</style><div id="abc">abc ABC abc</div>'; </script> </body> </html> В Опере всё ОК.
0 votes9 answers -
Действия при наведении курсора на ссылку
Здравствуйте. Помогите пожалуйста. Необходимо реализовать следующее: есть главное меню, при наведении на каждый из пунктов меню на картинку, расположенную над этим меню, должна накладываться другая картинка. Я так понимаю, что это на JavaScript надо делать? Спасибо.
0 votes3 answers -
Почему текст соскакивает вниз?
Текст соскакивает на строку ниже иконок: http://jsfiddle.net/7WMMy/3/ Почему?
0 votes15 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-