Форум Сайтостроение Веб-строительство

Баг с border-radius

SBot
На сайте с 29.07.2008
Offline
150
SBot
941

Вот такой косяк, когда с IE9 все четко, остальные глючат на этом моменте.

http://htmlbook.ru/css/border-radius

В IE9 =>

В Chrome 12. /Opera 11. /FF =>

- нет скругления

- при написании текста кириллицей, ее не видно

CSS =>


#menu > li.nav1 > a{
       border-radius:3px 0 0 3px; 
       -moz-border-radius: 3px 0 0 3px; 
       -webkit-border-radius: 3px 0 0 3px; 
       behavior: url(js/pie.htc); 
       position: relative;
}

Кто знает как решить проблему?

>> Макет

Y
На сайте с 14.05.2009
Offline
94
yozuul
#1

border-radius тут абсолютно ни при чем. Посмотрите внимательнее, что у вас в макете отображается, а вернее наоборот - не отображается.

У вас в макет внедрен шрифт Myriad Pro, с помощью библиотеки cufon-yui.js.

Способ, в общем-то, кросс-браузерный, однако, для внедряемых гарнитур генерится специальный скрипт, отвечающий за внешний вид самого шрифта.

Скорее всего, при генерации скриптов Myriad_Pro_400.font.js и Myriad_Pro_600.font.js, у шрифта отсутствовала кириллица. По крайней мере, на это указывает то, что когда вы вписываете кириллические символы туда, они не отображаются, потому-что скрипт cufon-replace.js меняет стандартный шрифт на Myriad Pro именно там.

Выхода два.

Попробовать взять свой Myrad Pro с кириллицей, сгенерить новые скрипты шрифта тут, и подключить их вместо старых.

Либо, если вы, как и я не видите смысла в подключении кучи скриптов ради Myriad Pro, который очень похож на Arial, удалите эти строчки из макета 

  <script type="text/javascript" src="js/cufon-yui.js"></script>

  <script type="text/javascript" src="js/cufon-replace.js"></script>  

  <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>

  <script type="text/javascript" src="js/Myriad_Pro_600.font.js"></script>

Правда, перестает работать drop-down. Но это уже, как говорится, совсем другая история. Решить ее тоже можно по-разному.

Можно ли уменьшить заголовки Странное наблюдение за Я Как сделать, чтобы изменения
VE
На сайте с 17.08.2006
Offline
76
view'er
#2

Скажем так.

1. pie и PIE - разные вещи, тем более вы пишете .htc (можно см. без сервера), а в коде css из zip-a .php (для запуска на сервере).

Попробуйте - скругления сверху и снизу на первом и последнем пунктах есть. В других пунктах скругление и не прописано.

2. В опере поробуйте отключить JS (F12) и увидите, что русский текст появится.

Вывод: в шрифтах (Myriad_Pro_400.font.js, Myriad_Pro_600.font.js) нет кирилицы - cufon не втыкает, что менять и видим, что видим. Да, и с чего русским шрифтам на TM быть?

Решение - отказаться от этого шрифта, или если есть с русской частью, то конвертнуть для себя http://cufon.shoqolate.com/generate/ или какой другой, например, Pragmatica Condensed удобнее вам.

css, вообще, мрачный.

Скрытый текст Помогите с созданием динамических Вопросы по HTTP Кэшированию
SBot
На сайте с 29.07.2008
Offline
150
SBot
#3

Всем спасибо, понял в чем косяк.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий