Jump to content
  • 0

Эффект перекатывания - вопрос.

Sheena

Asked by Sheena,

 Share

Question

Sheena Explorer

Sheena

Posted
Posted

www.alexey-shingirey.narod.ru

На этом сайте при наводе курсора на логотип он меняется на другое изображение, но перед этим происходит какой-то быстрый блик ч?рного цвета, а на других сайтах есть такой эффект, но там нет никаких этих ч?рных пауз. Эта фигня происходит только при первом наводе курсора, дальше вс? ок.

Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0
Иван Шумов Explorer

Иван Шумов

Posted
Posted

Ну во-первых ты категорически неправ

<style type="text/css">
 body {background-color: black; background-position: top;}
 table {background-color: black; text-align:middle; font-weight: normal;}
 td {text-align:center; font-weight: normal;}
 .back {background-image: url('img/back.jpg'); text-align:center; font-weight: normal;}
 .tableback { background-image: url('img/tableback.jpg'); text-align:left; font-weight: normal;}
 font {color:white; font-size:18pt; font-family:times; text-align:center}
</style>

вот так надо)))

2) а во-вторых надо это делать все праааавильно)

<html>
<head>
<title>title</title>


<style type="text/css">
body {background: #000000;}

#block1 { height: 400px; width: 800px; background: url('img/back.jpg') repeat-x; text-align:center; }

#block2 { height: 40px; width: 800px; background: url('img/tableback.jpg') repeat-x; text-align:center;
 color:white; font-size:18pt; margin: 175px 0; float: left; clear: both; padding-top: 10px;}

</style>

</head><body>



<div id="block1">

 <div id="block2">

 here

 </div>

</div>



</body>
</html>

мой код конечно тоже можно немного обругать - но это гораздо лучше чем у тебя ... и еще - картинки сделай в 1px шириной :-D

Link to comment
Share on other sites
  • 0
Shuranka Explorer

Shuranka

Posted
Posted

Да, скорее всего проблема в объ?ме картинки. После загрузки логотипа навел на него указатель и... изображение совсем пропало секунды на три. Далее вс? нормально. Второе, в FF и NN выравнивание по центру в IE и Opera по левому краю. Раздел меню "В скором" в IE почти не видно(особенно верхнюю часть), т.к цвет шрифта белый на серебристом фоне, хотя в других браузерах цвет шрифта меню ч?рный.

Link to comment
Share on other sites
  • 0
Shuranka Explorer

Shuranka

Posted
Posted

Пересохрани изображения в Фотошопе (Сохранить для WEB) в GIFe и попробуй следующий код:

a.logo { background:url(as-logo.gif);
 display: block;
width: 240px;
 height: 480px; 
 border: 0px; 
}
a.logo:hover {
background:url(as-logo-after.gif);
display: compact;
}

Правда не знаю, что это за значение compact, к атрибуту display (не наш?л описания), но у меня данный пример работает нормально.

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept