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
-
Почему не работает код?
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div class="img"> .img { background: url("images/1.png") no-repeat; height: 100px; width: 100px; } .img:hover { background: url("images/2.png") no-repeat; height: 100px; width: 100px; } </div> </body> </html>
0 votes4 answers -
Скажите, карта расплывается, да?
http://html2css.ru/travel/ Карта внизу расплывчато в хроме выглядит? Вин. 8.1 Или мне мерещится? И ведь мне скажут, да - поправьте, плохо выглядит? Я сделала двойной skew на карте, чтобы реализовать перекос. И придется теперь крутить предпоследний блок - а он скорее всего лесенкой пойдет некрасивой. так? Блин что делать =(
0 votes3 answers -
Верстка бесплатно (для моего портфолио)
Привет, я начинающий верстальщик и ищу верстку для моего портфолио, поэтому бесплатно) Что я умею: HTML 5 валидно верстать;Хорошо знаю css3;Кроссбраузерная верстка (ie8+, все современные браузеры);Люблю js/jquery, смогу найти нужный плагин и кастомизировать его, при необходимости напишу скрипт сам;Знаю, как надо проверять свою работу на качествоСижу на Хабре и форумах по верстке, сверстаю шаблон полностью соответствующий Вашему ТЗ. Знаю bootstrap, если надо сделать по какому-то другому css фреймворку, то разберусь и с ним. Flash не знаю. Верстка сложной титулки займет от 4 до 7 дней. Что нужно, чтобы мы сработались: Вы являетесь веб-сдудией или фрилансером с портфолио;У В…
0 votes0 answers -
Фокус на инпуте
Добрый день, при нажатии в поле ввода появляется синяя полоска (показано на картинке), как ее убрать? http://i57.fastpic.ru/big/2014/0419/a4/6b725f97539b63128efd210445cdcba4.png
0 votes3 answers -
Вопрос по inframe
Есть картинка фон, поверх нее надо сделать кнопку плэй, тоже в виде картинки с хавером, после нажатия на которую должен активироваться inframe, который будет находиться поверх этого фона
0 votes3 answers -
подскажите плагин для всплывающего окна
Есть ли стандартные решения вот для такой вещи?. Если не жалко - дайте ссылочки
0 votes3 answers -
Редактирование файлов на сайте!
Здравствуйте, нужен совет! Речь идет только о сайте на локальном сервере (использую Denwer)! Мне нужно, чтобы посредством гиперссылки через браузер открывались файлы (.doc, excel и пр.) чтобы была возможность их редактировать и сохранять в тот же каталог из которого они открылись! Подскажите как можно это сделать? Обычно файл через браузер открывается только для загрузки! Заранее благодарю!
0 votes5 answers -
Выравнивание по вертикали
Привет всем. Пятница, вечер, голова не соображает). Прошу помощи. Есть див 300 на 300 пикселов. Внутри него нужно выровнять по вертикали текстовый контент. Три вида текста в трёх спанах. Количество текста в спанах заранее неизвестно. А так как спанов три, то количество комбинаций может быть разным. Несколько вариантов для наглядности набросал. Какие стили нужно задать элементам?
0 votes3 answers -
Row span наоборот
Как сверстать такое? Не знаю как сделать ячейку обведённую красным http://clip2net.com/s/7frZCV спс)
0 votes4 answers -
Как сделать появление картинки на картинке при навидении
Как сделать появление картинки на картинке при навидении. Много раз такое видел на сайтах, а как понадобилось нигде не могу найти. Суть в том, что при наведении на большую картинку, на ней же, в верхнем углу надо показать вторую картинку. Появляющаяся картинка меньше размером и выглядит как кнопка. Посоветуйте где можно посмотреть примеры и почитать. Вот пример, но он не работает http://jsfiddle.net/WMtpL/ Кстати, делаю для сайта _livelyn.net - при наведении на картинку, на ней же в углу должна появится картинка-кнопка добавления в избранное.
0 votes2 answers -
Button проблема
во всплывающем окне (по любой кнопке нажать) - button заставляет прыгать окошко на ховере. Как вылечить? В ие8 кстати дополнительных проблем не предвидится? http://svchos.bget.ru/present/
0 votes4 answers -
Кроссбраузерность поиска html5
Здравствуйте. Подскажите как сверстать поиск кроссбраузерным. Нужно чтобы получилось вот так. Желательно обойтись без скриптов (по возможности)
0 votes7 answers -
Как сделать прозрачные углы у inframe
Я в верстке новичок, многих вещей не понимаю, как сделать такие же рамки и такую же прозрачность углов как на картинке, если учесть что это inframe
0 votes7 answers -
Положение фона - помогите сделать?
http://leveler.ru/popukaki/ На втором этаже в правой колонке есть фоновая картинка, которая должна выглядеть как-то так: Прижата к нижней части , выровнена по центру правой колонки, при этом находится за текстом. Как такое возможно сделать? Чтобы при масштабировании окна картинка не наезжала на среднюю часть, а была за ней, и была спозиционирована по центру правой колонки? P.S. Все картинки временные, нормальные еще не отсняли.
0 votes8 answers -
Неправильно работает :hover в GoogleChrome
Здравствуйте. Столкнулся с такой проблемой. В сверстаном шаблоне некорректно отображаются стили при наведении в Хроме. Блок "Наши Новости" работает правильно - при наведении на блок меняется цвет фона, при наведении на новость меняется цвет её фона, текста и рамки у img. При наведении на блоки "Новости Alfa" и "Новости дилеров" у меня стили :hover срабатвают ТОЛЬКО при наведении на нижнюю (3-ю) новость. В других браузерах соответственно всё нормально. Первый раз с таким сталкиваюсь, предположил что дело в новой версии хрома? Ссылка Кусок кода CSS:
0 votes2 answers -
Проблема с версткой меню
Доброго времени суток, форумчане. Прошу помощи в решении следующей задачи: нужно сверстать меню по ширине сайта (960px), при этом пукнты меню должны равномерно распределиться по ширине родительского блока (те самые 960px). Итак, html разметка: <div class="wrapper"><ul class="main_menu"> <li><a href="#">Главная</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> <li><a href="#">Пункт меню 4</a></li> <li><a…
0 votes3 answers -
профиль пользователя
помогите пожалуйста как исправить эту ошибку когда в тексте нет пробела вот что получается как это исправить
0 votes10 answers -
Проблема с отображением на Opera Mini
Есть сайт который нормально отображается на ПК. Но в Opera Mini всё совершенно некорректно. Как можно это исправить? есть ли чтото наподобие Opera Dragonfly для mini? Сайт:http://secretmoon.ru/ На Opera Mini:
0 votes0 answers -
проблема с z-index
Проблема такая, верстаю страницу, все вроде нормально, но в блоке с слайдером .latest-post_wrapp фоновый цвет навигации по слайдеру должен заступать за фото. Но, Если в #photos > li больше z-index чем в #thumbs, то навигация делается неактивной, то есть #photos > li его "закрывает", я решил проблему (смотреть по ссылке), но думаю, что это не лучший вариант. Что можете посоветовать по этой проблеме? Ссылка на страницу : http://mihayliack98.url.ph/duplexProb/
0 votes1 answer -
Проблема с сайтом
Вот сайт http://diman4ik.mcdir.ru/ как сделать чтобы было именно так? http://s1.ipicture.ru/uploads/20140417/VY25RQ55.png как сделать линии по li ? и как сделать справа стрелочку такую?
0 votes2 answers -
Наполнение блока
Здравствуйте. Есть некий <div><img></img></div> При увеличении изображения внутри дива изображение выходит за его рамки. Как сделать чтобы вместо этого, при увеличении изображения, в блоке появлялись полосы прокрутки?
0 votes4 answers -
Выравнивание блоков
Здравствуйте, уважаемые. Такова делема: на странице 3 дива: левый, правы и центр. Возникла проблема их позиционирования. Установив: display: inline-block; дивы выравниваются по нижнему краю. Можно ли сделать чтобы выравнивание было по верхнему краю? Или просто ставить position:absolute и подгонять каждый блок по пикселям? И как вообще рекомендуете позиционировать такие вещи?
0 votes2 answers -
Описание сайта в поисковиках. Не из description?
Добрый день! Подскажите пожалуйста, как правильно создать отображение описания сайта в поисковых системах. Дело в том, что есть страница подписки http://moment7.ru/ В описании в дескрипшн написал нормально все. Но я ндекс взял описание из текста на странице. Посмотрел код других сатов, там тэгов дескрипшн и кейвордс нет вообще. У страниц яндекса в том числе и у многих новых сайтов тоже. Подскажите как мне правильно настроить описание сайта. Большое спасибо!
0 votes2 answers -
добиться эффекта со шрифтом
День добрый! Начал верстать макет и с самого начала не знаю с чего начать. http://s019.radikal.ru/i605/1404/28/91ca0a8db98b.png подскажите как можно добиться такого результата с текстом!
0 votes3 answers -
смешение блоков
ребят здравствуйте есть макет с 3 колонками с фиксированой шириной на данный момент сверстал 2 но возникла проблема должно быть так но при убирании маргина у второй колонки блок улезает вниз код первой колонки #contaner { width: 320px; height: 750px; float: left; border-radius: 10px; }код 2 колонки изза маргина третья колонка улетает влево если убрать улетает 2 почему у первой не работает флоат лефт никак не пойму #content { width: 390px; height: 800px; background: #fff; margin-left: 320px; border-radius: 5px;}код 3 колонки тут совсем с маргинами ужас но нормально отображаеться только так #news {width: 250px;height: 780px;background: #333;margin: -754px 68…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-