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
-
Как задать расстояние между блоками по вертикали?
Имеются блоки: "ab","cd" и "ef": http://jsfiddle.net/SY4Lm/22/ Задача: задать расстояние между блоками по вертикали. Условия: 1) height задавать нельзя, так как везде текстовые данные. 2) Прописывать что-то между блоками отдельно, например <br>, нецелесообразно, так как на самом деле блоков гораздо больше, это всего лишь фрагмент большого кода. Мои не получившиеся решения: 1) С "margin:25px 0;": http://jsfiddle.net/SY4Lm/23/ 2) С "padding:25px 0;": http://jsfiddle.net/SY4Lm/24/ 3) С "padding:50px 0;": http://jsfiddle.net/SY4Lm/30/ - большой пропуск сверху 4) С "border-width:25px 0;": http://jsfiddle.net/SY4Lm/25/ 5) С "border:solid white; border-width:25px 0;"…
0 votes3 answers -
Верхнее меню
Здравствуйте, сделал меню, но оно переносится на следующую строку после сужения экрана, как на снимке. Меню делал в генераторе. Что добавить? white-space: nowrap; не помогает. Забыл прикрепить. В нормальном состоянии должно выглядеть вот-так. После манипуляций с масштабами страницы. @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); #divmainmenu { width: 822px; /* Ширина слоя в пикселах */ margin: 0 auto; /* Отступ слева и справа */ background-color: #FF0004; height: 51px; background-image: url(pic/menupodl.gif); min-width: 822px; } #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button { margin: 0…
0 votes7 answers -
Глюк Chrome
Верстаю сайт, обнаружил такой глюк выпадает иконка поиска. Происходит это когда добавляю блок с тегом form. <div> <div> <form> </form> </div></div>Проявляется этот глюк только в Chrome, даже в IE всё ок. С чего бы это происходит? З.Ы. Про баги фона в курсе.
0 votes18 answers -
Затык с Flex
Коллеги, помогите, пожалуйста. Задача: чтобы 4 и 5 вставали под 1 и 2, а 6 всегда бы оставался под 3 Спасибо.
0 votes1 answer -
Помогите с созданием таблицы
Я сделал таблицу(верхнее изображение) из неё мне надо сделать другую таблицу(нижнее изображение). Три часа голову ломаю. Не могу это сделать. Вот имеющийся код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Таблица</title> </head> <body> <table border="1"> <tr> <th width="100px" rowspan="2"></th> <th width="400px" colspan="2" height="25px"></th> <th width="100px" rowspan="2"></th> </tr> <tr> <td width="200px" height="25px"></td> <td width="200px" height="25px"…
0 votes3 answers -
При уменьшении страницы, она не уменьшается!
Я первый раз начал пытатся создавать сайт по макету, и вот кое что получается, я понимаю что много ошибок, но это первый раз! Я остановился, и не могу понять как сделать так чтобы при уменьшении страницы, всё уменьшалось равномерно, у меня когда уменьшаю страницу, просто видно пол страницы! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <title>Document</title> </head> <body> <header&…
0 votes1 answer -
Ссылки и РНР
Каким образом можно проверить с помощью РНР, нажал пользователь на ссылку или нет? Что-то типа onclick на JS.
0 votes7 answers -
атрибуты тэга <p> для определенного блока
Вроде о css имею начальные понятия, а вот как установить параметры тэга <p> для определеннго блока не знаю. Например, есть 2 блока <div> и в них находятся <p>. HTML <div class="need"><p>[b] Вот здесь и нужно применить атрибуты [/b]</p><p>[b] Но как сделать это? [/b]</div> <div class="not_need"><p>[b]А здесь использовать другие настройки[/b]</p>. А вот CSS: p{margin:10px;font-size:100%;text-indent:2em} Данный код я хочу применить только для тех <p>, которые находятся в блоке <div class=need>, а для <div class="not_need"> и всех остальны…
0 votes2 answers -
Как в html страницу вкрутить просмотр видео?
так как это выглядит на yourtube для CMS такие решения есть, а для обычного сайта на html? заранее спасибо
0 votes2 answers -
IFRAME и DHTML
Есть два iframe. Я хочу чтобы при щелчке на границе между ними левый фрейм прятался. Реализовать не сложно через библиотеки javascript например jquery. Но стоит такой вопрос как с помощью CSS например указать что есть маленькая картинка или кнопочка которая находится возле границы фрейма?
0 votes3 answers -
Помогите с меню
Помогите с меню <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>SKOCH244</title> <style type="text/css"> #mn1, #a11 { display: block; position: absolute; height: 30px; width: 100px; text-align: center; line-height: 30px; border: 1px solid #000; } #mn2, #a12 { display: block; position: relative; visibility: hidden; text-align: center; top: 30px; height: 30px; width: 100px; line-height: 30px; border: 1px solid #000; } #mn1, #a11:hover #mn2 { visibility: visible; } </style> </head> <body> <div id="mn1"><a id="a11" href="#">MENU</a>…
0 votes6 answers -
DIV с динамической высотой
всем привет, можете подсказать как сделать DIV'футера с динамической высотой. То есть чтобы он прилипал к низу страницы и растягивался до предыдущего блока, если у предыдушего блока высота уменшается высота футера увеличивался.
0 votes7 answers -
либо footer не сдвигается, либо правый сайдбар сдвигается
Здравствуйте, помогите пожалуйста найти ошибку, не могу разобраться. В общем, я не могу сделать так, чтобы footer сдвигался если я добавляю больше текста в main, он (футер) либо на месте остаётся, либо если я в стилях main'у делаю абсолютную позицию, то сдвигается правый сайдбар. Вот мой html и css: http://jsfiddle.net/rwczq667/
0 votes7 answers -
Модульная сетка на flex
Используя flex хочу построить сетку с модулями (скрин) Скрытый текст пробовал изменять расположения вдоль главной и поперечной оси, не смог добиться расположения как на скрине код здесь - https://codepen.io/viliksar/pen/dKvZgV?editors=1100
0 votes1 answer -
абсолютное позиционирование в ИЕ
помогите решить проблему HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="description" content="description" /> <meta name="keywords" content="keywords" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> JM - Job Market </title> <style type="text/css"> * { margin:0; padding:0; } html {height: 100%;} body { position: relative; height: auto !important; height: 100%; min-height: 100%; } .podval { position: absolute; bottom: 0…
0 votes1 answer -
robots.txt
про поисковые роботы я ничего не знаю. решил спросить на форуме как они работают, для чего нужен файл robots.txt и что надо указывать в голове документа чтобы эти роботы работали.
0 votes2 answers -
Тэг <FRAME>
Ребята помогите пожалуйста "чайнику"!!!!!!! Ребята как сделать во фрейме,чтобы была только вертикальная полоса прокрутки,а горизонтальной не было??? и возможно ли это,и вообще есть ли значения для параметра <scrolling> кроме таких как "no","yes","auto"???
0 votes4 answers -
Фон и изображения
Здравствуйте! У меня возникла проблема с фоном, а именно: Установив 2 изображения (справа и слева) на фон - появилась проблема с фоном внизу (наверху нормально): Он категарически отказывается накладывать на себя эти изображения (хотя вроде изображения не настолько длинные), а также стал считать их границами своими т.е. он дальше конца изображения (слева и справа) не распастраняется (остаются просто пустое белое место за изображениями) Как заставить нижний фон наложить на себя изображения эти? Или хотя бы продолжиться за изображениями! Верхний фон: body{ background: #FFF url(style_images/<#IMG_DIR#>/fond.gif) repeat-x; color: #222; font-family: Verdana, Tahoma, …
0 votes6 answers -
3 резиновых колонки на DIV
Всем привет! Помогите пожалуйста поправить код так, чтобы он был не таким тупым (далее поймёте, почему). Нужно внутри блока #ban-about-news расположить 3 блока: #banner (занимает 50% страницы), #about (25% страницы) и #news (25% страницы). HTML-код страницы: <div id="ban-about-news"> <div id="banner"> <img src="swf/banner.png" width="100%" alt="БАННЕР"> </div> <div id="about"> <h1>ЗАГОЛОВОК БЛОКА ABOUT</h1> <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.</p> <p>Текст текст текст текст текст текст текст текст текст текст текст текст текст те…
0 votes1 answer -
dd и background
Использую списки http://htmlbook.ru/html/dd вот такие. Хочу тегу придать background, в Chrome работат, а вот в других браузерах нет. Не пойму почету. dl.obiektu { width:100%; overflow:hidden; margin:0 0 15px 0; } dl.obiektu dt, dl.obiektu dt h4 { font-size:16px; font-weight:bold; display:block; clear:both; line-height:35px!important; } dl.obiektu dt { padding-top:5px; } dl.obiektu dd { width:40%!important; float:left!important; background: url(../images/li.gif) no-repeat left 9px; padding: 0 0 0 25px; margin: 0 0 0 20px; }
0 votes20 answers -
Закругленные уголки у таблицы
Возможно сделать закругленные уголки у таблицы средствами border-radius? Скруглить же только блок можно?
0 votes6 answers -
Прошу помочь обьяснить!
У меня есть id-селектор и внутри него я создал правило {color: #fc0; font-family: Georgia, Times, serif;} Так же у меня есть p {font-family:Arial;} и h2 {color:red;} . Внутри id селектора у меня есть теги( p и h2) но на них действует правило которое не id селектора вот не могу монять у id же больше приоритет над селекторами тегов.Почему что находится в id параграф и заголовок не изменяются. id я применил к <div> параграф и заголовок у меня в нем.
0 votes14 answers -
Ситуация с Input
http://jsfiddle.net/rrPzy/3/ Посмотрите пожалуйста такую вот ситуацию. Не могу объяснить для себя, почему строковый элемент input в этой ситуации переводится на новую строку.
0 votes11 answers -
пропадает фоновое изображение
здравствуйте. для примера вот такая ситуация: мне нужно в body разместить одну картинку в качестве фоновой: body { border: 1px solid #F907F6 height: 200px; background-image: url("../images/excel_1.png") no-repeat ; } проблема в том, что когда добавляю (no-repeat), то ..не знаю куда улетает эта картинка, нигде не видно. Ведь по умолчанию, как я понимаю, она должна находится в обозримом пространстве, если для неё не назначено никаких сдвигов. а когда убираю (no-repeat) , то, конечно, весь экран покрывается. подскажите, пожалуйста, в чём проблема и как она решается. спасибо
0 votes5 answers -
Позиционирование footer absolute
Помогите плиз уже два дня мучаюсь. Есть код в котором многое прописано с помощью position: absolute; Главное что так прописан и footer. вот кусок кода: HTML: <div id="footer_carrier"> <div id="footer"> <div id="footer1"> <div id="footer_text"> Праздничные и фасадные работы для Вас и Вашей семьи! </div> </div> </div> </div> CSS: #footer_carrier{ background: url(pics/footer_border.gif) top left repeat-x; height: 50px; width: 100%; position: absolute; top: 100%; } #footer{ background: #ebebeb; height: 65px; margin-top: 3…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-