Доброго дня всем, кто здесь обитает))
Помогите пожалуйста..
Как самая умная накануне перестеновок на сайте меняю дизайн, ага) Решила сделать дату полупрозрачной (сам текст) плюс разреженными буквами
В итоге в Firefox всё видно, а в Opera получается приблизительно такое чудо:
скрин
В ИЕ смотреть даже страшно)
Можно ли что-то с этим сделать?
Код даты:
.countFirstDate, .countSecondDate {text-align: center; opacity: 0.7; letter-spacing: 0.3em; word-spacing: 0.8em;}
Весь код (меню взято у
Tex)
читать дальше* html body {behavior:url("/files/csshover.htc"
;}
body.left {padding-left: 10px !important; padding-left: 210px; background-image: url('/userdir/2/8/2/1/282134/22654755.jpg';}
.left #wrapper {padding:0 !important; width:650px; margin: 0 auto !important;}
#bordered, .left #side {border: 0 !important; margin:0 !important; padding: 0 !important;}
.left #side .bordered {width:640px; margin: 0 !important; padding: 0 !important; position: absolute; top: 20px; height:102px; border-bottom: none !important;}
#side li {float: left; display: block; padding-right: 10px !important;}
#side A, #side {color: #fff !important; font-size: 11px;}
.left #page-c {padding-top: 115px; height:0auto;}
#thisDiaryLinks, #thisDiaryOwner {clear: none; float: left; display: block; width:70px; padding: 5px !important; margin: 0 !important;}
#globalLinks, #myDiaryLinks {clear: none; float: right; display: block; width:70px; padding: 5px !important; margin: 0 !important;}
#thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul {display: none; width:620px; padding: 5px 10px; position: absolute; left:0; top: 70px;}
#globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display: block; z-index: 1;}
#myDiaryLinks ul, #myDiaryLinks ul {display: block;}
#thisDiaryLinks, #thisDiaryLinks ul {background: #89b8e7;}
#globalLinks, #globalLinks ul {background: #bbd3ea;}
#thisDiaryOwner, #thisDiaryOwner ul {background: #abcae9;}
#myDiaryLinks, #myDiaryLinks ul {background: #6391c8; opacity: 0.8;}
#thisDiaryInfo {width:640px; margin: 10px 0 0 0!important; height:40px !important; border-bottom: none !important; }
#thisDiaryInfo A {padding: 5px 50px; font-size: 225%; float: left; color: #597a9b !important;}
#authorName {float: right !important;}
#lastComments, #authorQuot, #authorAlbum, #postsCalendar, #headlineList, #tagslistlink, #upInChart, #allDiaryLink, #communityCatalogueLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, .TagJIco, #thisDiaryPhoto, #YaSearch, #myProfileLink, #photolibLink, #NContent {display:none !important;}
.bordered {border: 5px double #869eba; background: url('/userdir/2/8/2/1/282134/23421971.png';}
#postsArea {border-top: none !important;}
.countFirstDate, .countSecondDate{text-align: center; opacity: 0.7; letter-spacing: 0.3em; word-spacing: 0.8em;}
.header span {opacity: 0.7; letter-spacing: 0.3em; word-spacing: 0.8em;}Дневник на всякий случай открыла)
@темы:
текст,
основные блоки
-
-
21.08.2007 в 18:56* html body{behavior:url("/files/csshover.htc");}
чтобы меню как у Tex у всех работало
-
-
21.08.2007 в 19:04Оой.. Копировала-копировала, в итоге посеяла где-то..)
Спасибо)
-
-
21.08.2007 в 19:16-
-
21.08.2007 в 19:43Кажется, не помогло..
Либо я меняла не те величины
-
-
21.08.2007 в 19:48Допустим.
-
-
21.08.2007 в 20:06Даже буквы в тех же местах исчезли
-
-
21.08.2007 в 20:53я просто даже потестила.\
-
-
21.08.2007 в 21:06opacity: 0.7
-moz-opacity: 0.7
filter: alpha (opacity=70)
-
-
21.08.2007 в 21:17play|stop
второй -- время..) Можно даже совсем убрать) Но там тоже меняла..
Может, у меня Опера неправильная?...)
Astrom
Предположим, прописала
Ничего не изменилось?
-
-
24.08.2007 в 01:03Радикальный способ решения проблемы.
Выясняете, например, с помощью Фотошопа, какого цвета буквы полупрозрачного заголовка. Задаете ему в настройках этот цвет (#8BA2B9 — (: ), а из кодов убираете opacity и др. прозрачность. В результате и буквы бледноватые, и расстояние между ними сохраняется.
В противном случае, чтобы сохранить полупрозрачность заголовков, заданную соответствующими свойствами, из кода надо убрать letter-spacing.
Я, конечно, могу еще подумать, как обеспечить симбиоз полупрозрачности и разреженности текста, чтобы фон пытался кокетливо просвечивать сквозь тоненькие буквы, но как-то больше мыслей на эту тему не появляется. Да и радикальный способ решения мне кажется вполне приемлимым.
В IE7 полупрозрачности не видно, а с IE6 я не сотрудничаю. Ув. Astrom, настоятельно рекомендую Вам сделать revision своих CSS-знаний. Представленный Вами код полупрозрачности для IE ошибочен: в нем присутствуют пробелы там, где они не нужны, и он соответствует синтаксису IE 4.0, а не предпочтительному синтаксису IE 5.5+. Эти истины нам доверительно сообщает сам Майкрософт почти в самом конце этой статьи.
-
-
24.08.2007 в 01:44Уважайте того, кому помогаете.
Без нуля, понятно дело.
-
-
24.08.2007 в 12:30Над радикальным вариантом -- думала, буквы тоненькими вряд ли оставлю, но все-таки интересно, есть ли какое-либо еще решение этой проблемы)
Спасибо за помощь)
-
-
24.08.2007 в 19:57код писал сходу, без проверки... сорри.