Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Недогоняю


Автор: bwv939 12.5.2008, 15:35
http://punkviakoap.narod.ru/j/

В файрфоксе всё как надо. В IE всё как не надо))) Заранее спасибо умным людям.

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
Body{background:#000000}
#im {
 position: absolute;
 left: 10px;
 top: 10px;
 width: 236px; 
 height: 147px;
}
#border {
 position: absolute; 
 left: 100; 
 top: 50; 
 width: 240px; 
 height: 150px;
}
</style>
<body>
<div id="im"><img src="im.jpg"></div>
<div id="border"><img src="border.png"></div>
</body>
</html>

Автор: bars80080 12.5.2008, 16:06
ты сам-то видел свою страницу в фаерфоксе? по ссылке?

так что не ругай ИЕ

во-вторых, не понятно, если тебе картинка нужна поверх рамки, зачем ты картинку помещаешь перед рамкой, а не после

как я понял, у тебя рамка - полупрозрачная? ИЕ хватает только полностью прозрачные, иначе надо применять css фильтр

насчёт смещения - извини, у тебя top и left даже близко не совпадают, кстати, для #border добавь px

Автор: bwv939 12.5.2008, 20:46
Цитата

ты сам-то видел свою страницу в фаерфоксе? по ссылке?

так что не ругай ИЕ


Да. Прекрасно работает (только баннер народовский закрой)

Цитата

во-вторых, не понятно, если тебе картинка нужна поверх рамки, зачем ты картинку помещаешь перед рамкой, а не после


а когда ты фотографию в рамку ставишь, ты её разве прикрепляешь поверх? Она внутри прозрачная. Что бы края сглаживались у фотки. 

Цитата

как я понял, у тебя рамка - полупрозрачная? ИЕ хватает только полностью прозрачные, иначе надо применять css фильтр


Тут не очень понял. Вроде полупрозрачных пикселей нету...

Цитата

насчёт смещения - извини, у тебя top и left даже близко не совпадают, кстати, для #border добавь px 


Это да)) в файрфоксе совпадало... Визуально.


в общем, вот что у меня теперь имеется

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
Body{background:#000000}
#im {
 position: absolute;
 left: 12px;
 top: 12px;
 width: 236px; 
 height: 147px;
}
#border {
 position: absolute; 
 left: 10px; 
 top: 10px; 
 width: 240px; 
 height: 150px;
}
</style>
<body>
<div id="im"><img src="im.jpg"></div>
<div id="border"><img src="border.png"></div>
</body>
</html>


Теперь проблема только в отображении прозрачности для IE.

Автор: bars80080 13.5.2008, 09:47
Цитата(bwv939 @  12.5.2008,  20:46 Найти цитируемый пост)
только баннер народовский закрой
 замечательный ход, где я уже слышал: всё отлично, только установите себе...

Цитата(bwv939 @  12.5.2008,  20:46 Найти цитируемый пост)
а когда ты фотографию в рамку ставишь, ты её разве прикрепляешь поверх? 
 в вэбе да

а с картинкой, это у тебя лажа с прогой, в которой ты его делал, вот нормальный рисунок:


Автор: bwv939 13.5.2008, 13:06
bars80080, на этой картинке нету переливания цвета. Она просто красная.

Автор: bars80080 13.5.2008, 13:18
странно, у меня эта картинка прозрачная с красным бордюром в ИЕ6, ФФ и опере

что значит переливание цвета?

Автор: bwv939 13.5.2008, 23:03
Сравни ))

http://punkviakoap.narod.ru/j/border.png

http://forum.vingrad.ru/act-Attach/type/post/id-1509888.html

Автор: bars80080 14.5.2008, 09:25
ах, да, не разглядел градиента, такой 32цветный сойдёт?

Автор: bwv939 14.5.2008, 22:05
bars80080, ах, замечательно, спасибо) Только объясни, почему с моим файлом такая фигня была? Я пытался делать и через файрворкс и через фотошоп. В лисе нормально, в ИЕ не нормально. В чём твой секрет о великий мастер?)))

Автор: bars80080 15.5.2008, 09:09
в другой версии фотошопа, о не задачливый послушник, нарой у друзей и будет тебе счастье

Автор: bwv939 15.5.2008, 10:40
bars80080, в какой, мой повелитель? И почему это не прокатывает в  Photoshop CS2  и  Fireworks CS3? Вообще очень странно.

Автор: bars80080 15.5.2008, 11:02
да в любой, но не битой или закороченной,

прямо скажем, я первый раз вижу чтоб создавался png такого вида
кстати, может просто надо какую-то настройку в твоём фотошопе подкрутить, но это уже в другом разделе и не у меня

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)