Jump to content

MainFrame

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by MainFrame

  1. Цветков Антон в вашем коде нет этого:
  2. Вот доработал код. Увеличил количество звезд до 5 картинка: http://foto.myural.ru/fotki/stars3.gif Но в ИЕ почему-то нормально не отображеается! В чем ошибка? <style type="text/css"> * { margin: 0; padding: 0; } #rating { position: relative; width: 125px; background: url(stars3.gif) 0 -25px no-repeat; margin-left: 20%; /* test */ } #rating, #rating a, #rating div.current { height: 25px; } #rating a, #rating div.current { position: absolute; top: 0; left: 0; } #rating div.current { z-index: 1; width: 125px; /* current rating */ background: url(stars3.gif) 0 -50px no-repeat; } #rating a { display: block; text-decoration: none; width: 25px; font-size: 25px; } #rating a.level1 { z-index: 6; } #rating a.level2 { z-index: 5; padding-left: 25px; } #rating a.level3 { z-index: 4; padding-left: 50px; } #rating a.level4 { z-index: 3; padding-left: 75px; } #rating a.level5 { z-index: 2; padding-left: 100px; } #rating a.level1:hover, #rating a.level2:hover, #rating a.level3:hover, #rating a.level4:hover, #rating a.level5:hover { background: url(stars3.gif) 0 0 no-repeat; } #rating a span { display: none; } #rating a:hover span { display: block; position: absolute; left: 135px; width: 150px; padding: 2px 0; border: 1px solid #000; background: #ffffe1; text-align: center; font-size: 20px; font-family: sans-serif; color: #000; } </style> <div id="rating"> <div class="current"> </div> <a href="fotka.php?id=1932&golos=1" class="level1"><span>Фтопку</span></a> <a href="fotka.php?id=1932&golos=2" class="level2"><span>Низачод</span></a> <a href="fotka.php?id=1932&golos=3" class="level3"><span>Зачод</span></a> <a href="fotka.php?id=1932&golos=4" class="level4"><span>Нумляващще</span></a> <a href="fotka.php?id=1932&golos=5" class="level5"><span>Аффтар жжот</span></a> </div>
  3. А как доработать этот код, чтобы когда курсор был вне зоны показывалось несколько закрашеных звезд?
×
×
  • 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