Disjointed rollover

Would you like a drink?
WineWine is good for you!
BeerBeer is refreshing!
WhiskyWhisky just gets you drunk!
CSS
#disjointedText {
position:relative;
margin:2em auto;
list-style:none;
}
#disjointedText dd {
padding:0 1em;
width:10em;
}
#disjointedText a {
display: block;
text-decoration:none;
text-align:center;
}

#disjointedText a:hover {
color: #cff;
background:black;
}
#disjointedText a span {display: none;}
#disjointedText a:hover span {
display: block;
position: absolute;
left:300px;
top:20px;
color:red;
background:#fff;
width:15em;
text-align:left;
}
#disjointedText dt {
position:absolute;
left:300px;
top:20px;
}
HTML
<h1>Disjointed rollover</h1>
<dl id="disjointedText">
<dt>Would you like a drink?</dt>
<dd><a href="#n">Wine<span>Wine is good for you!</span></a></dd>
<dd><a href="#n">Beer<span>Beer is refreshing!</span></a></dd>
<dd><a href="#n">Whisky<span>Whisky just gets you drunk!</span></a></dd>
</dl>

Comments

#1
2008-06-28 Melissa says :

Thanks so very much for taking your time to create this very useful and informative site. I have learned a lot from your site. Thanks!!

#2
2008-08-27 Dan says :

Thanks so very much for taking your time to create this very useful and informative site. I have learned a lot from your site. Thanks!!k

#3
2008-09-14 Patrick says :

Thanks so very much for taking your time to create this very useful and informative site. I have learned a lot from your site. Thanks!!

#4
2008-10-27 Dan says :

I enjoyed your page. Keep up the good work! Feel free to visit my page. It\'s cool too.c

#5
2008-11-28 Kathy says :

You have an outstanding good and well structured site. I enjoyed browsing through it.e

#6
2008-11-28 Siber says :

Thanks so very much for taking your time to create this very useful and informative site. I have learned a lot from your site. Thanks!!

#7
2008-12-28 john says :

Best links
e

#8
2009-03-27 Marly says :

Hi, good morning to all of you... Nice Guestbook ;-) !!!

#9
2023-01-26 hdfilmFat says :

Фильмы сеоиалы в HD https://film-hd-online.ru/

Comment form

Please type the word 'brown' here:

BB code available :

  • [b]...[/b] : bold
  • [it]...[/it] : italic
  • [q]...[/q] : quote
  • [c]...[/c] : code
  • [url=...]...[/url] : url