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
-
как сделать полупрозрачный border
как сделать полупрозрачный border как на этом сайте http://css-tricks.com/ вот - исходный код смотрел и этого там нет
0 votes23 answers -
Отображение скрытого слоя
Привет народ. Как сделать, чтобы при наведении сразу не исчезал блок (можно было просмотреть, по-клацать там), т. е. я сделал только открытие.сокрытие блока по наведению мыши. <script type="text/javascript"> sid = ''; function ishow(id) { if(sid != '') { document.getElementById(sid).style.display = "none"; } else { document.getElementById(id).style.display = "block"; } } function ihide(id) { if(id != '') { document.getElementById(id).style.display = "none"; } } </script> <a href="#" onmouseover="ishow('lodka_1');" onmouseout="ihide('lodka_1');"><img src="images/lodka_1.png" width="292" height="107" /></a> <div …
0 votes23 answers -
Загругленные углы
Здравствуйте Очень хочу научится делать закругленные углы, но ни в какую не получается... Облазил весь интернет, статей очень много, но не выходит. Без картинок получается, но такой блок очень ограничен. например, я хочу чтобы мой блок был прижат справа, а округленные углы были только слева + чтобы была шапка, тоесть весь блок оранжевый, шапка черная, и левый верхний угол закругленный черного цвета, левый нижний оранжевого соответственно. Если не сложно опишите принцип и рабочий код, который вы используете например. Также вопрос, какие должны быть сами картинки по размеру? и зависят ли они от размера блока?
0 votes23 answers -
Проблемы наследования2
Ребят подскажите пожалуйста ?<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div.input { position: relative; width: 100%; background: bisque; } div.input input { padding-left: 26px; padding-right: 10px; height: 16px; width: inherit; border-radius:20px; border:1px solid black; border-top:2px solid black; height: 20px; } div.input img { position: absolute; left:0px; margin:7px 10px 0px; } div.cont{ margin:0 400px; } </style> </head> <body> <div class="cont"> <div class="input"><img src="image/poisk.png" alt="" /><input type="text" /></div> <…
0 votes23 answers -
Подскажите где менять
Друзья, сижу верстаю квитанцию на оплату полностью дивами. Каждая клеточка - отдельный слой. Вот что получилось В хроме: В Опере: В ИЕ 2 вопроса 1) Как в опере добиться, чтобы она видела величину шрифта установленную для конкретного слоя, а не родителя 2) Какого хрена ИЕ сожрал 3 слоя?
0 votes23 answers -
задача с box-shadow
Буду краток. Необходимо сделать вот такую фигуру: Тень вокруг должна быть одинаковой.
0 votes23 answers -
xhtml vs html5
let's choose the winner
0 votes23 answers -
-webkit-gradient и -webkit-linear-gradient
Один из самых популярных генераторов CSS-градиентов генерирует, кроме прочего, такую пару свойств: background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ С учетом того, что он генерирует также немало лишнего (напр. -ms-вариант, который уже не понадобится), возник вопрос: нужны ли оба этих свойства? Не достаточно ли одного первого (впридачу к беспрефиксному варианту, по новому стандарту с to)? Существуют ли webkit-браузеры, понимающие вторую нотацию, но не понимающие первую, и значимы ли они хоть скольк…
0 votes23 answers -
не коррeктно работает clear:both
всем привет. Сделал шаблон сайта из 2-х колонок ( 1 статическая, вторая резиновая) на первой колонке float: left; width: 300px; вторая margin-left: 400px; но если во второй колонке появляется контент со свойством clear:both, то блок кидает вниз на уровень окончания перовой колонки. Как сделать так что бы clear:both работал только на уровне второй колонки (то есть на содержимое не влияли плавающие элементы вне блока)
0 votes23 answers -
Центрирование...
Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяе…
0 votes23 answers -
Как правильнее будет использовать <nav>
Здравствуйте я хотел бы поинтересоваться как в данной ситуации будет правильнее использовать тег <nav>. Вот что мы имеем: В самом темном диве идет список <ul> как видно из картинки в большом диве 3 маленьких, уже в них еще по 2 дива. В верхнем диве просто текст, это даже не ссылка. А вот в темном диве идут ссылки. Вот у меня и возник вопрос. Вместо большого дива сделать <nav>, или 3 дива которые в большом сделать <nav>, или только 3 самые темные дивы сделать <nav>.=D Подскажите как будет лучше.
0 votes23 answers -
Подскажите, как можно сверстать такое?
Задача - верхняя полоса и сами кнопки-переключалки - резиновые У меня как-то получается очень много вложенных вспомогательных элементов. Для меня это оказалось то ли слишком сложно, то ли я уже устал.. Не прошу верстать за меня, просто подкиньте идею, как лучше сделать?
0 votes23 answers -
Вопросы новичка
Начал делать сайт на HTML и CSS. Вопрос,можно ли написать профессиональный сайт только на одном HTML или без php+mysql или ещё чего-то там не обойтись?
0 votes23 answers -
Вопрос по IE 8
Есть небольшой вопрос у всех такая полоска в окне браузера IE 8 http://s017.radikal.ru/i424/1311/a1/e2e70d443f9b.png Вот что хотелось бы знать. Еще почему то не как не могу подключить behavior:url(htc/ie-css3.htc);Именно на box-shadow может я что то не так делаю? Еще как можно решить проблему с placeholder="" в input'ах он в IE 10 даже работает как скрипт, просто убирается текст при нажатий на форму. В IE 9 вообще не чего не показывает как и в IE 8 Но так как тег рассчитан от IE 10 и выше, почему он в IE не работает так как надо..
0 votes23 answers -
Выполнение скрипта при <=1023px
Например я делаю вот так: $(window).resize(function(){ if ($(window).width() <= 1023){ $('#bestseller_slider').carouFredSel({ responsive: true, items: { visible: 3 }, scroll: { items: 1, duration: 300 }, auto: false, swipe: { onTouch: true }, prev: '#bestseller_prev', next: '#bestseller_next' }); } });т.е. при разрешении <=1023 включается слайдер. Как бы все работает. А можно ли сделать, чтобы при увеличении разрешении, т.е. когда уже >1023 действие скрипта прекращалось. Т.е., например, слайдер отключался, …
0 votes23 answers -
Вот такой вопрос (поисковики, аджакс, цмс)
Помогите, пожалуйста, ответить на эти вопросы И... Что проще сделать " сделать самую простую в мире админку по добавлению товара / услуг :)" или воспользоваться чем-нибудь готовым? Сам макет представляет из себя по сути по большей части страницу, похожу на лендинг и заказ товара осуществляется просто заявкой на почту. Меня смущает "простая админка для добавления товаров". Кто что может посоветовать?
0 votes23 answers -
Как сделать?
Как сделать, чтобы красный блок растягивался по высоте на все свободное пространство внутри желтого блока? http://jsfiddle.net/UL8Ak/2/
0 votes23 answers -
base64-кодирование
Узнал о возможности внедрения картинок с помощью base64-кодирования. Поскольку статьи я читал стары, то хочу уточнить остаётся ли сейчас ограничение в размере картинок в 20kb? Существует ли падение производительности при отображении закодированных изображений? Можно ли внедрить в css шрифты с помощью base64-кодирования?
0 votes23 answers -
Серверные языки в веб
Здравствуйте. Вопрос мой исходит от корыстных целей в основном) Знаю html + css + jquery достаточно для 90% задач в фрилансе. Это мне приносит доход, но как и все я тоже стремлюсь получить побольше. Есть пара постоянных заказчиков для которых я верстаю, но очень много "вкусных" заказов пролетают мимо потому что там требуется оживить сайт создав полноценный функционал (у тех же заказчиков таких проектов много). Вот и созрел вопрос какой язык все таки учить? Википедия подсказывает Из всего этого очень часто встречаю php в связке с sql (именно в фрилансе), но пролистав форумы больше половины отвечающих на темы советуют не начинать с php так как И так далее. Вот…
0 votes23 answers -
С чего бы начать?..
В этом деле не совсем деревянный, но все же... - обучался по урокам Е. Попова, к тому же очень давно. Хочу серьезно заняться версткой, зарабатывать на этом деньги. Что должен знать толковый фронт-енд разработчик (кажется, так теперь это называется? работа с красивым выводом результата многих строк кода)? И самое главное - где могу этому обучиться? Источники, источники... Сейчас прохожу курсы от html academy, но они какие-то через чур изи.
0 votes23 answers -
Bootstrap, вызов модального окна - появляется отступ у body
Здравствуйте! Верстаю сайт. Настраиваю вывод модального окна при клике на кнопку "Мой кабинет". Обнаружилась такая вещь: после появления модального окна у body появляется отступ. Вроде бы не такая уж и проблема, но хотелось бы найти причину. Исходники Bootstrap скачаны здесь: http://getbootstrap.com/ Кстати, для эксперимента, поставила в один из файлов шаблона исходников это же модальное окно - такая же проблема. Хотя на самом сайте в примерах такого нет. Надеюсь на помощь специалистов, которых здесь немало .
0 votes23 answers -
Зафиксировать (совместить) слои с фоновой картинкой
Доброй ночи, Возникла проблема с совмещением кучи мелких слоёв и фоновой картинки. Вот пример При наведении курсора на белую плашку с номером корпуса здание на фоновой картинке "подсвечивается". Если разрешение монитора 1366*768, то всё смотрится хорошо. Если разрешение менять в большую или меньшую сторону, то белые плашки съезжают со своих мест. Фоновая картинка растягивается под размер монитора. Как зафиксировать белые плашки, чтобы они оставались на своих местах вне зависимости от разрешения монитора? Помогите, пожалуйста, решить проблему. Заранее благодарю откликнувшихся.
0 votes23 answers -
Я решил учить flexbox.
Я написал новое правило "flex-direction: column;" получается, то, что перевернул главную ось и потом добавил ещё одно правило "justify-content: center;" По моей логике, блок "my-flex-container" должен выравняться по середине высоты дисплея, не зависимо от разрешения. Почему он выравнивается, только тогда, если задать высоту? http://jsfiddle.net/c7c3L4zw/ Ведь, он же как-то выравнивается по ширине, если она не задана, почему тогда не выравнивается по высоте?
0 votes23 answers -
Сетка
Здравствуйте, в процессе обучения верстке сделал свою сетку. Но есть одна проблема. Допустим есть макет с сеткой http://bloggingtips.moneyreigninc.netdna-cdn.com/wp-content/uploads/2008/05/website-index.jpg. в header есть логотип и меню, есть 24х колоночная сетка. Между логотипом и меню есть 8 колонок. Вопрос: как сверстать этот пробел? Влепить туда пустой блок 1/8 или сделать margin ?
0 votes23 answers -
Вертикальное выравнивание в форме
http://jsfiddle.net/Launder/1tahrusy/ <div class="feedback"> <p> Вы можете воспользоваться данной формой, для того, чтоб отправить нам сообщение. Мы будем рады почитать содержательный отзыв и надеемся на плодотворное сотрудничество! </p> <form action="#" method="post"> <p> <label for="Name">Имя:</label> <input type="name" name="autor" id="Name"> </p> <p> <label for="Mail">Email:</label> <input type="email" name="autormail" i…
0 votes23 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-