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
-
Как уложить div'ы последовательно столбцами, а не строчками?
Как сделать кроссбраузерную вёрстку такого набора div? То есть имеется контейнер — div фиксированной высоты (в данном случае на 3 маленьких блока). В него нужно последовательно "укладывать" блоки столбцами по 3. Причём количество блоков заранее не известно, то есть классический табличный метод (строками) не годится. Перебрал кучу вариантов, пока не получается. в идеале сделать это без дополнительных контейнеров, просто div подряд.
0 votes27 answers -
Как сделать текст прозрачным?
Очень прошу о помощи всех форумцев. Версткой занимаю очень недавно, но задания у меня уже довольно трудные... Режу скины для почтового сервера. html один, css для каждого скина свой. Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом). Возник вопрос, каким образом при помощи CSS сделать надпись INFO невидимой???? надпись добавлена таким образом: INFO
0 votes11 answers -
Резиновый блок с круглыми краями
сосбно сабж нужен блок который тянеться и в ширину и в высоту углы у него закгругленные (пнг или гиф) подсказали решение таблицей но хотелось бы без неё
0 votes26 answers -
отступ между ячейками
приветствую. как управлять отступом между ячейками таблицы в CSS?
0 votes9 answers -
Выпадающий список и DIV
Здравствуйте. Вот видел я и раньше токую гадость, даже у Гугла - если DIV открыть поверх выпадающего списка, то в IE этот список оказывается сверху, и ничем его не одолеть. z-index не помогает. Может это мой осел упрямится... Никто не встречался с такой бедой? Спасибо.
0 votes8 answers -
Шрифт: BebasNeueRegular - Есть ли кириллический аналог?
Шрифт: BebasNeueRegular - Есть ли кириллический аналог? Демо: joomla16-templates.joomlart.com Заголовки: Categories Quam dolor in nisl eleifend В кириллице совсем уж убого смотрятся (слишком широкие буквы): Есть варианты на какой шрифт можно заменить (слишком широкие буквы)?
0 votes4 answers -
Градиент css3 и body
Мне нужно сделать градиент у body. Я хотел сделать его с помощью css 3, он проблема в том что body(да и тег html) у меня занимает высоту окна браузера(это не мешало пока не стал задавать градиент), а не всю высоту сайта из-за возникает картинка ниже, после пракрутки(красный цвет использован для наглядности), как растянуть body в данном случае? не хотелось бы использовать картинки css код для градиента body{ background-repeat: repeat-x;background: -moz-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -webkit-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -o-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); …
0 votes10 answers -
height 100% и шапка
Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.
0 votes34 answers -
Safari background repeat bug
У Сафари есть есть баг, связанный с неполной поддержкой background-position. То есть не работает отступ, заданный в пикселях: Код: background:url(../img/bg/image-repeat.gif) repeat-x 0px 28px; Фон начинается с нулевой позиции. Есть решение для неповторяющихся картинок: http://creativebits.org/webdev/safari_back..._repeat_bug_fix Но для повторяющихся изображений, как в моем случае - решений пока не найдено. Вопрос - как обойти этот баг для повторяющихся картинок? Вставлять прозрачный фрагмент - не подойдет, так как этот фрагмент будет повторяться. Заранее спасибо
0 votes5 answers -
Горизонтальное меню в IE6
Что-то я запутался. По совету друзей (с) сначала решил забить на IE6, но что-то совесть не позволила. Теперь у меня вопросы по верстке. CSS: #mm_container { background:url(/images/mm_a.png) repeat-x; height:74px; } #mm_container ul{ display:table; margin: 0 auto; } #mm_container li{ display:table-cell; } #mm_container a { display: block; float:left; height:74px; padding:0 20px; font-family:"Hortensia"; color:#fff; text-decoration:none; font-size:1.7em; line-height:74px; } #mm_container li { background:url(/images/mm_a_separator.png) left no-repeat; } #mm_container a:hover { background:url(/images/mm_a_hover.png) repeat-x; } #mm_container li.current a…
0 votes23 answers -
пункт меню в виде трапеции
добрый день, подскажите как сделать пункт горизонтального меню в виде трапеции, что бы она тянулась на разные надписи самого меню? трапеция с левого угла - прямая, с правого - угол и вехняя полочка хотела вставить background-ом эти изображения в li но скачет высота и видно стыки посоветуйте пожалуйста
0 votes10 answers -
вертикальное выравнивание в div'e
Нужно чтобы информация в блоке выравнивалась вертикально по середине. Можно ли такое реализовать без использования таблиц и ява скрипта? Вот как должно работать (IE 6): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Вертикальное выравнивание</title> <style type="text/css"> #level { background: #c1c1c1; width: 50%; margin: 0px auto; } </style> </head> <body> <table border=1px width="60%" height="200px"> <tr> <td valign=middle aling="right"> <div id="level">Информация должна быть выровнена вертикально по с…
0 votes3 answers -
прокрутка (Scrollbar) в DIV'e
есть DIV <div style="overflow:auto; width=90%;height:1500px;background:#C6F9CD;"> <table cellpadding="10"> ..... </table> </div> в н?м широкая таблица и внизу области div'a появляется скролл (так и надо). можно сделать этот горизонтальный скролл ВВЕРХУ Div'овской области?
0 votes6 answers -
Многоуровневый раскрывающийся список
В общем учусь. Нашел на фрилансе, в заказе на верстку PSDшники. Скачал потренироваться. Главную страницу как бы сверстал, не считая меню. Сейчас с ним и разбираюсь. Верхнее горизонтальное меню с выпадающими списками сделал, в общем без особых проблем. А вот левое меню трехуровневое, причем последний уровень позиционирован отдельно (за пределами первых двух уровней). http://s41.radikal.ru/i093/0909/79/be266845ed42.jpg Я сделал меню, грубо говоря, такого вида: <ul> <li> <ul> <li> <ul><li></li></ul> </li> </ul> </li> </ul> И сегодня весь день пытался средствами css вытащить последний вложенный список, и…
0 votes4 answers -
Несколько bx слайдеров?
Очень люблю в своей вёрстке использовать bxSlider, у него есть свои цсс и js файлы которые легко корректировать в своих нуждах. Вопрос в том, как использовать этот слайдер с разными стилями несколько раз на странице или в проекте? Например в качестве слайдера или в качестве карусели. Или что бы на одном изменялось фэйдом, а на другом просто листались слайды. Затруднения вызывает тот факт, что js и css файлы рассчитаны только на один слайдер, если я вставлю второй, то у второго будут те же самые стили и изменения которые я делал в файликах. Понимаю что вопрос тупейший, но этот вопрос стоит ребрейшим ребром
0 votes4 answers -
Как растянуть картинку?
Подскажите как растянуть картинку по ячейке таблицы? Картинка представляет собой два пикселя, ее нужно растянуть по вертикали, т.к. в соседней ячейке (справа) находится список, при нажатии на позиции списка выпадают дополнительные опции тем самым ячейка растягивается по вертикали, а картинка в ячейке слева должна тоже растянуться по вертикали, чтобы отобразить рамку.
0 votes7 answers -
Лучшая сетка или фреймворк для адаптивного дизайна
Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!
0 votes33 answers -
как связать 2 поля со списком?
Я вроде много чего полистал на этом форуме и понял что это лучший сайт и форум. Думаю тут мне помогут. Все просто... Вот нужно сделать такую штуку. Т.е. када выбираешь значение в 1ом поле, во втором поле подгружались значения зависимые от первого. Выбирая значение во втором поле со списком, подгружались значения в третьем и т.д. Буду очень благодарен всем кто может помочь.. Очень хочу научиться такие штучки делать...
0 votes24 answers -
Проблема с версткой макета
Сижу мучаю макет... не представлю как это сделать, может здесь смогу помочь Вот макет: http://predvoditelev.ru/del/maket.zip (2.7mb) Превью: Общий фон (тёмносерая текстура) - размножаем (ФОН1). Основная часть (светлосерая текстура) - размножаем (ФОН2). Эта часть фикс. по ширине - распологаем по центру. Тень от основной части должна уходить за пределы экрана без появления прокрутки (ТЕНЬ). Футер прибиваем к низу. Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; c…
0 votes37 answers -
css3pie (PIE.htc) работает с задержкой при условии hover?
Скругляю уголки у li в IE при помощи css3pie (http://css3pie.com). У li при selected и hover также есть бекграунд из градиентного рисунка (repeat-x). При наведении мыши на li css3pie работает с задержкой, то есть скругление происходит не сразу, а спустя заметные для глаза доли секунды, а сначала виден нескругленный угол. Так и должно быть? Может, css3pie нельзя применять для hover? И еще - без position:relative вообще не работает. Пробовал по-разному: задавал position и css3pie как для всего (то есть неактивного) li сразу, так и для отдельно selected и hover, не помогло.
0 votes26 answers -
SVG-sprite in IE11
Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")
0 votes3 answers -
Хитрый фон из нескольких картинок на DIV
Здравствуйте уважаемые. У меня такая проблема... есть очень хитрый фон состоящий аж из 6 картинок(для резиновости) если использовать по старинке таблички то никаких проблем нет, но фон слишком большой поэтому нужны дивы... а вот с дивами разобраться не могу. Вот как это выглядит в табличках. HTML <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="l_up"> </td> <td class="c_up"> </td> <td class="r_up"> </td> </tr> <tr> <td class="cc"> </td> <td class="cc"> </td> <td class="cc"> </td> </tr> <tr> <td class="l_dwn"> </td> &…
0 votes31 answers -
Как сделать select раскрытым, и разрешить выбор только одного
Хочу сделать select как при multiple, т.е. раскрытый, но к сожалению, multiple разрешает пользователям выбирать несколько позиций, как сделать так, чтобы список был раскрытым, но при этом пользователь мог выбирать только одну позицию? Или хотя бы как это реализовать другими способами
0 votes4 answers -
Квадрат внутри таблицы.
Здравствуйте! Подскажите, пожалуйста, известно, что атрибуты тега <table> <colspan="число"> и <rowspan="число"> объединяют ячейки по горизонтали и по вертикали. А как можно было бы сделать квадрат совне таблицы? Нужно в рисунок в виде квадрата вставить текст (оформляю html-письмо). Т.е. в центре квадрата письмо.
0 votes31 answers -
Как Вообще Делается Сайт Плз Подскажите?
подскажите как можно вообще все научится делать и дизайн и как страницу свою сайт поместить ну плз подскажите!
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-