Geht es nicht in Opera?

[Jan]

Hallo,

vielleicht geht ja was in der art:

css:
#left {background:#FFFFFF}
#linkname {color: black}

a.left {background: transparent;
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 203px;
height:140px;
padding-left: 2px;
padding-top:21px;
padding-right:5px;
font: 14px courier, sans-serif;
text-align:left;
line-height:17px;
}

a.left:link {color:#FFFFFF}
a.left:visited {color:#FFFFFF}
a.left:hover {color: black}

html:

<div id="left">
<a href="index.htm" class="left">
<span id="linkname">linkname</span>
hier der einzublendende text
</a>
</div>

wichtig ist, dass background von #left und color von a.left:link und a.left:hover gleich sind.
dann sieht es so aus als würde der text erscheinen, in wirklichkeit ändert der aber nur seine farbe und wird so sichtbar.
ich habs nicht getestet, musst mal gucken obs so (oder so ähnlich) geht.

Ich glaube, dass das nicht so ganz funktionieren würde, so sieht es praktisch aus (die grafik braucht einen moment, 50kb) http://www.fractatulum.de/fraccss/

ich will ja den text auf einer beliebigen stelle des fensters einblenden. hier noch mal der komplette css-teil, der für das menu zuständig ist:

#left
{
color:maroon;
float:left;
padding-bottom:20px;
padding-top:20px;
padding-left:2px;
padding-right:5px;
background-color : #CDC6AD;
margin-right : 0px;
margin-top:30px;
margin-bottom : 0px;
margin-left:5px;
line-height : 19px;
border-top: 1px solid #E4D9C0;
border-right: 1px solid #99917D;
border-bottom: 1px solid #99917D;
border-left: 1px solid #E4D9C0;
}

#left a
{
color : maroon;
font-family : tahoma, arial, verdana, helvetica, sans-serif;
font-size : 90%;
margin-bottom:8px;
padding-left:4px;
padding-right:3px;
font-weight : bold;
text-decoration : none;
background-color : #CDC6AD;
display:block;
border-top: 1px solid #99917D;
border-right: 1px solid #E4D9C0;
border-bottom: 1px solid #E4D9C0;
border-left: 1px solid #99917D;
width:155px;
}

#left a:active
{
color : maroon;
background-color : #b8ab8f;
}

#left a:visited
{
color : maroon;
background-color : #CDC6AD;
}

#left a:hover
{
color : #F9F3DD;
text-decoration : none;
background-color : #CDC6AD;
border-top: 1px solid #E4D9C0;
border-right: 1px solid #99917D;
border-bottom: 1px solid #99917D;
border-left: 1px solid #E4D9C0;
}

#left a .hov
{
color : #A59A81;
background-color : transparent;
font-size : 17px;
}

#left a:hover .hov
{
color : maroon;
background-color : transparent;
font-size : 17px;
}

#left a .info {display: none;}

#left a:hover .info
{
color: black;
background: transparent;
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 203px;
height:140px;
padding-left: 2px;
padding-top:21px;
padding-right:5px;
font: 14px courier, sans-serif;
text-align:left;
line-height:17px;
}

ja, das ist das menu, .info ist dafür da, den text an der entsprechenden stelle ein bzw. auszublenden. der text wird auch auf einem hintergrudbild eingeblendet, so dass das mit der farbe auch nicht gehen würde.

aber trotzdem danke und grüsse aus dresden, jan