-
Подскажите как правильно сделать?
Есть меню (кстати обязательно ul, li прописывать?):
Код:
<table cellSpacing=10 cellPadding=0 width=200>
<tr>
<td id="menu" *class="text" width=180>
<?php ......print "
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]"
?>
</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, то титл улетает в верхний левый угол страницы. [Only registered and activated users can see links. Click Here To Register...]
А мне надо, чтобы они появлялись впритык к правому краю ячейки меню (td) или хотя бы не скакали друг относительно друга при наведении курсора.
Как это сделать?
Или вообще по-другому принципу как-то?
-
Цитата:
Originally posted by derf@Nov 17 2007, 19:35
Есть меню (кстати обязательно ul, li прописывать?):
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Обязательно.
А вот table, tr и td – совсем необязательно...
Цитата:
Originally posted by derf@Nov 17 2007, 19:35
В итоге получилось, что титлы появляются сразу после текста ссылки.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Они и будут там появляться. Потому что Вы превращаете строчный элемент span в блочный элемент посредством display: block;. А все блочные элементы всегда начинаются с новой строки.
В данном конкретном случае можно воспользоваться CSS-свойством visibility вместо display.
P.S.
position: relative; для span – ни к чему
position: absolute; для span – ни к чему
margin для span – ни к чему...
-
Цитата:
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'>[Only registered and activated users can see links. Click Here To Register...]
[/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;
}
-
Цитата:
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'>[Only registered and activated users can see links. Click Here To Register...]
[/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;
}
