スタイルシートでレイアウトしたいのですが出来ません。

<a href="○○.html"
onmouseover="txt1.style.display='block'"
onmouseout="txt1.style.display='none'">
○○タイトル○○</div></a>
<span id="txt1" style="display:none;position:absolute; border:3px solid #ff0000;color:#FF0099;background-color:#FFFFCC;">
○○説明文○○</span>

上のような<txt>タグが全部で２０個以上あるので
（つまりtxt1～txt20まであります）
CSSでレイアウトしたいのですがうまくいきません。

上のタグをCSSでどのように定義づけたら
<div class>で作れるようになるか教えてください。

No.2 回答者： akuhijrwq 回答日時： 2006/10/24 15:46

http://mugi.cc/js/linkinfo/linkinfo_bg.htm
http://mugi.cc/js/linkinfo/linkinfo_css.htm
http://mugi.cc/js/linkinfo/linkinfo_usetag.htm
http://mugi.cc/js/linkinfo/linkinfo_mousexy.htm

No.1 回答者： 345itati 回答日時： 2006/10/24 14:59

ご質問の意味が掴みにくいです。

まずtxtという要素はありませんし、何の要素(<a>か、<div>か、<span>か)をどうレイアウトしたいのかが分りません。又アンカータグの閉じタグ</a>の位置がおかしいのですが・・・？
例にあげられた記述の部分全体をCSSを使ってclass属性で配置したいのであれば、全部を汎用ブロックレベル要素である<div>でくくって
div.pos {
配置のCSSを記述
}
でやれば、
<div class="pos">～中の記述省略～</div>
で出来ます。