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
-
кто верстает rem-ами и главное ЗАЧЕМ?
Всем привет народ. Один зак у меня считает что ремы это мегакруто и надо верстать только ими. У кого то еще требовали заки такое? Кто то вообще реально использует их? И в чем смысл кроме необходимости ставить точку? Только не надо мне про принцип работы. Мне реально пользу какую-нить практическую плиз.
0 votes7 answers -
Очень тяжко даётся JavaScript.
Html и Сss изучил очень легко, то ли от того что лёгкие, даже PHP изучаеться легко. Не знаю как быть, может быть у кого то были такие же проблемы, но потом он сел и выучил? И каким образом? Просто по сайту о JS, видео-урокам, книгам? Мне интересны любые советы по изучению JavaScript, но как вижу все эти функции, переменные, значения в JS мне аж плохо становится. И как лучше верстать? html5 или старыми методами что бы шишки набить? я уже верстал простые сайты, получилось, по моим меркам нормально , правда в IE ниже 10 все сьехало, и не успел изучить до конца css и html говорят надо js, препроцессор css, grunt, bootstrap и т.д. В голове полный бардак от этих фреймворков…
0 votes8 answers -
Убрать пробелы из списков
Здравствуйте. Роюсь в нете уже час, но не могу ничего найти. Есть код списка: <!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> <style type="text/css"> #pipe ul { margin-left: 0; padding-left: 0; display: inline; } #pipe ul li { margin-left: 0; list-style: none; display: inline; } </style> </head> <body> <div id="pipe"> <ul> <li>Один</li> <li>Два</li> …
0 votes5 answers -
Как сделать text-shadow в ie?
У меня возникла проблема с text-shadow в ie во всех других браузерах проблемы нету а в IE не как не хочет показываться, я пробовал прописать: filter: DropShadow(Color=#666666, OffX=1, OffY=1, Positive=0);
0 votes4 answers -
DIV и вторая строка
Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.
0 votes16 answers -
Перспективы веб
Приветствую сообщество htmlbook! Ребята, сейчас я заезженную пластинку включу:изучаю веб программирование), хочется узнать каковы перспективы всего этого если идти по жизни с ноутбуком? На сегодняшний день говорят очень много их стало, не хочу никого напугать тем более начинающих ребят. Возможно ли вообще этим устроить свою жизнь и получить свободу вольного плавания по миру. Не хочу быть в вакуме позитива, хочется узнать как на самом деле обстоят дела в этой нише. Ну думаю и другим это будет очень интересно! Спасибо за внимание и за ваше мнение!
0 votes18 answers -
Растянуть по высоте на всю страницу
Кто то подскажет как сделать что бы при растяжке среднего блока по высоте на 100% IE не прибовлял высоту первого блока . Из за этого нижняя часть вылезает за перделы экрана, и появляется полоса прокрутки ((( Знаю только вариант с хаком в css но он не коректен с ИЕ7 - http://forum.oszone.net/post-612994.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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style> body,html{h…
0 votes3 answers -
Путь истинный для новичка
Всем добрый день. Сейчас изучаю HTML & CSS, что делать и изучать дальше? Просмотрев курсы по HTML не пойму для чего нужна вёрстка и как вообще применять HTML & CSS для сайтостроения.
0 votes20 answers -
ограничить ширину и выровнять по центру
проблема такая: верстаю сайт, нужно чтобы на разрешениях больше 1024*1280 контент не растягивался в ширь и оставаля по центру. на разрешениях меньше 1024*768 не плющился (то есть пусть будет полоса прокрутки по горизонтали, но наездов внутри контента не должно быть). поставила в ксс-нике для body вырание по центру и такой код прописала: body { margin: 0; padding: 0; font-family: Georgia; font-size: 100.01%; font-weight:normal; width: expression(document.body.clientWidth < 1240 ? "100%" : "1240px"); width: expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); text-align:center; max-width:1240px; min-width:1000px;} внутри body еще слой вложила, чтобы л…
0 votes10 answers -
head
kakoy eto srift i kak sverstat eto https://disk.yandex.ru/client/disk|slider/disk/afrika.jpg
0 votes33 answers -
Чистка css
Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…
0 votes8 answers -
Как убрать отступ после изображения
Помогите пожалуйста, мне надо, чтобы текст отображался внизу картинки БЕЗ ОТСТУПОВ, сразу после картинки.
0 votes3 answers -
Верстка
многое знаю а это не могу понять что ... объясните пожалуйста что такое верстка...
0 votes10 answers -
Срочно! Прыгает подвал в ИЕ6
Друзья! Можно ли что-то сделать по-быстрому, не переверстывая, чтобы здесь: http://new.karo.spb.ru/authors.html в ИЕ6 подвал не прыгал в середину экрана при наведении мышки на верхнее меню? Ой, в ИЕ7 тоже прыгает о_0
0 votes8 answers -
Формы в таблице
Ребят, ситуация следующая: Один мой хороший знакомый кодер часто делает Формы в таблице, и говорит, что это правильно и чаще всего избавляет от ненужного гемора, так вот вопросы: 1) Правильно ли делать Формы в Таблице? Например есть две колонки, в Левой вопросы, а в Правой imput type="text" ? 2) Вообще таблицы подходят или предназначены для этого дела? 3) А как вы делаете , расскажите свои варианты, интересно послушать
0 votes21 answers -
почему код примера с htmlbook не валиден?
Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается абб…
0 votes8 answers -
Не показывается фоновое изображение в FireFox
Собственно работаю сейчас над сайтом: fashion-ff.ru. Посмотрите в ИЕ и Опере - все отлично. В Лисе - не показывается шапка (2.0.0.17 версия). Кто то сталкивался с такой проблемой??? Уже для всех элементов, которые вложенные идут, приписывал background-color:transparent - ноль результата.
0 votes7 answers -
Размер Шрифта (RESIZABLE FONTS)
как протестировать увеличение шрифта в браузерах и вообще правильно ли я делаю? body {font-size: 100%} #общий_контейнер{font-size: 1em;} ну а в других частях .5 em, .8 em.......... спасибо
0 votes15 answers -
Не работает scrollbar
Ниже есть код который работает только в хроме, а в других нет что делать? ::-webkit-scrollbar { width: 10px} ::-webkit-scrollbar-track { background: #F7F7F7 } ::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: #DAE1E8; } ::-webkit-scrollbar-thumb:window-inactive { background: #DAE1E8; } ::-webkit-scrollbar-thumb:hover { background: #3d6b92; width:20px}
0 votes2 answers -
Проблема с выпадающим меню. Как это реализовать?
При работе над проектом возник вопрос с реализацией выпадающего меню. А можно ли это реализовать? http://keep4u.ru/full/080403/a3f1b7c9b6ba21f259/jpg
0 votes8 answers -
Подскажите тег "Больше или равно" и "Меньше или равно"
Есть ли такой специальный символ? А то мерзко выглядит: >= и =<.
0 votes10 answers -
Шапка в index
Привет! помогите, а? ... это, вставляю кртинку-как логтип <p align="center"><img src="cnopa/shap1.jpg" width="100%" border="2" style="border-color:#FFFFFF"> </p>... по размерам в фотошопе нормально подогнал, в браузере пиксели лезут! Вопрос почему?
0 votes11 answers -
Div внутри другого div'a
Есть одна задача, которую никак не могу решить. Нужно внутри одного дива в правом верхнем углу зафиксировать другой див. Можно было бы второй див поместить в первый и задать ему абсолютное позиционирование и значение левого поля: position: absolute; padding-left: вот только ширина первого дива задается в процентах и поэтому сколько отступать не понятно. Как лучше всего поступить?
0 votes5 answers -
display: table и min-height в firefox и safari
Пример http://jsbin.com/saguvazineju/1/edit Объяснять не буду, посмотрите в хроме и фф
0 votes5 answers -
Стилизация <textarea>
Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-