HTML Coding

29542 questions in this forum

1. градиент текста

   Привет, столкнулся вот с такой задацей реально ли это реализовать на ксс

   Asked by dilan.mckey, December 15, 2011

   0 votes
   9 answers
2. Градиент текста CSS

   Есть ли сейчас кроссбраузерный способ реализации градиента текста средствами CSS ? Нашел такой вариант, но он не кроссбраузерный... Не работает в IE и Opera mini... Используете данный способ или вставляете картинкой подобный текст? linear-gradient(to right, #00e0d0, #4aa3cc), linear-gradient(#ffffff, #ffffff) -webkit-background-clip: text; -webkit-text-fill-color: transparent;

   Asked by SnowSilver, June 4, 2018

   • градиент текст
   • градиент текста css
   0 votes
   1 answer
3. Градиент текста в CSS

   Здравствуйте. Сенат просит помощи у джедаев. Мне нужно осуществить выпадающее меню при помощи div. Но самой справиться мне мешает тот факт, что текст пунктов меню нужен градиентом, который я делаю так http://jsfiddle.net/kattiperk/Q9LM4/ Есть какой-нибудь способ либо другого градиента для текста, чтобы можно было меню написать списком? Либо сделать спойлер через div, но чтобы корректно отображалось с градиентом уже написанным? Или дайте где почитать. Спасибо.

   Asked by kattiperk, March 30, 2014

   0 votes
   3 answers
4. Градиент текста с помощью css

   Вот сайт http://teplee.com/ Сделал средствами css перелив полосок меню и разделов по бокам. Но оказалось что коректно работает только в мозиле, в опере без изменений, в ИЕ вообще цвет другой и градиент не такой как задумывалось. вот код: div#menu { position: relative; width: auto; height: 36px; background-color: #D12E03; background: -moz-linear-gradient(#671402, #FF4500, #671402); background: -webkit-gradient(linear, 0 0, 0 100%, from(#671402), to(#671402), color-stop(0.5, #FF4500)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF'); } Что не так сделал подскажите.

   Asked by ValentoS, February 13, 2011

   0 votes
   13 answers
5. Градиент-полукруг

   Как создать градиент такой формы в css?

   Asked by Max22, November 6, 2013

   0 votes
   2 answers
6. Градиент, IE9

   Привет! Сегодня заметил такую вещь - задаю фон дива градиентом, все нормально. Добавил скругление углов - и фон вылез за рамки самого дива. Вот пример Какое решение может быть для IE9 ? В остальных браузерах все нормально

   Asked by GodNob, July 5, 2012

   0 votes
   4 answers
7. Градиент!

   Доброго времени суток! Помогите пожалуйста разобраться! Есть шапка, рисунок - градиент(jpg), и на этот градиент наклыдываються два рисунка. Один справой стороны а другой с левой, расширение у них .png (шапку разбил на три столбца!) Градиент с командой z-index:-1; на заднем фоне. Все это хорошо смотриться при просмотре браузера на весь экран. как только его уменьшить, появляеться внизу полоса прокрутки. Когда просмотреть документ, с помощью полосы прокрутки до конца(т.е. в право), то там видно белый цвет сайта а градиен не растягиваеться!!! И мало того, на других компьютерах шапка совсем другого цвета а градиента практически нет. Я уже измучился выяснять что у меня не так…

   Asked by :tyz, May 13, 2009

   0 votes
   19 answers
8. Градиентная прозрачность картинки

   Как сделать градиентную прозрачность картинки с сердечками http://jsfiddle.net/ntxsx1ba/ чтобы слева она была прозрачная, а справа непрозрачная? Т.е. чтобы картинка с сердечками слева сливалась с фоном (с использованием прозрачности), а справа она была не прозрачной.

   Asked by YAHOO, October 9, 2014

   0 votes
   5 answers
9. Градиентная тень

   Доброе время суток всем! Собственно, мой первый пост здесь) Хочу сделать вот что-то вроде этого, но без использования картинки. Проблема в том, что там тень получается "градиентной". Не могу найти решения, как это сделать (и возможно ли?) средствами css

   Asked by Hahn_Solo, June 5, 2011

   0 votes
   5 answers
