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
-
Неправильное отображение шрифта текста.
Имеется вот такой код: <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступ…
0 votes0 answers -
динамическая ширина логотипа
Сделал ширину слоя заголовка 100%. При уменьшении окна браузера он соответсвенно тоже уменьшится. Как вставлять тогда рисунjк, логотип, в этот слой, и какими его делать размерами (рисунок) , чтобы он подстраивался под ширину и не появлялось полос прокруток? {...отредактировано kiD}
0 votes2 answers -
не получается сделать с помощью css
День Добрый всем! который день бьюсь над двумя проблемами: 1.формление меню 2.оформление заголовков 1.оформление меню: Надо сделать разделители между пунктами меню в виде полоски шириной в пару рх (меню выпадающее, динамическое). что пробовала: вот например такой код: border-color:#c2e254 #9bb838 #9bb838 #c2e254; border-style:solid; border-width:1px; создает края у всей области меню а не у кнопок... а такой: background:#fff url(images/menu_bg.gif) bottom repeat-x; или такой: background:#fff url(images/menu_bg.gif) bottom repeat-y;заполняет все пространство меню. а надо только после каждой кнопки...(и перед для первой) еще пыталась через свойства: border-right-style…
0 votes3 answers -
3 колонки на всю ширину страницы
Народ плиз хелп, не могу разобраться, есть к примеру код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> HTML, BODY {height: 100%; margin: 0; padding: 0; } #topNContent {min-height: 220px; } * HTML #topNContent {height: 220px; } #content {padding-bottom: 30px; min-height: 100%; border: 1px solid #000; } #top {background: #CCC; height: 220px; } #bot {background: #CCC; height: 30px;…
0 votes2 answers -
Image position
Пожалуйста помогите мне определить img от левого края. Никак ни могу разобраться в стилях, или точней не знаю их. Если можете, покажите пожалуйста код.
0 votes7 answers -
Не работает input
Ребят,почему не работает input?Текст нельзя вводить. http://cssdesk.com/bU5uD
0 votes4 answers -
Размеры скролла
Добрый день подскажите, как изменить размеры вертикального скролла методом css, а именно его длину! http://jsfiddle.net/4bsjouqq/1/ Спасибо.
0 votes3 answers -
Как тестировать верстку?
Какие хорошие сервисы есть для тестирования верстки для разный устройств и операционных систем, если у меня как у большинства людей есть только пк на виндовсе особенно интересно есть ли хорошие средвства для тестирования на Мак ОС и Айфон я знаю очень хороший сервис BrowserStack, но он стоит столько, что на эти деньги можно айфон в кредит купить
0 votes5 answers -
Поля margin
Объясните почему свойство margin не выравнивает список ul по вертикали Поля left right добавляет , top bottom нет margin:auto auto; http://disq.us/url?url=http%3A%2F%2Fcssdeck.com%2Flabs%2F5en97f5i%3A51qQJl0sJwuOEAvt2LU-Ebutlwk&cuid=656471
0 votes13 answers -
textarea... проблема
При прокрутке текстареа с помощью Opera текст "съезжает". В остальных браузерах нормально все. Помогите решить проблему плиз. Вот ссылка. Далее надо нажать "Гастроли". Прямую ссылку не привожу, так как надо чтоб страница открылась в новом маленьком окне (что не получится при прямой ссылке). http://www.gabdelfat.ru/
0 votes5 answers -
разъезжается сайт
Помогите, плиз. Не могу понять из-за чего разъезжается сайт. То есть, он увеличивается в полтора экрана у некоторых пользователей на IE и Mozilla, про Opera не сообщали. Увеличивается пропорционально, то есть все, и картинки, и текст. Из-за этого появляется прокрутка, что всех и бесит. Вот сайт www.nrdtech.ru Help, please
0 votes4 answers -
flash и разные браузеры
Помогите, пожалуйста. Есть флешка, когда ее вставляю в код, то в браузерах она отображается по-разному в ie нормально, а в fox или opera очень мелкая(сокращается по высоте и ширине ) с чем это может быть связно? В коде прописан реальный размер флеш.
0 votes3 answers -
Помогите с DIVами
как мне при помощи DIVов сделать так, что бы DIVвы стояли рядом, и в коде HTML никак не разделялись. Пример: DIV DIV DIV DIV DIV DIV DIV DIV DIV а в коде они все одинаковые DIV DIV DIV DIV DIV DIV т.е. никаких <BR> или ещё чего-то между DIVами. и при изменении размеров окна, они сами перепрыгивали в два или 1 столбик (или на супер широкоэкранных мониторах выводились в 1 строчку) DIV DIV DIV DIV DIV DIV ну или хотябы как поставить два DIVа в 1 строчку?
0 votes2 answers -
Макет для первой верстки
Хочу сверстать шаблон интернет магазина. Прочитал самоучитель по html, css, блочной верстке. Насколько сложно будет сверстать данный шаблон для первого раза
0 votes11 answers -
Помогите со стилями
Здрастввуйте. Поправляю немножко сайт... Вот ситуация, делаю списки, но мне надо, что-бы данный стиль использовался только к данному списку... ul.ddd {...} обращаться к такому стилю как? ?А если у меня вкладіваются списки ul il, то как им клас прописать ul il.ddd или как?
0 votes7 answers -
рисунокссылка посредством css
Добрый день! Стоит такая задача - лого сделать ссылкой на главную. Можно ли прописать в стилях такое?
0 votes11 answers -
В диве в блоке не задать подсветку сылки.
Всем привет Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Вася</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> a:link { color: blue; } a:visited { color: blue; } A { text-decoration: none; /* Убираем подчеркивание у ссылок */ } td { font-size:11pt;font-family:"Verdana";font-style:normal;font-weight:bold;} .block1 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; font-size: 12px ; font-family: Verdana; font-style:normal; font-weight:bold; text-de…
0 votes7 answers -
Едет или нет?
Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 1024 и на 1280.Вроде всё сделал,у меня нормально всё выглядит,но есть подозрения что что то не так...гляньте плизз: http://batikgallery.ru/ Задумка чтобы ссылки были между первыми двумя картинами и чуть ниже. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <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"><!-- body{ margin:0; …
0 votes18 answers -
Размещение флэш в html верстке
Надо разместить флэшку как элемент html-дизайна сайта. Сделал так: <body> <div id="contanier" <div id="contanier" style="position:absolute;"> <div style="position: absolute; z-index:10; left:205px; top:100px"> <object width="250" height="84"> <param name="wmode" value="opaque"> <embed wmode="transparent" src="http://as-billiard.ucoz.ru/Flash/Ban1.swf" width="500" height="300"> </embed> </object> </div> <div style="position: relative; z-index:9; left:0px; top:0px"></div> Но при этом дизайн перестал центроваться. Как правильно разместить флэш в html дизайне чтобы не сбить центровку? Спасибо.
0 votes12 answers -
Нестандартная верстка
Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?
0 votes6 answers -
как сверстать такое?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как сверстать так чтобы при сужения окна браузера боковые картинки ”заежали” за видимую часть окна, а при увеличении ширины центральная часть растягивалась?
0 votes17 answers -
Объ?м кода за день
Привет народ! Я только начинаю работать в области в?рстки. Возник вопрос как много html,css- кода нужно уметь написать за день, чтобы уже смогли взять на работу html-верстальщиком? И еще поделитесь своими достижениями, сколько кто кода за день может сделать по макету сайта, в нормальном режиме и в горячем режиме? И насколько часто бывает необходимо в горячем режиме работать?
0 votes6 answers -
меню css без скрипта
Добрый день) Подскажите, как сделать или где можно глянуть как делать раскрывающееся вертикальное меню, чтобы при щелчке на пункт открывалось подменю и не убиралось при выходе с него мыши, а все остальные пункты сдвигались, т е что то типа дерева, спасибо!
0 votes7 answers -
Просветите новичка
Всем привет! Преамбула (кому интересно) Есть у меня маленькая фирмочка и вот захотелось мне стать обладателем своего сайта. Прочитав на вашем форуме о начальных шагах производства сайта понял, что создать несложный информационный сайт нетрудно (тем более граф-редакторами владею) и даже произвёл на свет какое-то подобие простого сайта с несколькими кнопками. Но дело в том, что простой не хочется, а на создание сложного надо время. И что самое смешное в моих рекламных проспектах адрес сайта уже стоит, а в нете его нету )))))))))))) Вот теперь вопрос: Хочу чтобы при наборе адреса сайта открывалась картинка, типо "сайт в разработке и т. п." с контактными номерами и т.д. Что д…
0 votes12 answers -
a:hover
<td id="yv"><a id="yvs" href="http://adres">Ссылка</a></td> Есть вот такая вот часть кода. В css прописано так: #yvs { color: #fdeaa8; font-size: 150%; font-family: Arial, Verdana, sans-serif; text-decoration: none; } Вопрос. Как мне в css файле прописать a:hover только для этой (!) одной конкретной ссылки? Нужно чтобы ссылка при наведении ставала например чёрной.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-