Поблагодарить:
Воскресенье, 15 Июль 2018 09:22

Сделать градиент текста в CSS

Я вообще сторонник идеи, что «чем проще, тем лучше», что разного рода извращения со стилями только портят дизайн и отвлекают от содержимого, но что делать, когда клиент просит? Правильно, клиент всегда прав – а значит делаем. Вот примерно так со смирением я обычно делаю градиент на текст, раньше это делали в Photoshop, вставляя потом картинки на сайт (помните это убожество, да?) теперь можно настройки задавать в CSS.

Опубликовано в Новости
Четверг, 05 Июль 2018 11:59

vertical-align не работает на тег li

Работая с одним из сайтов, возникла необходимость отцентрировать по вертикали текст в списке. Всё усложнялось ещё тем, что у каждого элемента был свой собственный list-style-image. Усложнялось, потому что всякие попытки установить свойство display приводило к тому, что изображение списка просто пропадало.

Опубликовано в Новости

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

Опубликовано в Новости
Вторник, 26 Июнь 2018 10:59

Как убрать рамку у img

Столкнулся с вопросом «рамки» у тега img , а точнее с тем – как её убрать, после того, как удалил атрибут src и решил прописать его через свойство стилей background-image:url всё получилось, как надо – изображение встало там, где мне было нужно, но только вот откуда не возьмись появилась рамка.

Опубликовано в Новости

При всех ворчаниях, которые у меня происходят при работе с новыми CMS, кое, что меня всё же привлекло в Opencart, а именно то, что шаблоны (по умолчанию) уже настроены под мобильную версию (по крайней мере, версия Opencart 2.3 точно) сайта. Таким образом, небольшие правки цветовой гаммы и, по крайней мере, вопросом дизайна (а в особенности вёрстки) можно не задаваться.

Опубликовано в Новости
Пятница, 24 Март 2017 18:59

Селекторы CSS

Работая над очередной безумной идеей, столкнулся с вопросом, что нужно было написать стили для элемента с атрибутом name. Поскольку class имел «общий» характер, а id был задействован в javascript’e и дабы исключить фактор «ой, а я и забыл, что ты у меня ещё и к css имеешь отдельную привязку» решил стиль писать по атрибуту name.

Опубликовано в Новости
Воскресенье, 06 Сентябрь 2015 11:31

Кратко об SVG

SVG (Scalable Vector Graphic) – масштабируемая векторная графика. Я не стал создавать отдельную рубрику для SVG, хотя скорей всего нужно было, но у меня просто не будет времени настолько углублённо изучить эту систему. Поэтому все свои опыты в этом направлении я буду писать именно в xhtml потому что файлы SVG описываются по всем правилам XML и имеют разрешения *.svg и *.svgz.

Опубликовано в Новости
Воскресенье, 24 Май 2015 00:00

CSS Height: 100% – не работает

Работая над очередным сайтом, столкнулся с проблемой вёрстки. Причём, как мне казалось «идеальное решение» вёрстки на деле оказалось пылью в глаза. На самом деле, всё в действительности должно было работать так, как задумал. Но на деле работало только в браузере Chrome, остальные (речь идёт не только про Internet Explorer, разработчики которого похоже разрабатывают браузер для жителей параллельного пространства) не желали воспринимать настройки из файла css.

Опубликовано в Новости

Те, кто занимаются вёрсткой сайтов, наверняка сталкивались с такой проблемой, как «центрирование текста в блоке div». Я, как человек, немного промышляющий в этой области, тоже столкнулся с этой проблемой. К слову сказать, обычно я эту проблему решал через html-код (align=”center” в нужном мне месте и всё становилось на свои места), но в этот раз так сделать не получилось.

Опубликовано в Новости
Вторник, 20 Январь 2015 00:00

Вертикальное всплывающее меню

Первая версия моего сайта про строение компьютера являлась своего рода тренировочной площадкой. И главное новшество, которое я хотел опробовать – это всплывающее меню, написанное на простом html-языке с использованием таблиц стилей CSS. Новая версия сайта унаследовала вертикальное всплывающее меню. О всплывающем меню и поговорим ниже.

Опубликовано в Новости
Страница 1 из 2

Спонсоры: