Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Смещение при hover
 
 автор: sirop   (28.04.2009 в 19:05)   письмо автору
2.7 Кб
 
 

Здравствуйте.
Есть таблица из 3 ячеек и в каждой ячейке находится вложенная таблица с изображением у которого скруглены углы. При первом наведении курсора на ячейку с вложенной таблицей происходит дёргания соседних ячеек, при следующих наведениях курсора, дергапний нет. Эта ячейка является актовиной
onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");'

Никак не могу понять почему происходит дергание ячеек при первом наведении (дёргается только в ИЕ). Вся проблема в картинке с скругленными углами - если её убрать, то все нормально, но без неё нельзя.
Помогите разобраться! Код в аттаче.

  Ответить  
 
 автор: PAT   (28.04.2009 в 21:10)   письмо автору
 
   для: sirop   (28.04.2009 в 19:05)
 

По арифметике в школе у вас явно была двойка.
Смотрим код, обращаем внимание на выделенное жирно
<!--Таблица №1 в первой ячейке-->
<table width="220" height="100%" border="0" cellspacing="0" cellpadding="5">
 <tr> 
    <td>
        <!--Картинка с закругленными углами-->
        <div class="roundcont"><div class="roundtop"><img src="test/tl000000.gif" width="2" height="2" class="corner"></div>
        <div class="img"><img src="test/56577lig.jpg" width="220" height="114"></div>
        <div class="roundbottom"><img src="test/bl000000.gif" width="2" height="2" class="corner" ></div>
        </div>
    </td>
 </tr>
</table>

А теперь считаем:
Картинку шириной 220 пикселей браузер должен поместить в ячейку шириной те же 220 пикселей, при этом браузер должен оставить паддинги со всех сторон ячейки в 5 пикселей.

Это ваше распоряжение равносильно приказу от папы Карло - возьми двести двадцать рублей из кошелька, сходи в таверну, купи там четыре корочки хлеба по пять рублей каждая и принеси домой те же 220 рублей и четыре корочки хлеба. Справитесь вы с этой задачей, а, товарищ Буратино? :-)

В общем, уберите СОВСЕМ у тегов <table> для вложенных таблиц указание ширины.
Браузер - он умный, он и без ваших глупых указаний ему САМ построит всё ТАК, чтобы ничего не дёргалось.

  Ответить  
 
 автор: sirop   (28.04.2009 в 22:32)   письмо автору
 
   для: PAT   (28.04.2009 в 21:10)
 

PAT, да Вы оказались правы - всё дело в моей матиматике :-)
Правильно посчитал и дергания прекратились.
Спасибо

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования