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
-
Проблема с блоками
Использовал разные свойства вроде float и display:block но не помогает.В общем ситуация следующая:Есть новость,фоны для заголовка и текста заданы в ячейках таблиц(это нужно,чтобы при увеличении кол-ва текста средний фон растягивался(если у кого-то есть альтернативный вариант пишите)) и еще 1 ячейка в таблицы для нижней части фона и мне нужно,чтобы эти блоки отталкивали футер.Точно такая же фигня со спанами в общем прикладываю код. Хтмл пример со спанами <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <title>B?rnud?rzs R?GELE</title> </head> <div id="wrap…
0 votes2 answers -
проблема с Div`ами
Добрый день, у меня следующая проблема: есть главный div container (на картинке в синей рамке) в нем расположены еще два div`a content (тот что слева обведен зеленой рамкой) и sidebar (обведен красной). 1. главный div контейнер почему-то по высоте меньше чем div content. 2. sidebar занимает место не справа, а на всю ширину страницы (по сути он сейчас равен по размерам container). Надеюсь на помощь, т.к. только начал разбираться в верстке. Так выглядит html: <div id="container"> <div id="content"> <div class= "slider"> <img src ="img/slider.png" alt= "Слайдер"/> </div> …
0 votes2 answers -
Проблемы блочного меню, перенос пунктов.
Есть проблемка. Начал писать сайт, (заранее простите за код ,много лишнего) столкнулся с проблемой,при создании блочного меню. Уверен что-то делаю не правильно, но хоть убей не могу найти причину. И из за отсутствия опыта не могу осуществить задуманное. В общем, суть такова:есть блочная шапка, в ней меню , для примера из трех кнопок, с выпадающем подменю. При разрешении экрана, меньшем чем 1200px в ширину, все блоки и элементы изменяют размер, сужаются, кроме злосчастного меню, которое продолжает торчать и создает тем самым полосу прокрутки. Вопрос №1 что с ним делать,как сделать "резиновым"? Вопрос №2 как осуществить перенос выходящих за границу родителя пунктов меню ,…
0 votes4 answers -
Обрезать картинку по высоте
Столкнулся с проблемой отображения картинок в блоке. Вот состряпал на быструю руку пример http://cssdeck.com/labs/pf43xo0u здесь картинка вылазит по высоте за блок div если ее ограничить по высоте то она сжимается http://cssdeck.com/labs/mxkx6uxy как можно сделать так что бы она обрезалась по высоте а не сжималась? спс!
0 votes3 answers -
что делает этот кусок кода?
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; } просматривая очередную верстку сайта (иногда поглядываю на забугорную верстку сайтов, с целью узнать что-то новое) и нашел это Что он делает? p.s посмотреть можно здесь https://www.browserstack.com/users/sign_up
0 votes6 answers -
Меню как кнопка
Привет! Как сделать меню, как кнопку Пример: megogo.net/ru/films Нажимаешь и оно остается, только при нажатие на фон, оно исчезает. Как такое проделать? Уже много форумов прошел и нигде нету ответа, пишут нужен скрипт. Для этого нужен скрипт? Разве нельзя через html+css? Помогите пожалуйста, готов посмотреть все решения. Спасибо!
0 votes8 answers -
Как сделать, чтобы блок при горизонтальной прокрутке не двигался относительно окна браузера?
Вот пример: http://learn.javascript.ru/play/tIXZnb. если сдвинуть горизонтальную полосу прокрутки направо, то справа от красного дива белое пространство. Как сделать, чтобы красный блок всегда был прилипшим к правому краю окна, то есть чтобы он при скроллинге двигался направо вслед за прокруткой? position: fixed не подходит, потому что нужно зафиксировать блок только горизонтально.
0 votes0 answers -
Изменение цвета выделения TextBox при нажатии.
Создал поле ввода текста при помощи <input type="text">, при нажатии выделяется синим цветом. Как сделать чтобы при нажатии выделялся другим цветом, например RGBA(255,255,255,0.5)?
0 votes2 answers -
Подключение FontAwesome SCSS
Всем здравствуйте! Хочу подключить Fontawesome , используя миксин бурбон font-face. Вроде все компилируется правильно,все пути до шрифта прописаны верно(другие шрифты подключаются нормально), но результата не видно. Попробовал CDN - все ОК. Возможно кто-нибудь знает как решить такую проблему? P.S. Гугл ничего толкового не выдал(.
0 votes3 answers -
Цвет рамки вокруг кнопки
Задаю цвет рамки вокруг кнопки, она получается темней чем надо, а при зажатии на ней появляется нужный цвет, как фиксануть ?
0 votes4 answers -
Меню
Подскажите пожалуйста как нить можно применить стиль для тега "a" только в меню? Или несколько стилей для того же тега на одной странице? Спасибо!
0 votes2 answers -
неправильно отображается ширина div в ie 6
Привет. Я новичок. Начал изучать верстку div-ами. 1. Нарисовал слой. задал ей рамку, оцентровал. 2. В этом слое далая отступы и обрамляя в рамки создал 3-колоночный шаблон с футером и хедером. 3. Получилась своеобразная капуста из вложенных в друг друга рамок. Вопрос: В ie7, opera 9.x, mozilla, chrome все ок. в ie6 рамки разваливаються и смещаються вниз. Если я делаю ширину таблиц на 1-2px меньше, то все приходит в норму но в остальных браузерах появляеться сдвиг слоев на эти 1-2 px. Решал путем добавление в местах использования float известный fix "display:inline;" не помогло. Попробовал подключить css специально отредактированный под ie6 через <!--[if lte IE 7]&g…
0 votes1 answer -
СОС!Помогите пожалуйста найти ошибку!
Приветствую всех! Дело такого рода: К меню навигации и к виджетам применяется opacity, в пассивном состоянии и при условии hover Вот соответствующий листинг: #menu { textalign: center; width: 739px; height: 34px; margin: 0 auto; padding: 0 auto; background: url(images/menu1.gif) no-repeat; background-position: top center; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; } ... #menu:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; } ... .boxed { margin-bottom: 7px; filter:alpha(opacity=70); -moz-opacity:0.7; background: #f8f8f8 url(images/boxtop.gif) repeat-x; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebe…
0 votes0 answers -
Чокнутый фон
Здрасте, мне нужно сделать сайт со сложным бекграундом, состоящий из кирпича с 1 стороны и бревен с другой (не моя идея). Т.е. фон разделен по вертикали, а по середине идет контент. Получается рамочка вокрукг контента. Соответственно растянуть фон по 1 из осей не получается, поскольку по си х он должен меняться насередине. Единственное что у меня получилось это задать определённый размер для контента с определенным отступом в пикселах а фон поместить в колонки и задать position:absolute.
0 votes2 answers -
Фотогалерея
Как бы удобно внедрить в сайт без движка вот такую схему 1. Это флеш на xml в которые будут добавляться избранные фото ( по части 1 вопросов нет) 2. div с информацией как сделать именно так как на картинке тож знаю вопросов тож нет. 3. А вот в этот раздел хочу сделать резиновую галерею... чтоб постоянно растягивался сайт с добавлением новых фото и при нажатии на фотку выскакивал оригинал с возможностью прокрутить на след фотки. Ну вот примерно как то так... Буду благодарен за подсказки...
0 votes2 answers -
Селекторы для инпутов
Щас залез в стайл темы оформления для одного двига и заметил вот это input[type=button], input[type=submit], input[type=reset] { PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND: url(buttons/green.gif) repeat-x; COLOR: #fff; CURSOR: pointer; BORDER-LEFT: 1px solid #1e568f; BORDER-RIGHT: 1px solid #1e568f; BORDER-BOTTOM: none; BORDER-TOP: none; } Впервые столкнулся с такой записью, вот и вопрос, насколько работоспособен такой способ указания элементов?
0 votes3 answers -
Помогите с меню
Добрый день. Помогите с меню пожалуйста, мне надо сделать такое меню (условно 200px), чтобы после того, как заканчивается текст шли точки и >>> (рисунком), это выложен фрагмент из псд файла. никак не могу сделать, получается либо все подчеркивается, либо только на сам текст, а мне надо как на рисунке. Заранее спасибо!
0 votes7 answers -
Два блока!
Здраствуйте! Тут такая проблема: Есть сайт http://ct-logistics.net/ - там вверху переключатель языков(eng|ru) В сафари они вылазят вниз... Немогу исправи, найти причину! В других браузерах прыгают вниз! Помогите пожалуйста!
0 votes6 answers -
Internet Explorer 7,8 не подключаются css
Доброго времени суток, Столкнулся сегодня с такой не обычной для меня проблемой, на странице загружается довольно много разных стилей (в Drupal так оно есть), и допустим на главной странице все нормально, там файла который необходимо загрузить нету и все работает, но когда переходишь на статьи, то там не загружается в IE 7,8 css файл, хотя в других браузерах все работает, насчет того загружаются ли другие файлы css из все списка сложно сказать. По интернету поискал, там рекомендуют кодировку проверить и убрать, если используется весь css3, В общем решения проблемы так и не нашел. CSS вроде как валидный, покрайне мере так говорит валидатор, писал его не я. Может кто сталки…
0 votes6 answers -
Обрамление слайдер или слайдер под слоем
Добрый день. Вот адрес snobstore.ru, там есть рамка с цветами и есть внутри слайдер, подскажите как лучше сверстать и сделать так, что бы сдайдер был под этой рамкой с цветами, что бы листья и цветы которые свисают внутрь рамки были на слайдере, сейчас сделал рамку как фон, а слайдер поверх, выглядит не красиво, а нужно что бы слайдер был виден сквозь листья и цветы (именно внутри рамки, как будто картинки внутри, а не поверх)..Надеюсь Вы поняли что я хотел объяснить.
0 votes3 answers -
Проблема с меню
Добрый день! Столкнулась с такой проблемой. При редактировании шаблона веб-сайта для одного знакомого фотографа изменила шрифты для cufon (увы, использовать хваленый @font-face не удалось - squirrel почти все выбранные шрифты отказался конвертировать). Ранее при наведении на пункт меню название раздела окрашивалось в голубой цвет, а сейчас все статично. Я весь мозг себе сломала. В стилях прописан hover элемент, но он отчего-то не работает. Может, не там ищу? Вот так выглядит исходный вариант (файлы залиты на yandex). Вот так получилось после преобразований с cufon (это я грешу на cufon, конечно же, вопрос и в другом может быть). Очень хотелось бы узнать мнение экспертов.
0 votes2 answers -
Помогите сделать кнопку
Никак не могу понять как сделать кнопку с градиентом. Вот пример. Посмотреть в живую можно на "Rндексе" в картах. Хотел стянуть - не получается.
0 votes5 answers -
Вертикальное выравнивание
Помогите <div class="section"> выровнять по центру вертикали на cardterapia.ru. То есть чтобы он всегда был по центру в не зависимости от монитора.
0 votes3 answers -
Помогите разобраться! 4 блока, 3 из них фиксированы по высоте, 1 резиновый, не правильно отображается.
Помогите разобраться! Есть 4 блока. Первый, второй и четвертый фиксирован по высоте (height задан в px), а третий блок должен быть резиновым, но при минимальном количестве информации он должен растягиваться так, чтобы футер был самой крайней точкой, как на скриншоте, только без полосы прокрутки. Что не пробовал, никак не могу реализовать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta name="robots" content="index, follow"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="style.css" rel="styleshe…
0 votes4 answers -
Непонятки адаптивностью Bootstrap'а
Решил поизучать этот известный фреймворк. Я в этом деле полный нуб, сразу скажу. Немного поэкспериментировал и... Если качать с их сайта архив со всем содержимым без всякой кастомизации, то в распоряжение тебе дается css файл, responsive css файл, скрипт bootstrap, пара спрайтов с иконками и.. Все. Еще надо jquery подкючить. Все подключил. Вроде на компе все работает: ширину меняешь - колонки перестраиваются. Но когда заходишь полюбоваться на свое творение с КПК - бац, и никакой адаптивностью не пахнет. Колонки вряд стоят, во все ширину, как на широкоформатном монике. А если на сайт бутстрапа полезть с кпк, то там все нормально. Вывод: что-то я не подключаю. Либо скрипт к…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-