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
-
Градиент средствами CSS
Мне нужно сделать градиент на всю таблицу. Пишу в файле CSS: .gradient { background: #dedede; /* Для старых браузров */ background: -webkit-linear-gradient( bottom, top, #dedede, #ffffff); background: -moz-linear-gradient( bottom, #dedede, #ffff); /* для firefox 3.6+ */ background: -o-linear-gradient( bottom, #dedede, #ffff); /* для Opera 11.10+ */ background: -ms-linear-gradient( bottom, #dedede, #ffff); /* для IE10+ */ } Далее вставляю в теги <table class="gradient"> или <body class="gradient"> Не работает ни в Хроме, ни в ИЕ.
0 votes4 answers -
Размещение заголовка новости и даты создания новости на одной строке
Как сделать размещение заголовка новости и даты создания новости на одной строке, при условии что дата должна всегда быть привязана к правой границе контейнера. Вот какая стилизация: http://jsfiddle.net/kipes/8cJE4/1/ А вот картинка, что на деле: а на деле получается, когда заголовок длинный (как в последнем заголовке на картинке), то дата вырывнивается по левому краю, а надо по правому, во всех остальных случаях тоже. Как быть, сам не разобрался
0 votes5 answers -
Эффект курсора
Всем привет. есть вот такая красота: как сделать чтобы этот эффект работал на всей страничке сайта, а не в отдельном окошке
0 votes3 answers -
Эффект при наведении на img
Здравствуйте! Подскажите пожалуйса как сделать: Должно быть 3 блока, ширина 300px, а высота 100%. В них расположены ссылки, а в ссылках изображения разной высоты и ширины. <a>img...</a> Задача, нужно чтобы при наведении на изображения, появлялся заданый текст.
0 votes2 answers -
Двойная анимация почему-то..
Ппривет! Никак не отловлю - почему два раза срабатывает анимация при появлении блоков? http://mag52led.ru/ Гляньте плиз свежим взором?
0 votes2 answers -
Подгон под размер экрана.
Тема такая: есть сайт http://skin-game.ru/. Как сделать, чтобы на экранах с другим разрешением подгонялись все элементы. Проблемы возникли с слайдером и кнопками.
0 votes2 answers -
Почему в мобильной версии пропадают стили ссылок?
http://www.vvd.su/aktsii/item/126-sdelaj-selfi-vyigraj-iphone сделал карту ссылок, что при наведении на ссылку в картинке выделяется ссылка. но при мобильно-планшетной версии (меньше 767пх)- стили с позициями ссылок исчезают. Почему это происходит? Впрочем всеравно, что поехало,в мобильной версии такие мелкие надписи на картинке и вовсе не видно. Я хотел ссылки подвинуть - а их #raz a:nth-of-type(1) совсем исчезли.
0 votes0 answers -
Выравнивание меню
https://jsfiddle.net/konstantinskiy/3unbLjwk/1/ Есть вот такой пример меню, нужно сделать чтобы стрелочка была прижата к тексту справа, а не к диву с правой стороны. Как это сделать?
0 votes1 answer -
Помогите!
Доброе время суток всем! у меня проблема, и не могу понять как ее исправить. Я создаю киносайт, вот анонс фильма, и вот сама страница фильма. Не могу понять как блог с информацией поставить справа от постера, как в анонсе. Нашел файл : <ul class="movie_etc"> но он отвечает за цвет текста этого. Если его удалить, то блог встанет на место, но будет другим цветом. Помогите с этим разобраться
0 votes0 answers -
Какой лучший бесплатный сервис анализации веб-сайта?
Здравствуйте! Установил на свой веб сайт бесплатную, невидимую систему анализации веб сайта - статистика, сколько народу приходит, сколько страниц посещено было и т.п. Называется hitstats.com Хочу узнать, есть ли лучше сервисы бесплатного невидимого веб анализирования? Расскажите о вашем опыте. Спасибо
0 votes2 answers -
Media Type
По какому принципу (критериям) работает медиа-тайп. Например, при создании стиля я указываю, что подходит для всех устройств (т.е. all) Открываю с того же смартфона через браузер сайт, и что? мне адаптируются страницы под размер мобилы? И как мне специальным образом сверстать стиль элементов на странице для мобильного устройства? Ребят поподробней чуток, чтоб вопросов не было больше. Спасибо.
0 votes0 answers -
чтоб картинка помещённая на сайт как бэкграунд не размножалось
Подскажите пожалуйста как сделать чтоб картинка помещённая на сайт как бэкграунд не размножалось? Какие теги на запрет размножения?
0 votes3 answers -
можно ли красиво менять текст на картинке, не делая gif или flash анимацию?
есть текст на баннере http://www.arbitr-hmao.ru надо чтобы текст красиво менялся (заменялся другим текстом, например, с вылетом) но делать из и без того тяжелого баннера flash анимацию очень неразумно.. может есть какие-нибудь НЕСЛОЖНЫЕ аплеты, скрипты или чего нибудь еще, чтобы можно было анимировать таким образом текст. заранее благодарен за совет
0 votes0 answers -
CSS - проблемы с наведением на li
Всем привет! Во в чем проблема, значит. Я один сайт под себя переделываю, и мне захотелось сверху сделать менюшку получше, уж больно она неказистая. Увеличил высоту, все как положено, текст остался по центру. Затем с помощью li:hover сделал другой фон. И при наведении фон изменяется, но текст сдвигается вверх. Вот, собственно, какой кусок кода вышел: #topmenu ul, #topmenu li { list-style-type:none; list-style-image:none; padding: 0; margin: 0; } #topmenu table { background-color: #2A85E0 !important; height: 50px; } #topmenu li:hover { background: rgba(0, 0, 0, 0.15); height: 46px !important; text-deco…
0 votes3 answers -
Виджет "Forismatic"
Привет. А как поставить себе на сайт виджет forismatic, как на яндексе (скриншот)? У них на сайте смотрел, но там не понял многое P.S. Зашел на их api - http://api.forismatic.com/api/1.0/, но там пишет "Error: wrong method.". Почему ошибка? Cпасибо!
0 votes1 answer -
asp.net
Мой сайт (http://www.au-to.ru) использует обработчик формы на php, который запускает на сервере exe-файл с помощью коменды exec("")... До сих пор с хостингом было все ОК, но сейчас приходится менять... Но новом хостинге (если не выбирать выделенный сервер - дорого) запуск exe-файл не возможен из php. Требуется asp.net. Попробовал почитать... но получается слишком объемно (+ инсталяция программ, сервера...) Может кто-то может помочь с asp.net в этой ситуации?
0 votes2 answers -
Помогите найти хост
Есть домен и хост. Но вот места там маловато да и расположение не впечатляет. Подскажите пожалуйста, может есть какие сервисы по аренде файл серверов (vps)? Интересует выбор из вариантов москва или европа (желательно германия) и объем не менее 100гб. В идеале что бы на сайте можно было расположить ссылки, а сами файлы по редиректу из другого места. Без всяких капчей или премиум аккаунтов для пользователей. Может даже просто ftp. Спасибо.
0 votes7 answers -
подобие фрейма в таблице... реально?
есть ячейка в таблице размером, к примеру, 700 на 500. есть ли возможность без использования iframe сделать в ячейке содержимое с прокруткой, если содержимое больше чем 700 на 500 (текст)?
0 votes2 answers -
синяя рамка у картинке в ие
каа убрать на картинках-ссылках синию рамку в браузере IE? пс в других браузерах этой рамки нет. Заранее спасибо!
0 votes3 answers -
вопрос по бэкграунду?
КАК СДЕЛАТЬ что бы при прокрутке страницы бэкграунд оставался на месте?
0 votes2 answers -
Разница между (pading,marging) и top px, botton px,left px, right px,
Ребята простите за простоту вопроса! часто пользуюсь: top px, botton px,left px, right px, Но есть также: pading,marging А особенно при позиционировании часто использую: pozicion: absolute; top px, left px, Подскажите пожалуйста разницу между ними! СПАСИБО!
0 votes2 answers -
Поехало меню в IE9
Добрый день! Делаю сайт у начинающего программиста, ибо дешевле. Когда открываешь сайт в IE9 , ездит меню, он не знает как решить эту проблему, подскажите, пожалуйста. Вот сайт http://dettoy.ru/ Заранее спасибо!
0 votes3 answers -
30px отступы bootstrap
объясните пожалуйста что за странные стили добавляет twitter bootstrap и зачем они существуют вот страничка. блоку .bg_main1 я добавляю фон. в результате обнаруживается, что этот блок имеет margin-left: 30px и соответственно фон смещён по отношению к фону нижних блоков http://prozaik.16mb.com/html5_2/question_b/vb.png так же margin-left: 30px имеют и некоторые вложенные блоки мне интересно не столько решение проблемы, сколько назначение этих отступов. из-за них трудно центрировать блоки
0 votes1 answer -
Шапка растянута на 2-3 пикселя в высоту
Здравствуйте! Возникла проблема в шапке сайта - изображение-логотип растягивает её на 2-3 пикселя (в зависимости от браузера). Если изображение убрать, то растяжения нет, хотя везде совпадает. Заранее спасибо.
0 votes5 answers -
идентификатор занимает больше места в 10 раз, чем класс?
http://yadi.sk/d/RJ42myReH9yqN
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-