Arthur
User-
Posts
88 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Arthur
-
afdw "Да и тени там никакой нет!" Тень у кнопок и треугольников. "Макет не доработан, там пункты меню прям на шапке, и год в © странный: 20210." А зачем вы убрали обтравочную маску(в фотошопе) или как у вас так шапка стала?. Я не знаю что там за года не год сделал как на макете(вот это то точно не важно).
-
У тени там на краю цвет отличный от цвета по бокам, так что если точно делать то понадобиться какой-то время, но зачем мне возится с тенью пол часа?(я не утверждаю что это верное мнение, так как у меня мало опыта, но если у вас есть быстрый способ это сделать, буду рад услышать)(ещё дело в том что там тень в фотошопе слита в растровое изображение, то есть нету там стилей, я бы может кинул этот слой в какойто плагин преобразовывающий в css напр., но так не получится)). Точно так же и с треугольниками которые появляются у пунктов меню при наведении. Я ведь их сделал без тени, хотя это не соответсвует макету и наверное это ошибка).
-
Из-за небольшой тени(имхо нестандартной) внизу.
-
Так было задумано.
-
Источник PSD. Скачать PSD. Картинка PSD. Спасибо, добавлю.
-
Сверстал страничку. Хотелось бы услышать похвалу, либо критику, не суть важно(я новичок в этом деле, так что макет простенький). Кроссбраузерность: Современные браузеры, IE9 и Opera 12. IE ниже 9 - стоит заглушка(прошу не обращать на нее внимание, т.к. страшная она. В скором заменю) Дополнительная информация: Источник PSD. Скачать PSD. Картинка PSD. P/S. Хэдер заменил(просто тот не очень понравился).
-
Сам только сегодня заметил что забыл дописать "<". Даже и не думал что вы об этом говорили. Прошу прощения, если что) Не за что)
-
Первый вариант: <head><!--[if !(lt IE 9)]><!--><link rel="stylesheet" href="css/normalize.css"><link rel="stylesheet" type="text/css" href="css/common.css"><link rel="stylesheet" type="text/css" href="css/home.css"><!--<![endif]<!--></head>работает, даже на не эмуляции IE(но я проверял только 8 версию(думаю в 7 так же)), а вот пробел о котором писали на SO (<!-- [if...) я сразу не заметил, но он то удаляет отступ в IE9, но из-за него условные комментарии вообще не работают(то есть IE ниже 9 подключают стили которые по условным комментариям не должны)
-
Первый вариант отлично отрабатывает во всех браузерах. Второй, да я заметил когда экспериментировал, что это элемент body(то есть вообще все <link> в блоке head под условными комментариями переходят в начало body кстати интересно почему?... Пробел работает!) Спасибо, за ещё один вариант.
-
Нашел ответ!: <head><!--[if !(lt IE 9)]><!--><link rel="stylesheet" href="css/normalize.css"><link rel="stylesheet" type="text/css" href="css/common.css"><link rel="stylesheet" type="text/css" href="css/home.css"><!--<![endif]<!--></head>Кстати в поиске ответа, экспериментировал и вот один из вариантов: <head><div class="style"> <!--[if !(lt IE 9)]>--> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" type="text/css" href="css/common.css"> <link rel="stylesheet" type="text/css" href="css/home.css"> <!--<![endif]--></div><style> .style { font-size: 0px;}</style></head>Не ну забавно ведь. Правда само собой, не валидный
-
Всем доброго времени суток! Есть страничка. Условные комментарии в IE9 создают какой-то отступ сверху. Как это исправить ?
-
<<сообщение удалено>>
-
http://htmlbook.ru/css/transition http://shpargalkablog.ru/2011/07/transformaciya-css.html http://habrahabr.ru/post/111658/
-
http://easycaptures.com/fs/uploaded/940/9031525995.jpg Something... Is not quite right. Error 404 ??? P/S. Кстати, это фаерфокс видит так данную страницу.
-
В 2х браузерах работать будет!)
-
Было бы совсем неплохо, услышать еще ответов от форумчан. Был бы весьма, премного преблагодарен!)
-
Прочтите сообщение выше и попробуйте сами. Если не получится: http://jsfiddle.net/0jta2u58/1/ Разделите кнопку по частям и эти части поместите в соответствующие места(синий и зеленый прямоугольники(понятное дело у меня размеры на глаз). Достаточно кроссбраузерный код, если вам конечно не нужны IE ниже 8ки.
-
Ох, моя ошибка, надо было уточнить какую тень Обычная, однопиксельная, аналог: 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 пиксель, ну и непрозрачность поставил. Но оно все же не похоже на стандартную тень, имхо.
-
Сверстал страничку. Кроссбраузерность: Современные браузеры, IE9 и Opera 12. Не столько нужна оценка сайта(верстки и т.п.)(хотя хотелось конечно услышать ее) сколько получение ответов на данные вопросы: -Как сделать тень у треугольничков(обычную, однопиксельную, аналог: box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)) которые появляются в "div ul.vmenu-main a" при наведении ?. Единственное, что приходит на ум, это изображение. -Условные комментарии в IE9 создают какой-то отступ сверху. Как это пофиксить ? -При открытии в IE ниже 9 придумал такую заглушку(хотя может так и делают?). Есть ли более продвинутые заглушки ?
-
спасибо, не думал что все так серьезно)
-
Да и ещё добавить top: 2px и bottom 2px, ну или по одному. Я уже что-то подобное делал. Вроде как мне ответили тут. Но вот понять этот ответ это еще дело..
-
Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")
-
Всем доброго времени суток! Есть такой код Промежуток между тегами li насколько я понимаю из-за табов и пробелов?!. Первые 2 li идут без пробелов и табов и проблемы нет. Но как без изменения HTML кода, средствами CSS убрать эти отступы ? P/S. Интересует как избавиться от отступов именно в такой ситуации. Если что, то я имею представление про float: left и т.п.(вместо display: inline)
-
Речь все же о section и artice. Что вы имели ввиду под "никак наоборот"?
-
Тег <article>, как и следует из его названия («статья»), предоставляет полный пакет информации. Тег <section>, напротив, содержит связанную информацию, однако эта информация не может быть помещена в другой контекст сама по себе, поскольку в этом случае ее смысл будет потерян. -->ИМХО: Выглядит это примерно так: <article>hello world!</article> <!-- полный пакет информации, если вырвем из контекста смысл будет ясен--><section>hel</section><section>lo wor</section><section>ld!</section> <!-- содержит связанную информацию, то есть, если вырвать один из этих тегов и поместить в другой контекст(например возьмем <section>lo wor</section>) то смысл буде потерян(смысл этого вырванного section в другом контексте) -->Понятное дело, так по section, слова не разбиваются, сделал это, для объяснения о чем я. P/S. Так как я и сам начинающий(1й ваш вариант не подходит под мое описание, то есть он ошибочный(хотя согласитесь странно как то если вырвать section из 1го вашего варианта и поместить его в другой контекст, то смысл должен быть ясный так как внутри находится article, хотя не должен, так как это section хД )). Вобщем каша с этими article и section, по логике не сходится ничего...