HTMLCSS.ru » avedent

Отображение товаров блоками/списком

avedent — Mon, 30 Nov -0001 00:00:00 +0000

Здравствуйте! У меня вопрос след. характера. Верстаю проект интернет магазина. Есть страница вывода списка товаров, на которой есть 2 кнопки отображения контента: блочно(плиткой) и списками. Так как я столкнулся с этой штукой впервые, хочу спросить у тех кто это делал: как правильно организовать верстку? Каким образом будет происходить переключение? Верстку сделать проблем не составляет. Что именно должно происходить при клике, который меняет по сути стили отображения списка товаров…

Заранее спасибо!

Создание навигации сайта с помощью

avedent — Tue, 15 Oct 2013 12:44:37 +0000

Здравствуйте! Мне нужно создать необыкновенную навигацию на сайте (см. рисунок прикрепленный ниже).
Проблема в следующем:
Каждая кнопка будет иметь 3 состояния (:hover, :active и нормальное состояние). Я бы мог делать их с помощью псевдоэлементов, потому-что по-сути у меня меняется только в пирамиде большая грань позиционированием можно выкрутить. НО! Мои треугольники (или пирамиды) расположены очень близко один к одному, и получается если я буду наводить на элемент z-index меньше — другой будет его перекрывать. Поэтому мне посоветовали делать в этому случае с помощью < map >. Я не разрабатывал карты раньше…

Вопрос в следующем: Я могу с использованием тега
менять состояния элементов. И каким образом?

Заранее спасибо!

Возможно ли сделать подобную тень с помощью css

avedent — Mon, 23 Sep 2013 14:03:56 +0000

Столкнулся в верстке с интересной тенью. Хочу спросить, может кто уже делал подобное, возможно ли сделать такую тень с помощью css, или лучше использовать изображение. Я сам не фанат использовать изображения….

Заглушка на сайт

avedent — Mon, 30 Nov -0001 00:00:00 +0000

Здравствуйте! Мне нужно сделать заглушку на сайт, которая должна блокировать доступ на сайт со старых браузеров. Дело в том, то мне ее нужно сделать в соответствии с дизайном сайта.

Т.Е. при входе на сайт со старого браузера должно быть перенаправление на на страницу где должно быть написано что-то типо «Вы используете старую версию браузера … и т.д.» Заглушка должна блокировать вход на сайт не только с браузера ИЕ, но также старых Mozilla, Opera, FireFox…

Может у кого-то завалялся какой-то материал по этому поводу, буду очень признателен…

Как с помощью CSS сделать скругленный треугольник

avedent — Thu, 18 Jul 2013 09:33:23 +0000

Задача состоит в следующем: С помощью псевдокласса :before нужно добавить уголок. Мне НЕ хотелось бы использовать изображение. Я рисую треугольник с помощью css :

border-top: 100px solid red;
border-left: 100px solid transparent;

Но проблема в том что на изображении он немного скруглен внизу. Пробовал border-radius [ border-radius: 0 0 10px 0; ] — не помогает, потому что скругление происходит в другую сторону.

Подскажите, пожалуйста, есть ли выход с данной ситуации с помощью css, или все же придется использовать изображение.