|
 2.7 Кб |
|
| Здравствуйте.
Есть таблица из 3 ячеек и в каждой ячейке находится вложенная таблица с изображением у которого скруглены углы. При первом наведении курсора на ячейку с вложенной таблицей происходит дёргания соседних ячеек, при следующих наведениях курсора, дергапний нет. Эта ячейка является актовиной
onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");'
Никак не могу понять почему происходит дергание ячеек при первом наведении (дёргается только в ИЕ). Вся проблема в картинке с скругленными углами - если её убрать, то все нормально, но без неё нельзя.
Помогите разобраться! Код в аттаче. | |
|
|
|
|
|
|
|
для: 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> для вложенных таблиц указание ширины.
Браузер - он умный, он и без ваших глупых указаний ему САМ построит всё ТАК, чтобы ничего не дёргалось. | |
|
|
|
|
|
|
|
для: PAT
(28.04.2009 в 21:10)
| | PAT, да Вы оказались правы - всё дело в моей матиматике :-)
Правильно посчитал и дергания прекратились.
Спасибо | |
|
|
|