Как-то выяснилось, что у Хрома другие пиксели...
Вот так дизайн выглядит в ФФ, ИЕ и Опере:
А вот так - в Хроме:
Помимо того, что все шрифты, указанные в пикселях, он показывает мельче, чем надо, так еще и из-за его своеобразного понимания пиксельных размеров немного уехали ссылки меню. В принципе, не смертельно, но несколько неприятно.
И еще этот же Хром не воспринимает font-size: 0px. Все равно очень мелко, но показывает. Опять своеобразное понимание пикселей?
Это как-нибудь можно исправить? Собственно, меню волнует куда больше))).
На всякий случай кодbody{ background-attachment:fixed; padding: 0; margin: 0; background-color: #000; }
#wrapper { background-color: #fff; width: 1000px; min-width: 1000px; }
#extratop {background-image: url('/userdir/1/0/0/9/100983/55570430.jpg'); background-repeat: no-repeat; width: 1000px; height: 300px; }
#extrabottom {background-image: url('/userdir/1/0/0/9/100983/55579022.jpg'); background-repeat: no-repeat; width: 1000px; height: 300px; }
#side h1 a {display: block; position: relative; top: 100px; left: 350px; color: #fff !important; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 36px; font-weight: bold; font-variant: small-caps; text-decoration: none; }
#authorName { text-decoration: none; display: block; position: relative; top: 120px; left: 270px; color: #fff; font-size: 24px; font-weight: bold; font-variant: small-caps; }
#side {margin-top: -420px; width: 220px; background-image: url('/userdir/1/0/0/9/100983/55571630.jpg'); background-repeat: no-repeat; background-position: 0px 430px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 13px !important; font-variant: small-caps; min-height: 1000px;}
#rssLink, #upInChart, #myDraftLink, #myNotepadLink, #myQuotLink, #albumLink, #myLinksLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, #Stats, #tagslistlink, #myProfileLink, #authorFav, #authorQuot, #authorLiks, #authorAlbum, #writeToAuthor, #subscribeEmail, #addToFav, #headlineList, #side h1 .opac6 { display: none; }
#post0 { background-image: url('/userdir/1/0/0/9/100983/55572209.jpg'); background-repeat: no-repeat; background-position: 500px 0px; }
.postDate {height: 45px; text-align: center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 20px !important; font-weight: bold; font-variant: small-caps; widht: 750px !important; background-image: url('/userdir/1/0/0/9/100983/55573094.jpg'); padding: 5px 0px 0px 0px !important; }
#page-t {width: 750px; margin-left: auto; margin-right: auto; background-color: #fff; }
#page-c {background-color: #fff; }
.header { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 16px !important; font-weight: bold; font-variant: small-caps; }
#pageBar { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px !important; font-variant: small-caps; }
.atTag span:before {content: "Темы:"; font-size: 12px; color: #000; }
.atTag span {font-size: 0px; color: #fff; }
.atMusic span:before {content: "Музыка:"; font-size: 12px; color: #000; }
.atMusic span {font-size: 0px; color: #fff; }
.atMood span:before {content: "Настроение:"; font-size: 12px; color: #000; }
.atMood span {font-size: 0px; color: #fff; }
.postLinksBackg { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 12px !important; font-weight: normal; font-variant: small-caps; }
#commentsArea_title, #addCommentArea_title {text-align: center; }
.avatar img {border: solid 1px #000; }
#postsCalendar a, #myDiaryLink a, #myDiaryLink, #umailLink a, #myFavLink a, #discussionLink a, #discussionLink, #writeThisDiary a, #optionsLink a, #mainpageLink a, #photolibLink a, #myCommunityLink, #myCommunityLink a {color: #fff; font-weight: bold;}
#postsCalendar {position: relative; top: 60px; left: 100px; font-size: 15px !important; }
#myCommunityLink {position: relative; top: 80px; left: 150px; font-size: 15px !important; }
#myDiaryLink {position: relative; top: 80px; left: 150px; font-size: 15px !important; }
#umailLink {position: relative; top: 90px; left: 210px; font-size: 15px !important; }
#myFavLink {position: relative; top: -40px; left: 788px; font-size: 15px !important; }
#discussionLink {position: relative; top: -20px; left: 718px; font-size: 15px !important; }
#writeThisDiary {position: relative; top: 50px; left: 425px; font-size: 15px !important; }
#optionsLink {position: relative; top: 0px; left: 680px; font-size: 15px !important; }
#mainpageLink {position: relative; top: -70px; left: 500px; font-size: 15px !important; }
#photolibLink {position: relative; top: 20px; left: 730px; font-size: 15px !important; }
-
-
18.05.2010 в 23:07Посмотри, может, поможет?!
forum.ubuntu.ru/index.php?topic=82224.0
А когда шрифты в пунктах, такая же фигня?
-
-
18.05.2010 в 23:37.atTag span {display:none !important; color: #fff; }
.atTag:before {content: "темы:"; font-size: 12px; color: #000; }
Дисплей-нон, по идее, сафари должен понимать. Бефо не исчезает.
-
-
19.05.2010 в 01:58Меня тут посреди ночи озарило, что надо попробовать абсолютное позиционирование, тогда, наверное, будет получше.
Pedobeer, вот что я делаю не так?
.atTag span {display:none !important; color: #fff; }
.atTag:before {content: "Темы:"; font-size: 12px; color: #000; }
.atMusic span {display:none !important; color: #fff; }
.atMusic span:before {content: "Музыка:"; font-size: 12px; color: #000; }
.atMood span {display:none !important; color: #fff; }
.atMood span:before {content: "Настроение:"; font-size: 12px; color: #000; }
Почему "Темы" видно, а "Музыку" и "Настроение" - нет?
-
-
19.05.2010 в 02:15.atTag {display:none !important; color: #fff; }
.atTag:before {content: "Темы:"; font-size: 12px; color: #000; }
.atMusic{display:none !important; color: #fff; }
.atMusic:before {content: "Музыка:"; font-size: 12px; color: #000; }
.atMood{display:none !important; color: #fff; }
.atMood:before {content: "Настроение:"; font-size: 12px; color: #000; }
может, поэтому "Темы" видно
-
-
19.05.2010 в 02:19-
-
19.05.2010 в 02:24Какой тебе нужен результат?
-
-
19.05.2010 в 02:26Тьфу, поняла, где у меня косяк. Спать надо идти, видимо))).
-
-
19.05.2010 в 02:29А вот перед before его ставить не надо, а я спросонья не заметила. Т.е. правильный код такой:
.atTag span {display:none !important; }
.atTag:before {content: "Темы:"; font-size: 12px; color: #000; }
.atMusic span {display:none !important; }
.atMusic:before {content: "Музыка:"; font-size: 12px; color: #000; }
.atMood span {display:none !important; }
.atMood:before {content: "Настроение:"; font-size: 12px; color: #000; }
-
-
19.05.2010 в 02:40А я смотрела код страницы "Новой записи" (Зачем, спрашивается?!)
-
-
19.05.2010 в 09:21p.atMusic em span {display:none !important; color: #fff; }
p.atMusic em:before {content: "Музыка:"; font-size: 12px; color: #000; }
-
-
19.05.2010 в 13:01-
-
20.05.2010 в 18:56