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
-
Хочу сверстать мой первый шаблон!
Уважаемые форумчани, хочу сверстать свой первый шаблон! Не дадите ли вы какой нибудь простенький макетик для меня :-) Заранее спасибо!
0 votes21 answers -
Скролбар в диве, опускание вниз
Нужно сделать мини чат, и требуется, чтобы сообщения в диве отображались внизу дива. Т.е. когда див чата оверфлоу (переполняется), и срабатывает прокрутка, нужно, чтобы старое уползало вверх, а див сам прокручивался вниз и показывал новые мессаги. Не соображаю, как сделать, подскажите, пожалуйста. Набросал примерный код для теста: (почему-то в фаерфоксе при добавлении строки из message в chat, содежримое chat выравнивается по центру, а при переполнении chat, прокрутка не появляется... помогите и с этим разобраться, пожалуйста) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <bod…
0 votes4 answers -
проблема с background'ом
background не выводится! CSS #id1 { overflow: auto; height: 460px; width: 460px; background-image: url('images/design/flag60.jpg'); background-repeat: no-repeat; background-attachment: fixed; } HTML <div id="id1">бла-бла-бла</div>
0 votes9 answers -
И еще по iframe
Есть страница. С ксс. Есть div в который я вставляю iframe. Как сделать так что бы опустить фрейм например на 50px ниже чем фон самого div? Что бы например играть фреймом в пределах фона (который задан в div). Вот то что у меня выходит. А хотелось бы подвинуть немного в право и вниз (вставляю чат). ps: hspace, vspace, marginheight и marginwidth - не работают =(((( ps2: Вставляю так: <div id="show"> <iframe src="chat1/index.php" width="940" height="350" align="center" frameborder="no" scrolling="no" > Твой браузер не поддерживает плавающие фреймы! </iframe></div> Спасибо за помощь!
0 votes10 answers -
Выравнивание текста понизу
<style> .post h1, .post h1 a{ font-family:Arial, serif; font-size:14px; font-weight:normal; float:left; } .post small { font-family:Arial; font-size:12px; color:#4a5256; padding: 0 0 0 8px; } </style> <div class="post"> <h1><a href="#">Запись не моя, я только разместил её</a></h1><small>27/03/2011</small> </div> Вот таким кодом я стыкую в одном диве две строчки. Причем первая строка имеет подчеркивание и 14й шрифт, а вторая без подчеркивания и 12й шрифт. Строки имея разную высоту все время выравниваются поверху, что смотрится не эстетично. Как ни крутил не могу сделать красиво. Вот пример того что я пытаюс…
0 votes15 answers -
Почему уехал блок?
Не понятно почему div туда уехал, тег nav вообще потерялся, видно только его пэддинг-топ на месте div'а, Прилагаю скрин и код. Хотя дивом обернуты нав и ул с лишками. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <div class="container"> <nav> <ul class="menu menu_left"> <li> <a href="#">Павильон №1</a> </li> <li> <a href="#">Павильон №2</a> </li> <li> <a …
0 votes7 answers -
Помогите доделать задание, пожалуйста. Наработки присутствуют.
Я сделал вот это - внизу скрин. Надо сделать то, что под 8 и 9 номером. Как это сделать? уже неделю ищу - не могу ничего найти. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Four sectors circle</title> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <h1>Круг из четырех секторов</h1> <style> .custom-button>use { fill: rgb(202, 20, 36); } .custom-button:hover { stroke: black; …
0 votes0 answers -
XML Events
Что такое XML Events? Хотел бы разобраться. Пробывал курить мануал W3C по XML Events. Но он слишком тяжелый для меня - я такие не курю. А больше то инфы то и нет... Вопрос: Может кто приведет реально работающий простенький код с XML Events (только не надо кидать ссылки на xForms, пожалуйста), что бы был там XML/XHTML и вот этот XML Events и только?
0 votes1 answer -
Резиновая вёрстка с минимальной шириной центра
Всем привет! Возникла одна интересная задача, которую пока не смог решить. Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр. Проблема в следующем. Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране. При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место. Думаю, идею изложил ясно. Итак, вот что имеется: …
0 votes13 answers -
Как сделать пункты выпадающего меню ссылками?
Я хочу сделать на сайте выпадающие меню, в котором при выборе пункта происходит переход на новою страницу. Возможно ли такое на html? и Как это сделать?
0 votes6 answers -
Выделяется соседний lable при нажатии на кастомный чекбокс
При нажатии на чекбокс выделяется синим lable периодически. Подозреваю, что проблема в маргине,который задевается при нажатии, но не уверен. Потыкайте сами в чекбоксы на CODEPEN Что скажете?
0 votes6 answers -
HR + IE & Opera
приветствую, столкнулся с такой проблемой: есть картинка с align="right", есть текст, который соответственно "обтекает" ее слева, есть hr, который разделяет 2 подвида текста. Но практически всегда находится на уровне самой картинки.в IE в результате hr обрывается до рисунка, а в Опере как бы проходит за ним. Собственно мне необходимо получить в Опере такой же результат как и в ?Е.(как на рисунке справа) Помогите кто чем может, бо я уже вроде все что знал перепробовал для решения проблемы (можно не через hr ...) стили: hr { background-color:627983; color:627983; height: 1px; border-width:0px; } /* картинка: */ #intr{ padding:3px; background:#fff; border:1px solid #d…
0 votes3 answers -
Как правильно задавать маргины?
Уважаемые гуру, подскажите как правильно задавать маргины? Например у нас есть два елемента, например два дива, один под одним, и между ними должен быть отступ, например в 20 пикселей. Как правильно сделать, верхнему задать свойство margin:0 0 20px 0; или же нижнему задать margin:20px 0 0 0; есть ли вообще какае-то разница?
0 votes6 answers -
float не хочет работать
Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…
0 votes16 answers -
font
Такой код css body { font: 1.5em"Courier New", Courier, serif } html <body> привет <select> <option>привет</option> <option>привет</option> </select> <p> <span>привет</span></p> </body> почему css-правило не действует на текст внутри тэга option
0 votes7 answers -
бесплатный редактор типа dreamweaver
Доброго времени суток!Подскажите пожайлуста хороший бкчплатный текстовый редактор типа dreamweaver, что бы была подсветка синтаксиса и что бы редактор как бы "дописывал" код, т е просто пишешь допустим float, только написал букву F и как тут же тебе предлагают возможные варианты.
0 votes16 answers -
Растягивание border по горизонтали
Рисунок 1 Рисунок 2 Здравствуйте! Нужно растянуть рамку вокруг текста как на рисунке 1. У меня получается как на рисунке 2. Подскажите, как исправить? Использую такой код <span style="border: 1px solid red;"> Ячейка1 </span> <span style="border: 1px solid green"> Ячейка2 </span> <span style="border: 1px solid purple;"> Ячейка3 </span>
0 votes7 answers -
Эффект как на сайте apple точка com
Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)
0 votes7 answers -
CSS Mozilla
Для всех ли свойтв css достаточно приставки -moz- или есть особые написания свойств? Где почитать спецификацию CSS для MOZ, не могу найти... помогите кто сможет?
0 votes7 answers -
Проверка кроссбраузерности.
Решил заняться версткой более менее профессионально, а не на уровне подправить что-то или сверстать простенькую страничку. Сразу же возник вопрос - как организовать проверку в разных браузерах? Например такое требование к макету: FireFox 2+, Opera 9.0+, Safari, Chrome, IE 6.0+ 1) Какие версии браузеров ставить? Все? Но тогда проверка во всех займет достаточно продолжительное время, так как одних опер больше 30 выйдет. 2) Что делать с IE6? Ставить его одного на виртуалку? 3) Различается ли отображение в разных ОС у одного и того же браузера? 4) Можно ли это как нибудь автоматизировать? Что то типо http://www.lunascape.tv/ но только с выбором нужного браузера, как в IEte…
0 votes12 answers -
В ie9 не работает border-radius после применения градиента ?
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??
0 votes17 answers -
Из цветного в черно-белое
А можно ли сделать цветную картинку черно-белой "на лету" - типа с помощью кода?
0 votes6 answers -
нужна помощь в css
почему эта менюшка в браузерах по разному смотрится?? #menu_it { font-size: 0.95em; height:2.8em; color: #000; width: 568px; float:right; } #menu_it a { display:block; float:left; color: #003388; background-color: #fff; text-align:center; padding: 8px 18px; margin-right: 2px; } #menu_it a:hover { color: #FFA500; background-color: #f5f5f5; } /* Header */ #header { width: 1024px; height: 335px; margin: 0 auto; background: #FFA500 url(images/header2.jpg) no-repeat left top; } т.е. в IE видиться сверху header? а в Mozilla, Ghrome, Opera - внизу header/
0 votes7 answers -
наследование прозрачности от родительского блока дочерним
здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…
0 votes3 answers -
тест
как можно узнать ответы на электронный тест зная код теста???
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-