Вопросы по верске и критика.

[Arthur]

Сверстал страничку.

Кроссбраузерность: Современные браузеры, IE9 и Opera 12.

 

Не столько нужна оценка сайта(верстки и т.п.)(хотя хотелось конечно услышать ее) сколько получение ответов на данные вопросы:

 

-Как сделать тень у треугольничков(обычную, однопиксельную, аналог: box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)) которые появляются в "div ul.vmenu-main a" при наведении ?. Единственное, что приходит на ум, это изображение.

-Условные комментарии в IE9 создают какой-то отступ сверху. Как это пофиксить ?

-При открытии в IE ниже 9 придумал такую заглушку(хотя может так и делают?). Есть ли более продвинутые заглушки ?

Edited December 5, 2014 by Arthur

[afdw]

div ul.vmenu-main a:hover:before {

content: "";

position: absolute;

left: 0;

top: 12px;

border: 11.5px solid transparent;

border-left: 6px solid rgba(0, 0, 0, 0.37);

left: 2.5px;

border-right: none;

-webkit-filter: blur(2.5px);

}

div ul.vmenu-main a:hover:after {

content: "";

position: absolute;

left: 0;

top: 16px;

border: 7.5px solid transparent;

border-left: 7px solid #edebec;

border-right: none;

}

[Arthur]

div ul.vmenu-main a:hover:before {content: "";position: absolute;left: 0;top: 12px;border: 11.5px solid transparent;border-left: 6px solid rgba(0, 0, 0, 0.37);left: 2.5px;border-right: none;-webkit-filter: blur(2.5px);}div ul.vmenu-main a:hover:after {content: "";position: absolute;left: 0;top: 16px;border: 7.5px solid transparent;border-left: 7px solid #edebec;border-right: none;}

 

Ох, моя ошибка, надо было уточнить какую тень

Обычная, однопиксельная, аналог: box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)

 

Кстати вы заметили там стоит:

div ul.vmenu-main a:hover:before,

div ul.vmenu-main a:hover:after {

  стили...

}

Забыл убрать "div ul.vmenu-main a:hover:after", когда делал похожую вещь как у вас(я просто сделал 2 одинаковых триугольника и тот который был снизу выдвинул вперед на 1 пиксель, ну и непрозрачность поставил. Но оно все же не похоже на стандартную тень, имхо.

Edited December 5, 2014 by Arthur

[Arthur]

Было бы совсем неплохо, услышать еще ответов от форумчан.

Был бы весьма, премного преблагодарен!)

Edited December 6, 2014 by Arthur

[afdw]

Да вообще не отличить!

div ul.vmenu-main a:hover:after {content: "";position: absolute;left: 0;top: 16px;border: 7.5px solid transparent;border-left: 7px solid #edebec;border-right: none;}div ul.vmenu-main a:hover:before {content: "";position: absolute;left: 0;top: 15px;border: 8px solid transparent;border-left: 9px solid rgba(0, 0, 0, 0.5);left: 0.5px;border-right: none;-webkit-filter: blur(01px);}

[Arthur]

В 2х браузерах работать будет!)

[afdw]

В 2х браузерах работать будет!)

http://css-plus.com/2010/05/how-to-add-a-gaussian-blur-effect-to-elements-within-firefox/

Edited December 6, 2014 by afdw

[Arthur]

http://easycaptures.com/fs/uploaded/940/9031525995.jpg

Something... Is not quite right. Error 404

???

 

P/S.

Кстати, это фаерфокс видит так данную страницу.

Edited December 6, 2014 by Arthur

[solovnik]

Здравствуйте! У меня сайт на вордпресс. Хотел в таблице сделать background с картинкой, но при переключении в визуальный режим картинка не отображается, а в текстовом режиме background исчезает. Есть какое-то решение?

[afdw]

http://easycaptures.com/fs/uploaded/940/9031525995.jpg

Something... Is not quite right. Error 404

???

 

P/S.

Кстати, это фаерфокс видит так данную страницу.

Пробел опять добавился в конце, а ссылку не проверил. Такое часто бывает на этом форуме.

Edited December 6, 2014 by afdw

[Veseloff]

Здравствуйте! У меня сайт на вордпресс. Хотел в таблице сделать background с картинкой, но при переключении в визуальный режим картинка не отображается, а в текстовом режиме background исчезает. Есть какое-то решение?

Создайте отдельную тему.