Slavko23 Сообщение 09/05/2008 11:25 Копия темы
Помогите с версткой! . Помогите пожалуйста, верстаю не так давно и наткнулся на такие проблемы:

1) Как поменять фон кнопки для IE6-7? (В Opera, FireFox работает, а в IE нет)
2)PNG в E6 не коректно отображаеться, как исправить лучше. Может есть какие-то хорошие конверторы с png to gif?
3)И ище, шрифт в psd дизайне определяется, как Arial Narrow bold 11px и плавный.Возможно как-то верстать стиль как "плавнвый", "живой", "твердый", "острый"? Заранее всем спасибо.

PlusPHP Сообщение 09/05/2008 11:30 Копия темы
.
1) сделайте два стиля с разными фонами – на онмаузовер на кнопку вешается другой стиль, на онмаузаут – возвращается прежний

2) есть JS файл, который лечит ПНГ в ИЕ:

Файлы:
linkslash.com/env/pix/x.g..
linkslash.com/env/pix/png..

Использование (фри-ланс режет JS код): посмотрите исходный код linkslash.com/ – там есть строки
[if lte IE 6]
код тут
[endif]

при работе возникает глюканат с позиционированием ссылок – лечится добавлением в код position: relative; для блоков, в которых начинают плавать ссылки.

3) "плавный" очевидимо "сглаженый". Вроде современные браузеры все склаживают шрифты автоматически.

Slavko23 Сообщение 09/05/2008 11:54 Копия темы
.
1)Спасибо, я об этом даже не подумал. А если делать как Вы говорите, оно не мешает форме ( кнопка отправляет заполненные данные формы)
2) а если так,что скажите?(Просто неохота использовать JavaScript я его непонимаю)

.......

........

CSS
.img {
position:absolute;
left:0px;
top:400px;
z-index:4;
height:146px;
width:170px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/8.png', sizingMethod='scale');
}

Одна проблема, фильтер валидность рушит((

3)Шрифт значительно отличаеться в браузерах и на дизайне((

Greeze Сообщение 09/05/2008 12:05 Копия темы
.
1) для какой кнопки? button?
2) поищите в гугле по запросу "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
3) задавайте в css как просто "Arial". "Плавный", "живой", "твердый", "острый" – из них через css можно сделать только "твердый", задаем как "bold". Если надпись принципиально должна быть красивой и плавной, то лучше вырезать как картинку.
Заранее незачто ;)

Greeze Сообщение 09/05/2008 12:06 Копия темы
.
1 – задаем в css как "background: #fff;"

"fff" заменяем на нужный нам цвет.

Slavko23 Сообщение 09/05/2008 12:18 Копия темы
.
1)для button, дело в том что там узор, а не цвет, когда задаю в css background-image:url(); Работает нормально в Opera, FireFox. А в IE не хочет.
3)Картинка заказчика не устраивает(( Может как-нибудь подберу

Kim_SPEC Сообщение 09/05/2008 12:26 Копия темы
.
1. просто через css задаётся background для кнопки и должно работать во всех браузерах, как для button так и для input type=button,
возможно надо будет указать height и width для кнопки, и сделать её display:block
2. Насчет прозрачности дли IE, вот статья:
tigir.com/alpha_png.htm
3. Из эффектов для шрифтов можно применять только bold и italic, остальные, типа плавные и сглаженные будут только если включено сглаживание в системе, либо в браузере (например Safari)

ANDEREY Сообщение 09/05/2008 12:30 Копия темы
.
Попросите заказчика включить сглаживание шрифтов в системе, так для прикола, если не включено, а потом можно верстку показывать =).
> Arial Narrow bold 11px и плавный
либо дизайнер планировал, что текст будет картинкой, либо он новичок, либо забыл сглаживание выключить

Slavko23 Сообщение 09/05/2008 12:42 Копия темы
.
1)Вот что есть:
HTML
....
[input name="send" type="submit" value="Отправить" id="send"]
.....

CSS

#send {
background-image:url(send2.jpg);
color:#FFFFFF;
font-size:12px;
margin-left:120px;
}

" height и width для кнопки, и сделать её display:block" – не помогает((

2)Спасибо, сейчас что-то сделаю.
3)Понятно, значит будем эксперементировать со шрифтами и стилями

Slavko23 Сообщение 09/05/2008 12:44 Копия темы
.
>либо дизайнер планировал, что текст будет картинкой, либо он новичок, либо забыл сглаживание выключить
Что-то одно явно)) будем думать,может так сдам или со шрифтом и стилями поиграю)

Kim_SPEC Сообщение 09/05/2008 12:45 Копия темы
.
чтобы был виден html пишите вместо каждого тега < и > [ ] или вообще без них, а то фриланс их режет

Kim_SPEC Сообщение 09/05/2008 12:47 Копия темы
.
и попробуйте указать вместо background-image:url(send2.jpg);
background:url(send2.jpg) 0 0 no-repeat;

Slavko23 Сообщение 09/05/2008 12:56 Копия темы
.
>background:url(send2.jpg) 0 0 no-repeat;
Спасибо, помогло. Работает нормально)))