display: none;
margin: 1px;
background-color: #000000;
padding: 2px;
font-size: 11.2px;
position: relational;
top: 5;
color: #ffffff;
}
.menuhoverboxlink:hover + div {
display: block;
}[/text]
"menuhoverbox" shows up when you hover over the text.
Right now, it just appear below the text you hover over.
How do you control it, so, for example, it would appear to the right of the <a> link, without pushing anything over?
Code: Select all
<a class='menuhoverboxlink' href='/diary/$addday/$addmth/$addyr/$row->id'>Date</a>
<div class='menuhoverbox'>Sessions active on this date $addday/$addmth/$addyr</div>