View Full Version : having problems positioning a textbox on hover

07-02-2011, 02:26 PM
having an issue with trying to work out the best way to overcome my current issue.

what i am trying to accomplish best case scenario is as i hover over a link i get a descriptive box over on the right of this describing what the link is preferable like the nav bar always visible near the top right .

now i have got some examples of trying to get this to work but it not that good currently.

I am currently using a span to accomplish this but have a few issues with it so far.

the first two links are my css sheet and the verified html page but it doesn't look the way i want it.

the third link is the page that is more like what i want. but still not 100% what i need.

be aware my whole page is self sizing so absolute position with measurements are out of the question.

Please help and if span is not the option whatever someone can suggest to put me on the right path.

I currently using pure css and html for the page but running out of ideas if no suggestions will use java if that will accomplish the task needed be but prefer not too.

CSS verified

theknowledgeden .com / default .css

Verified html

theknowledgeden .com / ancient-afr .html

non verified html but closer to what i am trying to accomplish.

theknowledgeden .com / ancient -asia .html

07-02-2011, 07:23 PM
you can accomplish this by using spans like you are, incorporated with a javascript onhover event..
When the onhover event is triggered you will want to do something like this

<script type="text/javascript">
function ohevent() {
<img src="" onhover="ohevent()" /><span id="example_id"></span>