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
-
Скрипт убегающей кнопки
Погуглив не нашел скрипт убегающего элемента(например кнопки или ссылки) на который пытаются кликнуть а элемент убегает и не дает на себя навести и кликнуть. На jQuery Да )) не дописал нет ли у кого такого скрипта ?
0 votes9 answers -
Проблема с счетчиком в CSS
в корзине товары считаются счетчиком на CSS, проблема в том что на сайте есть еще выпадающая корзинка в которой товары тоже подсчитываются CSS счетчиком, при наведении на корзину она выпадает и счетчик пересчитывается , на картинке все указал. Как устранить пересчет если ниже идет тоже счетчик ? Товары в не выпадающей корзине включаются в подсчет как продолжение с товарами с выпадающей корзины
0 votes3 answers -
Создать таблицу из блоков DIV
Доброго времени суток. Помогите создать таблицу из блоков Div.
0 votes10 answers -
Непрописанные margin'ы
Почему-то margin'ы работают, хоть они и не прописаны. http://cssdeck.com/labs/full/2xrdgmdq - код. Там, вроде все так, как задумывалось, а в браузере так: http://rghost.ru/53521698
0 votes1 answer -
Сетка со скругленным уголками
Как лучше сделать такую сетку? Количество ячеек может быть от одного до много
0 votes5 answers -
Проблема с отображением на планшете
Ребята, помогите пожалуйста, создал форму, на компьютере смотрите отлично, но когда просматриваешь на плантеше - внизу формы появляется большой отступ, после кнопки, и текст копирайта налазит на форму. Подскажите пожалуйста как исправить этот косят с отображением на планшетах? Скриншот правильного отображения на компе: И скриншон с планшета, где расстояние после кнопки слишком большое и копирайт (текст под формой) налазит на форму. Помогите плззз...
0 votes1 answer -
Неучтённые бордеры в хроме
Люди, возникло желание нарисовать типа "граф" вот такой http://rossita-travel.com/shared/temp/1.html потом добавил в <table> border-collapse: collapse; ушли разрывы в бордерах (логично)... но появились нежелаемые линии в соседних ячейках, линии горизонтальные, возникают на стыке "соседней" (объединенной colspan-ом) и нужной вот так http://rossita-travel.com/shared/temp/2.html смотрите хромом в лисе и ие - всё ок что это - косяк гугли? Спасибо! PS может эту задачу правильно решать вообще другими средствами?
0 votes0 answers -
как сверстать
Всем привет! Подскажите как сверстать такие картинки? http://yadi.sk/d/OsQJ_TpxLPxNm
0 votes2 answers -
Вертикальное меню не идёт на верхний слой(поверх всего)
Как видно на скрине, то вертикальное меню (Второго уровня) не хочет идти поверх остольных блоков. Подскажите, пожалуйста, что может это вызывать или из-за чего это происходит, что бы я знал что искать/чего не хватает, ведь проблема может быть и в других блоках (которые получаются поверх меню). Скрин: http://www.img.by/?v=Za7RN.png Код: http://jsfiddle.net/mzkw2/
0 votes2 answers -
выравнивание по центру
Как сделать, чтоб основная страница была по центру, то есть поля правое и левое были одинаковы, и при уменьшении масштаба страница была по центру окна браузера? http://truebooks.ru/
0 votes7 answers -
Форма поиска. Chrome.
Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите( Код: [hide] <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px…
0 votes8 answers -
Нужна помощь по родственным элементам CSS
Битый час не могу получить путного решения на голом css, подскажите как будет сделать правильно? Задача: При наведении на .information появляется надпись "кнопка". Нужно чтобы она оставалась и не пропадала при фокусе на textarea. Код: http://jsfiddle.net/GCkrC/
0 votes2 answers -
простое горизонтально меню
С помощью чего, лучше сверстать простое горизонтально меню: с помощью display:inline или float:left? А ещё какие способы есть?
0 votes1 answer -
Размещение блока div и резиновый дизайн
Я уже почти день ломаю голову и никак не могу придумать как это все сделать. Может, поможете? http://cssdesk.com/vku9R Нужно, чтобы дизайн был резиновый, а именно 25% 50% 25% Шапка и подвал на своих местах. Блоки .menu #content .ads были на одном уровне.
0 votes2 answers -
Что происходит в Сафари?
Вот сам код: http://jsfiddle.net/h7Xp4/ Вот так выглядит во всех нормальных браузерах даже в ie7 нет проблем http://s1.ipicture.ru/uploads/20140330/6d4Svsk5.png А вот теперь смотрите что в safari происходит http://s1.ipicture.ru/uploads/20140330/HN8T3A4H.png Я думаю проблема ясна. Подскажите кто нибудь, что делать?
0 votes7 answers -
Вопрос по PHP
Хочу узнать, как будет лучше, логичнее, правильнее, эффективнее, адекватнее итп. сделать переключение страниц. Сейчас я сделал папку pages, куда кидаю файлы, например, rules.php, rules_all.php и сделал это всё через include в index.php include("menu_nav.php");if ($subpage == "")$link = $page;else$link = "".$page."_".$subpage."";include("pages/$link.php");а menu_nav сделан в стиле switch case Как же всё-таки лучше организовать смену контента или страниц сайта ? Может вы посоветуете AJAX / javascript, но я их не знаю, но в любом случае буду рад вашим советам. П.С. У меня самого есть разные варианты, но не знаю какие будут лучше: В базе данных хранить контентВ базе данных …
0 votes10 answers -
Вопрос по таблицам
Помогите пожалуйста!Добавляю новую позицию в таблицу(PHPMyAdmin),а на сайте ее нету.Что с этим делать?
0 votes0 answers -
Градиент текста в CSS
Здравствуйте. Сенат просит помощи у джедаев. Мне нужно осуществить выпадающее меню при помощи div. Но самой справиться мне мешает тот факт, что текст пунктов меню нужен градиентом, который я делаю так http://jsfiddle.net/kattiperk/Q9LM4/ Есть какой-нибудь способ либо другого градиента для текста, чтобы можно было меню написать списком? Либо сделать спойлер через div, но чтобы корректно отображалось с градиентом уже написанным? Или дайте где почитать. Спасибо.
0 votes3 answers -
Прозрачность слоя
Здравствуйте. В фотошопе элемент выглядит так: я взял слой градиента и вставил картинкой на background, получил такое - а теперь сам вопрос, - добиваться нужной прозрачности нужно через свойство opacity или я все делаю не так и есть какой-то правильный метод, если да - поведайте. Спасибо
0 votes8 answers -
Как сделать такую кнопку средствами css?
Как сделать такую кнопку средствами css? http://cs618926.vk.me/v618926727/1e8c/J3f325TSgSE.jpg
0 votes9 answers -
Как убрать лишний отступ
Есть 3 блока по 50 пх и отступом между ними 10 пх. Как их засунуть в другой блок размером 50+50+50+10+10 = 170 пх Главная проблема в том, что все внутренние блоки одинаковые - никак нельзя их различить по классу или id. Вот пример, http://jsfiddle.net/EDAT8/ тут блок 180 пх - на 10 пх больше, так как мешает лишний отступ.
0 votes6 answers -
Навигатор по страницам
Как привязать навигатор по страницам к низу страницы, а не к последней картинке? http://truebooks.ru/
0 votes2 answers -
Растянуть блок по высоте
Пример тут http://jsfiddle.net/Nfw8M/6/ Надо сделать чтобы блок right и (желательно) left растянулся по высоте, такое же, как и #c
0 votes2 answers -
Изогнутая тень ?
Всех приветствую. Натокнулся на проблемную тень. Как реализовать такое, тень изогнута. Спасибо.
0 votes4 answers -
Как запретить CSS сворачивать меню
Добрый день, господа! В css среди прочего имеется вот такой код #nav ul li { margin-top:-23px; -moz-transition: 0.4s linear 0.4s; -ms-transition: 0.4s linear 0.4s; -o-transition: 0.4s linear 0.4s -webkit-transition: 0.4s linear 0.4s; transition: 0.4s linear 0.4s;}#nav a:focus ~ ul li { margin-top:0; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linears; -webkit-transition: 0.4s linears; transition: 0.4s linear;}Меню в результате выглядит вот так Т.е. когда пользователь кликает по пункту меню, меню полностью закрывается Подскажите как избавиться от этого эффекта? Мне нужно чтобы пользователь видел на к…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-