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
-
Спрайт для счетчика для нестандартных цифр
Спрайт для счетчика для нестандартных цифр - когда каждая цифра имеет свою заливку и ее можно вставить только картинкой. Кто должен его создавать - дизайнер или верстальщик? Верстальщику придеться создать новый слой, написать 10 цифр, потом каждую вырезать отдельно и всавить в слои равной ширины друг за другом. Достаточно кропотливая работа - почласа может занять спокойно.
0 votes16 answers -
Уходит блок, помогите!
Вот исходники. http://jsfiddle.net/Qyg22/ Почему выезжает самый последний блок ? я ему дал отлайн желтого цвета. Он должен быть в правом блоке, но уходит в самый низ, помогите решить проблему!
0 votes16 answers -
Кнопочки
Ребята,подскажите как с фотошопа запилить такие кнопки,а то я только изучаю HTML и CSS. http://hostingkartinok.com/show-image.php?id=29816034e703e842a22d46d04e1b5298 Мне интересно каким кодом,что бы когда наводишь на кнопку меняло цвет... Я вот не пойму мне нужно блок добавлять и добавить по верх него ссылку,или вставить как картинку?!
0 votes16 answers -
Акустические листы стилей
Вот тут меня спросили, что делать для слепых, я с умным интерфейсом начал рассказывать, а потом понял, что не знаю куда человека послать по сабжу. Кажется, упущен этот момент или я не могу найти в учебнике. Надо б по-лёгкому провентилировать, хотя бы на уровне, что это есть и перечислить практически существующие правила.
0 votes16 answers -
Выравнивание inline-block по ширине в Chrome и Opera
В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03">…
0 votes16 answers -
Position fixed создает лаги при скролле страницы
Проблема такая - есть 3 фиксед элемента и скрипт, который плавно крутит с помощью меню страницу к разным якорям. Все сильно тормозит. Стоит убрать фиксед - и лаги пропадают. Что же делать, как бороться?
0 votes16 answers -
Плывут блоки при масштабирование
Всем привет. Я новичек в верстке, поэтому вопрос может быть глупым, но всё же. Собственно проблема возникает при масштабирование страницы, блоки начинают съезжать. Как это исправить? Буду благодарен за помощь. и вот живой пример http://dofamin.tor.su/page/test/ и пользуясь моментом задам еще 1 вопрос. проблема заключается при работе со шрифтами. Как корректно подобрать размер шрифтов из PSD ? Например в PSD размер написан 16pt, но при верстке с указание размера шрифта в 16pt возникают разногласия с макетом.
0 votes16 answers -
Автоматическое масштабирование сайта на мобильных устройсвах
Привет, ребят. В общем, есть один сайт и он не такой как все, а именно, все другие сайты при загрузке на телефоне автоматически уменьшаются под размер экрана, а этот наоборот, загружается сразу как будто уже приблизили, надо сделать так, чтобы он загружался уменьшенным как все сайты. Как это сделать?
0 votes16 answers -
Разделение фона
Приветствую профессионалов и новичков верстки. На днях столкнулся с задачей, оказавшейся для меня необоримой. Все, я полагаю, знают кнопочку в роде со значком маркера-фломастера, который выделяет цветом текст, причем если выделены две строки, то между полосками цвета имеется зазор, что и отличает \ту кнопочку от кнопочки "заливка фона". Вот с такой задачей и столкнулся. Имеется текст в тэге h2. На экране он отображается в две строки, причем вторая строка короче первой. Нужно сделать как раз такой эффект как в Ворде - фон должен быть залит цветом, между строками должен быть прозрачный зазор. Использоавание заливки картинкой png с repeat не удовлетворяет требованияй, ибо во…
0 votes16 answers -
svg или webfonts
Для размещения на сайте требуются иконки. Надо, чтобы они были резиновые. Их можно делать с помощью svg и с помощью webfonts (как тут http://fortawesome.github.io/Font-Awesome/). Как вариант будет поддерживать большенство устройств и браузеров? Какой бедет меньше весить? И как делать самому шрифты для web?
0 votes16 answers -
Задача невыполнима?
Реально ли сверстать некий прямоугольный блок с текстом, удовлетворяющий следующим требованиям: 1. Закругленные углы 2. Тень со всех сторон 3. Полупрозрачность фона (что бы было видно все, что находится за блоком) 4. Резиновость хотя бы по высоте. 6. Корректное отображение при масштабировании страницы (через ctrl) как в + так и в - 5. Поддержка всех этих пунктов без исключения начиная с IE7+ Такой блок мне нужно сверстать независимо от того, возможно это или нет. Этого требуют от меня на работе. Пробовал вариант с прозрачными картинками, все вроде хорошо, но при масшабировании в хроме появляются артефакты в виде смещения в разные стороны бэкграундов на пару-тройку п…
0 votes16 answers -
я нечаянно выключил комп
Когда верстал сайт, я нечаянно выключил комп и когда теперь открыл файл style.css там сплошной NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NULкак исправить? все стили пропали, обидно может кто-нибудь сможет восстановить http://file.sampo.ru/jgndfr/
0 votes16 answers -
Как лучше сверстать такой макет?
Вот макет http://prntscr.com/3llg43 верстка под современные браузеры включая ИЕ 8 - 11
0 votes16 answers -
кроссбраузерность
Уже создавал подобную тему, но все же не решил всех проблем. Подскажите под какую более раннюю версию explorera подстраиваться, я так понимаю что 7 и 8 это все уже прошлый век, тогда под 9 ую? 10 ую? и если нужно проверять под 8 ую то как это сделать если у меня 7 винда и на нее не могу установить эти ранние версии. Еще вопрос такого рода, в 11 explorer не отображает лого и задний фон, не знаю почему, везде все работает но только не здесь, подскажите что сможете, спасибо)
0 votes16 answers -
:hover в мобильных браузерах
Допустим есть некая форма со списком услуг. При наведение пункт списка меняет цвет. При клике цвет фиксируется, т.е. добаляется класс с помощью js, при повторном клике класс удаляется и соответственно цвет меняется. Но на тач устройствах hover воспринимается как клик, и в результате выделение не снимается после повторного клика. Пробовал заменить css hover на js, и при клике насильно удалять класс, который вешается при наведении. Помогло, но не во всех браузерах, например в 4 айфоне 13-ый яндекс браузер и какая-то сафари не повелись на этот трюк, и упорно цепляются за hover. Какие есть еще варианты?
0 votes16 answers -
Когда div нужен
Доброго времени суток, народ правильно ли если div пустой и он имеет только бэкграунд? этот div сделан только для этого фона. Чем это не хорошо кроме того что лишние div не нужны. И есть ли ситуации когда так делать нормально?
0 votes16 answers -
картинка к ссылке
Подскажите, как мне к ссылкам, привязать картинку? Чет не получается! http://jsfiddle.net/UX3xG/
0 votes16 answers -
Какие размеры дисплеев нужно учесть
Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?
0 votes16 answers -
Можно ли реализовать такое на чистом css?
http://take.ms/g973S Реально реализовать такое на чистом css? Любой способ... Была идея светлую картинку затемнять прозрачным темным слоем через псевдоэлемент, но как потом кругом снова засветить? Как такое можно реализовать?
0 votes16 answers -
Нужен чат для главной страницы
Я начинающий, разобрался только в html и css. Предстовления не имею как создать чат. Как, на каких языках программирования?
0 votes16 answers -
Нужна помощь по префиксам
Проблема такая, откуда подцеплять префиксы ? 1) Из Sass, я его использую так что проблем ноль 2) Autoprefixer вроде тоже нормально 3) а может уже не надо, я как бы не парюсь по IE ниже 9 ?
0 votes16 answers -
Идентификаторы и классы
Иногда при использовании класса или идентификатора стили не применяются. Но если добавить к нему имя тега, то стили применяются #Имя_идентификатора { Описание правил стиля } - не работает E#Имя_идентификатора { Описание правил стиля } - работает Пример показать не могу, периодически при вёрстке сталкиваюсь. Такое бывает, когда несколько стилей применяется к одному элементу. Это потому что у второй записи больший приоритет?
0 votes16 answers -
Как лучше обрезать текст
Всем привет, Коллеги подскажите, как по грамотней сделать обрезание текста в блоке Макет: http://azharova.ru/test/img/promo.jpg Верстка: http://azharova.ru/test/promo.html Задача: 1. для вот такого блока http://prntscr.com/5wtpc1 выровнять белые кнопки так что бы они всегда были на одном уровне 2. Обрезать текст анонса как в макете
0 votes16 answers -
Нужна помощь по верстке
Здравствуйте все. Пишу в этот раздел, потому что в "сделайте мне бесплатно" не пускает писать. У меня полный "затык" с версткой сайта по макету и скорей всего путаница в div'ах. Очень хотелось бы найти человека, кто мог бы мне помочь с этой версткой (созвониться по скайпу (объяснить проблемы), использовать удаленку если нужно). Я сделала все что могла с этим сайтом.
0 votes16 answers -
Перевод абсолютных велечин в относительные
Сейчас делаю так, верстаю в пикселях, потом перевожу в em, % и т.д. Но последнее время это стало напрягать. Поделитесь своими методиками перевода из абсолютных велечин в относительные, можно и софтом (калькуляторы, сервисы и т.д.). И могут ли в этом помочь препроцессоры? Буду премного благодарен.
0 votes16 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-