Jump to content

Arthur

User
  • Posts

    88
  • Joined

  • Last visited

Everything posted by Arthur

  1. afdw "Да и тени там никакой нет!" Тень у кнопок и треугольников. "Макет не доработан, там пункты меню прям на шапке, и год в © странный: 20210." А зачем вы убрали обтравочную маску(в фотошопе) или как у вас так шапка стала?. Я не знаю что там за года не год сделал как на макете(вот это то точно не важно).
  2. У тени там на краю цвет отличный от цвета по бокам, так что если точно делать то понадобиться какой-то время, но зачем мне возится с тенью пол часа?(я не утверждаю что это верное мнение, так как у меня мало опыта, но если у вас есть быстрый способ это сделать, буду рад услышать)(ещё дело в том что там тень в фотошопе слита в растровое изображение, то есть нету там стилей, я бы может кинул этот слой в какойто плагин преобразовывающий в css напр., но так не получится)). Точно так же и с треугольниками которые появляются у пунктов меню при наведении. Я ведь их сделал без тени, хотя это не соответсвует макету и наверное это ошибка).
  3. Из-за небольшой тени(имхо нестандартной) внизу.
  4. Источник PSD. Скачать PSD. Картинка PSD. Спасибо, добавлю.
  5. Сверстал страничку. Хотелось бы услышать похвалу, либо критику, не суть важно(я новичок в этом деле, так что макет простенький). Кроссбраузерность: Современные браузеры, IE9 и Opera 12. IE ниже 9 - стоит заглушка(прошу не обращать на нее внимание, т.к. страшная она. В скором заменю) Дополнительная информация: Источник PSD. Скачать PSD. Картинка PSD. P/S. Хэдер заменил(просто тот не очень понравился).
  6. Сам только сегодня заметил что забыл дописать "<". Даже и не думал что вы об этом говорили. Прошу прощения, если что) Не за что)
  7. Первый вариант: <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 подключают стили которые по условным комментариям не должны)
  8. Первый вариант отлично отрабатывает во всех браузерах. Второй, да я заметил когда экспериментировал, что это элемент body(то есть вообще все <link> в блоке head под условными комментариями переходят в начало body кстати интересно почему?... Пробел работает!) Спасибо, за ещё один вариант.
  9. Нашел ответ!: <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>Не ну забавно ведь. Правда само собой, не валидный
  10. Всем доброго времени суток! Есть страничка. Условные комментарии в IE9 создают какой-то отступ сверху. Как это исправить ?
  11. http://htmlbook.ru/css/transition http://shpargalkablog.ru/2011/07/transformaciya-css.html http://habrahabr.ru/post/111658/
  12. http://easycaptures.com/fs/uploaded/940/9031525995.jpg Something... Is not quite right. Error 404 ??? P/S. Кстати, это фаерфокс видит так данную страницу.
  13. В 2х браузерах работать будет!)
  14. Было бы совсем неплохо, услышать еще ответов от форумчан. Был бы весьма, премного преблагодарен!)
  15. Прочтите сообщение выше и попробуйте сами. Если не получится: http://jsfiddle.net/0jta2u58/1/ Разделите кнопку по частям и эти части поместите в соответствующие места(синий и зеленый прямоугольники(понятное дело у меня размеры на глаз). Достаточно кроссбраузерный код, если вам конечно не нужны IE ниже 8ки.
  16. Ох, моя ошибка, надо было уточнить какую тень Обычная, однопиксельная, аналог: 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 пиксель, ну и непрозрачность поставил. Но оно все же не похоже на стандартную тень, имхо.
  17. Сверстал страничку. Кроссбраузерность: Современные браузеры, IE9 и Opera 12. Не столько нужна оценка сайта(верстки и т.п.)(хотя хотелось конечно услышать ее) сколько получение ответов на данные вопросы: -Как сделать тень у треугольничков(обычную, однопиксельную, аналог: box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)) которые появляются в "div ul.vmenu-main a" при наведении ?. Единственное, что приходит на ум, это изображение. -Условные комментарии в IE9 создают какой-то отступ сверху. Как это пофиксить ? -При открытии в IE ниже 9 придумал такую заглушку(хотя может так и делают?). Есть ли более продвинутые заглушки ?
  18. Arthur

    display: inline

    спасибо, не думал что все так серьезно)
  19. Arthur

    vertical-align

    Да и ещё добавить top: 2px и bottom 2px, ну или по одному. Я уже что-то подобное делал. Вроде как мне ответили тут. Но вот понять этот ответ это еще дело..
  20. Arthur

    vertical-align

    Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")
  21. Arthur

    display: inline

    Всем доброго времени суток! Есть такой код Промежуток между тегами li насколько я понимаю из-за табов и пробелов?!. Первые 2 li идут без пробелов и табов и проблемы нет. Но как без изменения HTML кода, средствами CSS убрать эти отступы ? P/S. Интересует как избавиться от отступов именно в такой ситуации. Если что, то я имею представление про float: left и т.п.(вместо display: inline)
  22. Речь все же о section и artice. Что вы имели ввиду под "никак наоборот"?
  23. Тег <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, по логике не сходится ничего...
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy