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
-
как растянуть фоновую картинку в слое на заданную высоту?
проблема такая: есть меню, для каждого пункта меню есть фон картинка 180 на 32. Если пункт меню слишком длинный нужно чтобы фон растягивался вдвое по высоте, сейчас же получается 2 фоновых картинки друг над другом. либо как сделать чтобы текст вписывался в заданный слой (180 на 32) в несколько строчек, не вылазив за пределы слоя.
0 votes2 answers -
Размещения флєш банера по центру на сайте
Не получается разместить банер, по центру, и чтоб ешё был по горизонтале на всю длину экрана. Вот написал код, не размещается на всю длину экрана, что делать? Подскажите плиз, как разместить на всю длину мой банер размером 1137x190 , чтоб он отображался на разной диагонали мониторов однаково(на 15 дюймовых,17,19,22 и т.д.). Я уже замучался не знаю как. Как именно с моим кодом сделать. Вот вылаживаю исходник, с флэшфайлом в архиве, и код html. <HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset="> <TITLE>xai</TITLE> </HEAD> <BODY bgcolor="#FFFFFF" leftmargin="2px" topmargin="2px" style="overflow:hidden;" > …
0 votes9 answers -
Webstorm & Emmet (zen coding)
Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
0 votes1 answer -
Правильное оформление HTML и CSS
Уважаемые форумчане! Подскажите ОФФЛАЙН инструмент для красивого оформления документов(и правильного!). Html в первую очередь,но еще бы CSS с PHP желательно,да и Java
0 votes5 answers -
Ошибка в верстке
Ребята, подскажите где может быть трабл? Вот ссылка, видите в Центре в комментарии к новости bbcodes не по горизонтали, а по вертикали, как это исправить: http://bezumno.atmosfera.kz/2007/10/06/post1.html Вот css: html, body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; margin: 0px; padding: 0px; background-color: #3e6872; } table { table-layout: fixed; } p, td, div, span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; } form { margin: 0px; padding: 0px; } input { font-size: 11px; } a { text-decoration: none; color: #153d47; } a:hover { text-decoration: un…
0 votes5 answers -
Ох уж этот IE
Есть бокс с закругленными уголками. Внутри: * в него вставил менюшку * под ней контент. Проблема : в ФФ все сидит в боксе. А в ИЕ контент вылазит за его пределы. Где собака зарыта ? <style> div.cleaner { height: 0px; clear: both; overflow: hidden; } .mainnews-l{ float: left; width: 42%; } .mainnews-r{ float: right; width: 55%; } .news-corpse { margin-top: 15px; } .news-corpse p { margin: 5px 0 0 0; padding: 0; } .news-corpse img { float: left; margin: 0 1% 0 0; } .news-corpse small{ font-size: 82%; margin-left: 5px; white-space: nowrap; } .news-corpse img { padding: 2px; border:none; } /* ——————————————- box1 */ .box1 { background-…
0 votes16 answers -
ie6 + background-image = 1px смещение
Вобщем есть у меня несколько дивов, у которых прописан фон в css Во всех браузерах отчлино даже в ИЕ7, а вот в ИЕ6 засада - на пиксель опускает все фоны этих дивов. Вопрос: можно ли исправить это для ИЕ6 без css хакинга а то приходится создавать грамоздкие дубликаты для ИЕ6 типа #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 16px; position: relative; } *html #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 15px; position: relative; } ТАк же как в принципе #main_logo { height: 141px; width: 631px;…
0 votes6 answers -
Перспективы веб
Приветствую сообщество htmlbook! Ребята, сейчас я заезженную пластинку включу:изучаю веб программирование), хочется узнать каковы перспективы всего этого если идти по жизни с ноутбуком? На сегодняшний день говорят очень много их стало, не хочу никого напугать тем более начинающих ребят. Возможно ли вообще этим устроить свою жизнь и получить свободу вольного плавания по миру. Не хочу быть в вакуме позитива, хочется узнать как на самом деле обстоят дела в этой нише. Ну думаю и другим это будет очень интересно! Спасибо за внимание и за ваше мнение!
0 votes18 answers -
Поле со списком
Сделала несколько кнопочек полей со списком, но они получаются разной ширины, в зависимости какая длина вложенных словосочетаний. Можно ли сделать их одинаковой ширины?
0 votes10 answers -
Анимированный фон
Приветствую. Так как более-менее внятной информации по css3 моем пути не встречалось. Не подскажите, как сделать анимированный фон средствами css3? Какова нагрузка при реализации?
0 votes9 answers -
em, rem, % и иже с ними
Всем большой трям. Постараюсь изложить суть: 1. Надо пользовать «резину» и адаптивность — т.е. @media-query, % от ширины, и т.д. 2. Привязку к базовой сетке обязательно надо тоже. Т.е. горизонтальное выравнивание (не путать с сеткой колонок). Оба пункта решаемы, если пользовать px в качестве единицы измерения и для элементов интерфейса (кроме резиновых), и для текста. Раньше я так и делал, все были счастливы (катастрофа с масштабированием шрифтов в древних версиях IE уже неактуальна, везде работает зум), особой надобности в этих ваших em-ах долгое время не было. Но с появлением дисплеев высокого разрешения (всякие там Retina), пиксель стал не совсем пикселем в привычном с…
0 votes14 answers -
Не могу подключить сторонний шрифт
Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …
0 votes22 answers -
Тянем шаблон от 800 px до 1280 px
Вобщем у меня задача такая, задать ширину дива от 800px до 1280px, все бы ничего, но не получается у меня сделать блок внутри дива таким, чтобы он изчезал при разрешении 800px, появлялся полностью при разрешении 1280px или появлялся частично при разрешении, например 1024px. Блок стоит по середнине, между 4-мя блоками, которые никаким образом изменяться не должны.
0 votes8 answers -
Прозрачность.
Мне надо сделать так что бы когда задаешь в ксс бекграунд имайдж для кнопки оставалась прозрачность.Пробовал метод через создания гифки 1х1 пиксель не помогло. заранее спасибо
0 votes7 answers -
Шрифтовая белка - не хочет принимать шрифт
Подскажите. Пытаюсь подсунуть FontSquirrel шрифт FagoCo.pfm. Но она не хочет его принимать - пишет, что шрифт поврежден. Это почему и что делать?
0 votes4 answers -
Шрифты по умолчанию
Какими шрифтами выводят текст браузеры, если шрифт явно не задан? Opera, Firefox, IE? Особенно мне интересно Opera.
0 votes8 answers -
-webkit-transform не работает в Chrome
Доброй ночи. У меня проблема, сделал анимацию меню через css3, отображается везде кроме хрома и осла. Подскажите почему не происходит анимация в хроме, хотя в css она прописана -webkit-transform: translate(0,-10px); http://svetlogradstroy.ru/1/ Спасибо
0 votes1 answer -
Дивы (ступор :()
У меня есть html: <div id="center"> <div id="center0"> <div id="banner1"></div> </div> <div id="center1"> <div id="banner2"></div> </div> /div> вот его css: #center { width: 595px; background: #fafafa; } #center0 { width: 395px; float: left; } #banner1 { width: 395px; height: 316px; background: red; } #center1 { margin-left: 395px; } #banner2 { width: 200px; background: blue; } В opera, ie7, mozilla все блоки стыкуются как надо без лишних зазоров В ie 6 блок center1 распологается под блоком center0, хотя визуально выглядят размеры правильно. Подскажите как поправить код, чтобы и в ie6 нормально бл…
0 votes2 answers -
Помогите пожалуйста...оч горю!
Меню верхнее в FF и Опере все пашет норма...а в ие гадость( http://komfo-mir.ru/index.php Подскажите пожалуйста, чего делать
0 votes9 answers -
Почему сносить центральную колонку?
Зравствуйте! Имею код <div style="width: 100%;"> <div style="width: 120px; height: 150px; background-color: red; float: left;"> 1 </div> <div style="font-size: 40px; float: left;"> dsadsad sad sadas d d ad asdsadsad fdg dfsasds fdg dfdg df gdf gdfg </div> <div style="width: 120px; height: 150px; background-color: red; float: right;"> 2 </div> </div> Если не указать явно ширину центрального дива, то его сносит. Как на картинке Как можно сделать, чтобы не указывая явно ширину не сносило див? Чтобы то, что не влезло в рядок, переходило на следующий ряд. Так: А вообще код правильно написан?
0 votes10 answers -
hover для другого элемента...
есть таблица с ячейками и есть дивы соответствующие каждой ячейки. нужно чтоб при наведении курсора на определенную ячейку изменялся стиль соответствующего дива. как лучше это реализовать? <table> <tr> <td class="cell">ячейка1</td> <td class="cell">ячейка2</td> <td class="cell">ячейка3</td> </tr> </table> <div class="cdiv">1</div> <div class="cdiv">2</div> <div class="cdiv">3</div> у дивов абсолютная позиция. пробывал вкладывать дивы в ячейки, дабы "cell" был для них родительским классом и писать нужный стиль на ховер, но в этом случае opacity дивов работает …
0 votes20 answers -
Как сделать картинку background подстраиваемую под блок?
Добрый день? Как сделать, чтобы картинка в фоне выводилась полностью по высоте, по ширине она принимает значения блока родителя и прекрасно адаптируется, но как установить корреляцию по высоте от изменения ширины блока, т. к. при разных экранах блок в котором находится айфон изменяется. Если обычной картинки прописать в html width="100%", то она в зависимости от ширины блока изменяется и по высоте. https://jsfiddle.net/wjt96w2t/
0 votes10 answers -
Как сделать прозрачную маску?
Привет! Не первый раз сталкиваюсь с довольно серьезной проблемой... как сделать прозрачную маску. Что я под этим понимаю: Это маска любой формы которая скрывает часть содержимого выбранного <div>. Например в форме круга. Да можно сделать маску в цвет фона. Но если фон неоднородный из этого ничего не выйдет. Да и для JS анимации такие маски нужны сплошь и рядом. Гуру верстки, подскажите решение. =) Интересует конкретно: как сделать произвольную (нами обозначенную и любой формы) часть DIV прозрачной.
0 votes4 answers -
cid
Здравствуйте, подскажите пж верстаю html-письмо путь к картинке указываю через cid: <img src="cid:logo.jpg" alt="" width="186" height="49" /> но письмо приходит без картинок. Письмо выглядит так <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <table> <tr> <td> <img src="cid:logo.jpg" alt="" width="186" height="49" /> </td> </tr> </table> </body> <…
0 votes1 answer -
Текст сверху border
Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top? Скриншот:
0 votes21 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-