10. Градиентное изображение

    Вся шапка сайта это отдельный фрейм. В нем 3 рисунка. Первый логотип, второй логотип, а третий хочу растянуть на все оставшееся место. Проблема в том что сам фрейм уже подгружает файл css. И пробовал по всякому стандартными средствами. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" type="text/css" href="style.css"> <html> <head> <title>frlogo</title> </head> <body> <a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a> <a href="index.html"><img src="logo2.bmp" align="left" height="60" widt…

    Asked by Ururu, February 18, 2009

    0 votes
    0 answers
11. градиентное угасание элемента

    Здравствуйте! Делаю фотогалерею. В блоке мне надо чтобы в местах a и b блок угасал градиентом. (в блоке у меня картинки) (фон блока белый)

    Asked by sitemaker999, May 2, 2013

    • css
    • градиент
    • угасание
    0 votes
    3 answers
12. Градиентный border

    Как мне применить к блоку такую рамку? http://2.firepic.org/2/images/2015-01/10/s8gl0x3s7wky.png Чтобы была двойная, в два пикселя и с градиентом (внутренняя)

    Asked by iBars, January 10, 2015

    0 votes
    7 answers
13. Градиентный бэкграунд

    Возникла проблема с версткой градиентного бэкграунда. Смысл в том, что градиент идет не строго по вертикали или по горизонтали, а из нижнего левого угла в верхний правый. Блок не строго фиксированный, а должен тянуться по вертикали вниз в зависимости от наполнения его контентом, при этом независимо от вертикального размера блока градиент должен быть строго по диагонали из нижнего левого угла в верхний правый. Скрин прилагаю. Изображением бэкграунд вставить нельзя, так как блок должен тянуться.

    Asked by vadimon, November 21, 2010

    0 votes
    14 answers
14. Градиентный текст

    Как сделать градиентный текст? Кто то может делал. Кроме как использования картинок. нашел библиотеку fonteffect но что то мне кажется оно того не стоит. ну и не пробовал ее с другим фоном. проблема в том, что сам градиент и фон разных цветов.

    Asked by npofopr, August 30, 2010

    0 votes
    2 answers
