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
-
Правильно ли прописан код кнопки?
Проблема заключается в тои,что на сайте не отображается кнопка. Как исправить, помогите пожалуйста. #reg_auth>a { color:white; } #reg_auth>a:hover>div.btn { border-bottom: 2px solid rgba(217, 91, 72, 1); margin-top: 5px; } #reg_auth>a:active>div.btn { border-bottom: 0; margin-top: 5px; } #reg_auth>a>div.btn { float: right; margin-right: 3%; margin-top: 5px; border-radius: 5px; padding: 5px; 9px; font-size: 1.2em; background-color: rgba(236, 101, 80, 1); text-shadow: #454545 0 0 20px; border-bottom: 4px solid rgba(217, 91, 72, 1); font-family: 'Roboto Slab', serif; }
0 votes1 answer -
Не равняются дивы - гляньте, простой примерчик.
Значит просто вспоминаю верстку странички, делаю элементарное, но вот ступор почему hauptbox не в диве container? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Praktikum1</title> <link href="style.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> <div id="container"> <div id="header">Header - Logo</div> <div id="hauptbox"> <div id="menu"> <p><a href="">Alles</a></p> <p><a href="">Fotos</a></p> <p><a href="">Videos<…
0 votes10 answers -
Содержимое блока
Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"
0 votes7 answers -
Верстка: не могу победить position, overflow, float и т.п.
Здравствуйте. Пожалуйста, расскажите понятным языком как позиционировать дивы. Я правда гуглил и много читал, но что-то ускользает от понимания. Когда дивов немного все получается, если много получается бардак. Ну вот как пример: скрин: структура: <div class="user_menu"> <div class="user_menu_top"> <div class="user_menu_foto"> </div> <div class="user_menu_info"> тут будет несколько дивов. инфа будет подгружаться с базы</div> </div> <!--end user menu top--> <div class="user_menu_left"> <div class="user_menu_left_button">кнопка</div> <div class="user_…
0 votes8 answers -
Помощь по css
Скажите, пожалуйста, где можно почитать про css? Мне интересно не про css в целом, а именно про случаи типа этих: div.func:hover ~ img {...} div.func:hover > a {...} Я даже не знаю, как их назвать при поиске в гугле, поэтому обращаюсь к вам. Для чего в подобных случаях используется тильда и закрывающая острая скобка "больше"?
0 votes6 answers -
Замена радио кнопок в голосовании
Всем привет!!! Возник такой вопрос: Как в опросе сайта изменить стандартные радио кнопки на свои картинки?
0 votes3 answers -
Верстка многоуровневого списка
Извиняюсь, если вопрос такой был, поиском пользовался, честно :-). Есть список вида: <ul class="parent"> <li class="first"></li> <li class="second"> <ul class="child"> <li class="first-child"></li> <li class="second-child"></li> </ul> </li> <li class="third"> <ul class="child"> <li class="fourth-child"></li> <li class="fifth-child"></li> </ul> </li> <li class="fourth"></li> <li class="fifth"></li> </ul> Как правильно написать селектор, чтобы при наведении на second-child ме…
0 votes8 answers -
тянуть колонки по высоте
Собственно SUBJ, возможно ли средствами css и html, реализовать "тягучесть" по высоте, у колонок, в зависимости от разрешения пользователя? Например в гугл+, есть такая фишка, но как я понял там javascript юзается. Кто, что думает по этому поводу?
0 votes4 answers -
Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а
Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } </style> </head> <div style="border: 1px solid #990099;"> <div style="height:100%;width:50%;float:left;"> <div style="height:100%;border: 1px solid #3187BD;"> БЛОК А </div> </div> <div style="height:100…
0 votes8 answers -
Смена div
Уважаемые, Помогите блондинке справиться с непривычным делом! Сразу скажу, что верстка не моя специальность, так вышло, что мне выпала сомнительная честь этим заняться. Ситуация следующая: Есть 2 div, назовем a & b; Суть конструкции: Две локальные ссылки: <a href="div_a"> <a href="div_b"> Ниже располагаются 2 дива: <div id="div_a"></div> (div_a по умолчанию, div_b скрыт) <div id="div_b"></div> И по клику на href="div_b" вместо блока div_а, должен появиться блок div_b. И не где-то там, а именно вместо div_a. Ну и обратная операция - по клику на href=div_a снова виден блок div_a. Все это средствами jquery, чтобы был выпадающий эффек…
0 votes12 answers -
вопрос по html
народ, подскажите пожалуйста, как организовать у себя штуку как (к примеру) на http://htmlbook.ru/css ,, крайний левый блок (CSS) там где идёт список значений css.. так вот.. как сделать так как в этом блоке, чтобы список выводился примерно в таком окне??
0 votes3 answers -
Помогите реализовать
Помогите реализовать заголовок как на картинке. Что-то дотрынькаться не могу
0 votes10 answers -
Ох уж этот IE
Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё. Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> . Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt Вот css: .post { background: #fff; margin: 10px auto; border: 1px #eee solid; clear: both; display: block; padding: 5px 20px 20px 20px;} .meta { ba…
0 votes4 answers -
Счетчик слайдов
Помогите пожалуйста c идеzvb по поводу реализации подобного счетчика для слайдов
0 votes1 answer -
Как в joomla 2.5 указать пункту меню путь на главную?
При создании и редактировании пункта меню, как указать просто переход на главную страницу? Есть обычно меню..Главная Статьи Поиск Контакты... Так вот как кнопку главная сделать направляющей на главную страницу?
0 votes4 answers -
Возможно ли с помощью CSS кроссбраузерно сделать центрирование
Есть такая шапка http://jsfiddle.net/LbmJs/. Требования: При разрешение монитора от 1024 чтобы небыло горизонтальной полосы прокрутки Прри ширине монитора меньше чем ширина шапки чтобы обрезалась с обеих сторон пропорционально, а не как в моём решение только справа. Подскажите пожалуйста можно ли с помощью CSS кроссбраузерно решить данную проблему?
0 votes4 answers -
Проблемы с inline-block
В хроме - НАШИ РАБОТЫ - по 3 работы в строке. В Мозилле по 2. http://zverushka.zz.mu/landing-b/#portfolio Использован метод letter-spacing: -.31em; word-spacing: -.43em; Родителю m0--9px, блокам m0-9
0 votes13 answers -
Не применяется свойство right:0; к элементу pos abs
http://jsfiddle.net/Rw4yW/ Господа,почему блок #prev_slide не виден?Ему заданы почти такие параметры,как и у #next-slide.Подскажите как разместить #prev_slide слева,а #next-slide относительно родительского элемента? Почему у меня не отображается как положено?
0 votes4 answers -
проблемы с позиционированием блока
<div class="container"> <div class="content"> <div class="menu_2"> <ul> <li><a href=""><img src="img/home.png">Главная</a></li> <li><a href=""><img src="img/stat.png">Рукописи</a></li> <li><a href=""><img src="img/phone.png">Контакты</a></li> <li><a href=""><img src="img/lamp.png">Разработки</a></li> <li><a href=""><img src="img/music.png">Любимая музыка</a></li> </ul> </div> <div class="info"> <p>Главная - Портфолио, Вид новостей</p> </div> &l…
0 votes2 answers -
Подскажите ошибки
Здравствуйте, начал учиться верстать, сверстал 3 макета, подскажите пожалуйста, есть ли какие-нибудь глобальные ошибки? Сайт 1 Сайт 2 Сайт 3 спасибо.
0 votes7 answers -
конфликт двух форм
Добрый день, многоуважаемый all ! Не подскажете ли в каком направлении копать? Была на странице форма с вордпрессовой авторизацией. Потребовалось добавить под ней еще одну форму. После добавления имеем странную фишку - первая форма стала неактивной. Нельзя курсор поместить в поля, кнопка submit не работает. Полностью активна стала только вторая форма. Путем экспериментов выяснилось, что если из второй формы убрать все тексты, оставив только form, input, submit, то обе формы рабочие. Стоит для какого-то input-a добавить текст-описание (например, "введите имя"), получаем нерабочую верхнюю форму. Ссылка на страницу, для просмотра кода (код второй формы, под Личным кабинетом,…
0 votes5 answers -
bloki
http://codepen.io/anon/pen/LJmDx Помогите , как работать в 960 , нужно сделать 3блока ( внизу под текстом в блоке 2 любые кнопки) наверху одинаковых в 960 гс и под ними еще два толко 1 блок долэн быть как на верху а второы в 2 раза больше. текст расползается.
0 votes3 answers -
Отступы снизу от картинки
Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}
0 votes3 answers -
Изменение слова при достижении последнего слайда
Здравствуйте. Помогите с решением. Или дайте где почитать. Есть слайдер http://joxi.ru/MAjMxk1CgOLW2e Возле кнопок есть кнопка "Далее" При завершении достижении последнего слайда пользователем хотелось бы заменить текст на "Вперёд". Автолистания нет, пользователь сам кликает на кнопки. Хотела сделать говнокод - абослютом добавить новый спан на 4 переключатель, при нажатии на него появлялся бы блок с белым фоном и текстом "Вперёд", но тогда 4 кнопка слайдера не кликалась. Задала для этого класс кнопки переключателя, не сработало, потому что я плохо знаю JS. Может, есть какое-то решение или слайдер с таким? Искала, не нашлось
0 votes9 answers -
неверно отображается фоновое изображение
Здравствуйте, товарищи! Есть две ссылки каждая размещена в отдельном svg. При наведении на одну ссылку (pushkin) должно появляется фоновое изображение в виде круга синего цвета, при наведении на другую (lermontov.info) появляется фоновое изображение уже в виде окружности зелёного цвета. На деле правильно отображается лишь изображение при наведении на ссылку lermontov.info, а при наведении на ссылку pushkin вместо синего круга отображается окружность зелёного цвета. Подскажите пожалуйста как это исправить. <!DOCTYPE html><html><head></head><body><svg type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-i…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-