Титл к ссылке на css

[derf]

Подскажите как правильно сделать?
Есть меню (кстати обязательно ul, li прописывать?):

<table cellSpacing=10 cellPadding=0 width=200>
<tr>
<td id="menu" *class="text" width=180>
<?php ......print "
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]
[Только зарегистрированные пользователи могут видеть ссылки. ]"
?>
</td>
</tr>
</table>

В css-файле прописал:

a span {display: none; position: relative;}
a:hover span {
 *display: block;
 *position: absolute; 
 *margin-top: 10px;
 *margin-left: 20px;
 *COLOR: #000000; 
 *background: #FFFACD;
 *border: 1px solid deepskyblue;
}

В итоге получилось, что титлы появляются сразу после текста ссылки. Если margin-top: 10px; margin-left: 20px; поменять просто на top и left, то титл улетает в верхний левый угол страницы.
А мне надо, чтобы они появлялись впритык к правому краю ячейки меню (td) или хотя бы не скакали друг относительно друга при наведении курсора.
Как это сделать?
Или вообще по-другому принципу как-то?

[Aykroyd]

Originally posted by derf@Nov 17 2007, 19:35
Есть меню (кстати обязательно ul, li прописывать?):
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Обязательно.
А вот table, tr и td – совсем необязательно...

Originally posted by derf@Nov 17 2007, 19:35
В итоге получилось, что титлы появляются сразу после текста ссылки.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Они и будут там появляться. Потому что Вы превращаете строчный элемент span в блочный элемент посредством display: block;. А все блочные элементы всегда начинаются с новой строки.

В данном конкретном случае можно воспользоваться CSS-свойством visibility вместо display.

P.S.
position: relative; для span – ни к чему
position: absolute; для span – ни к чему
margin для span – ни к чему...

[derf]

Originally posted by Aykroyd@Nov 17 2007, 15:07
В данном конкретном случае можно воспользоваться CSS-свойством visibility вместо display.

P.S.
position: relative; для span – ни к чему
position: absolute; для span – ни к чему
margin для span – ни к чему...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
visibility в связке js и onclick?

или css прописать по другому?

типа:

td#menu a span {visibility: hidden; }
td#menu a:hover span {
 *visibility: visible;
 *COLOR: #000000; 
 background: #FFFACD;
 border: 1px solid deepskyblue;
}

[derf]

Originally posted by Aykroyd@Nov 17 2007, 15:07
Обязательно.
А вот table, tr и td – совсем необязательно...
Они и будут там появляться. Потому что Вы превращаете строчный элемент span в блочный элемент посредством display: block;. А все блочные элементы всегда начинаются с новой строки.

В данном конкретном случае можно воспользоваться CSS-свойством visibility вместо display.

P.S.
position: relative; для span – ни к чему
position: absolute; для span – ни к чему
margin для span – ни к чему...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
А вот кстати, если длину ссылки задать, то именно с таким цсс отображается правильно:

td.menu a span {width:180px; display: none; position: relative;}

td.menu a:hover span {
 *display: block;
 *position: absolute; 
 *top: 0px;
 *left: 210px;
 *width:150px;
 *height:20px;
 *COLOR: #000000; 
 *background: #FFFACD;
 *border: 1px solid deepskyblue;
}