15. Градиентный текст

    Как к тексту применить градиент? position: relative; float: left; margin-top: 98px; font-size: 30px; font-family:Myriad Pro; background: linear-gradient(to top, #165597, #4396d2);такой код не работает, по сути мне не важно какой... Подскажите что не так...

    Asked by ksn, September 18, 2014

    0 votes
    1 answer
16. Градиентный фон

    Подскажите, а градиентный фон я могу создать только с помощью изображения?

    Asked by woofs, January 12, 2009

    0 votes
    5 answers
17. Градиентный фон

    Подскажите, как сделать тянущийся градиент на фоне. Известно два крайних цвета, они должны сохраняться при любой ширине блока. Подозреваю, что нужен SVG/VML, никто пример не подскажет? Не дается что-то с лету...

    Asked by rash, July 13, 2009

    0 votes
    16 answers
18. Градиентный фон и разрешение экранов

    Уважаемые участники. Я – очень-очень начинающий верстальщик, столкнулась с проблемой, которую никак не могу разрешить. Подскажите, есть ли решение? Задача. Фон сайта состоит из горизонтального градиента: по бокам тёмный фон (условно #333), к центру становящийся светлым (#999). Основной цвет сайта - #999. По центру макета стоит картинка фиксированного размера, состоящая (по краям) из светлого фона (#999). Сначала я решила вставить по бокам макета блоки и залить их градиентной картинкой, но дело в том, что центр сайта – фиксированной ширины, а края – резиновые. И когда размер экрана меняется, то светлые края (#999) уходят под центральный блок с содержимым сайта, а тёмные …

    Asked by lunaska, November 17, 2011

    0 votes
    1 answer
19. Градиенты для IE9

    Может кому понадобиться. Нашёл решение проблемы градиентов для ie9. Сам скрипт https://rawgit.com/AsanovRuslan/gradientIE9/master/ie9-svg-gradient.js За основу взят http://jsfiddle.net/camartinez1229/thSxh/show/light/ Суть работы в том что берётся css3 градиент из файлов стилей конвертируется в svg и записывается обратно в свойство background-image. Для правильной работы нужно какое-то свойство в котором будет храниться наш градиент, так как ie9 вырезает нестандартные значения свойств. По умолчанию используется свойство "-pie-background", но его легко поменять в скрипте.

    Asked by bio, May 11, 2014

    0 votes
    10 answers
20. Градиенты и скругленные углы в IE.

    А вот нету. Если на диве висит CSS3 градиент + скругленные углы то корректного решения я не нашел. http://css3pie.com/, скажут некоторые? Работает через раз - то отрисует бекграунд то нет. На некоторых есть - на других нет. Когда стандартное filter стояло - таких проблем не было. http://dillerdesign.com/experiment/DD_roundies/ ? Без градиента. С градиентом - не работает. Jquery Corner вообще в топку - все поломал. Для тех кто думает что на сайте просто криво все сверстано - специально проверяли убрав все лишние скрипты и стили. Кто что из уважаемых гуру посоветует? Попеременно пай работает - F5 - работает, F5 - нет

    Asked by Destrifer, June 27, 2014

    0 votes
    5 answers
21. Грамотная адаптивная верстка

    Всем доброго времени суток. При адаптивной вёрстке вы заморачиваетесь такими вещами как: -PageSpeed(использование кэша браузера и т.п.) -Оптимизация файлов(подключение/отключение требующихся скриптов, картинок и т.п. при разных расширениях, то есть не просто все(что нужно и не нужно) подгружать при всех расширениях) Я о подобных вещах читал в книге Итана маркотта: отзывчивый веб-дизайн. Или всем этим занимается кто-то другой(seo и т.п специалисты)?

    Asked by Flexible Curd, November 19, 2015

    • адаптивная верстка
    • javascript
    • css
    • адаптивный дизайн
    0 votes
    1 answer
22. Грамотная верстка 3х элементов

    Пунктир - граница элементов. Имею 3 графических файла. Вместе они составляют одно целое. Высота среднего элемента непостоянна. Как грамотно сверстать эту вещь? Мой вариант: <div style="background: url('/paper/1.png') no-repeat;height:46px"></div> <div style="background: url('/paper/2.png') repeat-y;height:400px"></div> <div style="background: url('/paper/3.png') no-repeat;height:25px"></div> Уверен, что мой код создаст массу проблем при последующей верстке.

    Asked by Rise, April 27, 2012

    0 votes
    2 answers
23. Грамотная оптимизация графики.

    Здравствуйте. Задался в чем-то даже глупым вопросом, ушел в дебри размышлений и теперь, похоже, без совета "бывалых" не разберусь . Насколько я понимаю, во времена черепашьего Интернета, стройных таблиц и чистого HTML-а одним из основных способов существенной оптимизации сайта было уменьшение размера используемых на странице графических файлов. Насколько это актуально сегодня? С одной стороны есть множество статей и глав о том, что "Save for web" в Фотошопе придумали не зря и что нужно бороться за каждый байт веса. А с другой я нашел немало комментариев (их проф.авторитетность мне, правда, неизвестна) о том, что мониторы уже давно не по 256 цветов и 14'', и Инет у всех …

    Asked by Kray Storm, October 16, 2012

    0 votes
    9 answers
24. Грамотная резиновая верстка

    В качественной резиновой верстке принято использовать относительные величины? Вычитал, что так, но резиновых проектов, к примеру с "em", в сети вообще довольно трудно найти, хотя и делают профессионалы.

    Asked by flagreit, March 7, 2011

    0 votes
    8 answers
25. Граница

    LunatiK Границу поставил,увидел,сделал в html нужный отступ,но ничего не произошло(Только граница изменила положение)

    Asked by Pomeo, December 10, 2010

    0 votes
    12 answers