Tekst ved onmouseover(HASTER)

bare så i ved det, det skal både virke i ie og netEscape!

Så er den klaret. Tekten placeres i forskellige lag.
Du bygger bare lagets egenskaber op i Css.
Farver, skrift, placering størrelse.
Det virker fra IE4 og NN4.




<HTML>
<HEAD>
  <META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0 Win">
  <BASE TARGET="Frame19028">
  <META HTTP-EQUIV="content-type" CONTENT="text/html;charset=iso-8859-1">
  <TITLE>Untitled-2</TITLE>

<script language="javascript">
<!--

// Bestemmelse af browseren
n=document.layers;
ie=document.all;

// Globale cross-browser show/hide variabler
if (n) {
visible='show';
hidden='hide'; }

else if (ie) {
visible='visible';
hidden='hidden';}

// Funktion til at vise lag
function vis_lag(menuid){
if(n) {document.layers[menuid].visibility=visible;}
else if (ie) {document.all(menuid).style.visibility=visible;}
}

// Funktion til at skjule lag
function skjul_lag(menuid){
if(n) {document.layers[menuid].visibility=hidden;}
else if (ie) {document.all(menuid).style.visibility=hidden;}
}

//-->
</script>

<style type="text/css">
.lag  {position:absolute;
      left: 700;
      top: 0;
      width: 85;
      height: 125;
      z-index:1;
      layer-background-color: #cccccc;
      background-color: #cccccc;
      border: 5px solid #cccccc;
      color: #000000;
      font-family: verdana, arial, helvetica;
      font-size: 10px;
      }

</style>

</HEAD>
<BODY BGCOLOR="#ffffff" BACKGROUND="images/Bgtable.gif" bgproperties="fixed"
leftmargin="0" topmargin="0" MARGINWIDTH="0" MARGINHEIGHT="0">


<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
        <TD COLSPAN=9>
            <IMG SRC="images/top.gif" WIDTH=700 HEIGHT=32></TD>
    </TR>
    <TR>
        <TD ROWSPAN=2>
            <IMG SRC="images/left.gif" WIDTH=46 HEIGHT=99></TD>
        <TD>
            <A HREF="over.htm" onMouseOver="vis_lag('lag1')"; onMouseOut="skjul_lag('lag1')">
                <IMG SRC="images/over.gif" WIDTH=95 HEIGHT=27 BORDER=0></A></TD>
        <TD>
            <A HREF="kurser.htm" onMouseOver="vis_lag('lag2')"; onMouseOut="skjul_lag('lag2')">
                <IMG SRC="images/kurser.gif" WIDTH=62 HEIGHT=27 BORDER=0></A></TD>
        <TD>
            <A HREF="messebygning.htm" onMouseOver="vis_lag('lag3')"; onMouseOut="skjul_lag('lag3')">
                <IMG SRC="images/messebygning.gif" WIDTH=108 HEIGHT=27 BORDER=0></A></TD>
        <TD>
            <A HREF="webdesigm.htm" onMouseOver="vis_lag('lag4')"; onMouseOut="skjul_lag('lag4')">
                <IMG SRC="images/webdesign.gif" WIDTH=87 HEIGHT=27 BORDER=0></A></TD>
        <TD>
            <A HREF="referencer.htm" onMouseOver="vis_lag('lag5')"; onMouseOut="skjul_lag('lag5')">
                <IMG SRC="images/referencer.gif" WIDTH=87 HEIGHT=27 BORDER=0></A></TD>
        <TD>
            <A HREF="kontak.htm" onMouseOver="vis_lag('lag6')"; onMouseOut="skjul_lag('lag6')">
                <IMG SRC="images/kontak.gif" WIDTH=70 HEIGHT=27 BORDER=0></A></TD>
        <TD>
            <A HREF="info.htm" onMouseOver="vis_lag('lag7')"; onMouseOut="skjul_lag('lag7')">
                <IMG SRC="images/info.gif" WIDTH=42 HEIGHT=27 BORDER=0></A></TD>
        <TD ROWSPAN=2>
            <IMG SRC="images/right.gif" WIDTH=103 HEIGHT=99></TD>
    </TR>
    <TR>
        <TD COLSPAN=7>
            <IMG SRC="images/bund.gif" WIDTH=551 HEIGHT=72></TD>
    </TR>
</TABLE>


<!-- --- Tekst lag --- //-->
<div id="lag1" class="lag" style="visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 1</div>

<div id="lag2" class="lag" style="visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 2</div>

<div id="lag3" class="lag" style="visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 3</div>

<div id="lag4" class="lag" style="visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 4</div>

<div id="lag5" class="lag" style="visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 5</div>

<div id="lag6" class="lag" style="visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 6</div>

<div id="lag7" class="lag" style="visibility: hidden">
  Dette er det tekstfelt vises ved berøring af Link 7</div>

</BODY>
</HTML>

jeg er ikke helt tilfreds... den grå bg der kommer skal væk! den skal være gennemsigtig!

skynd dig jeg skal virkelig burge det!

Løsning fundet!
i <style></style> området sættes der // foran:

  layer-background-color: #cccccc;
  background-color: #cccccc;
  border: 5px solid #cccccc;

så det bliver til :

//  layer-background-color: #cccccc;
//  background-color: #cccccc;
//  border: 5px solid #cccccc;

og indsæt :

border: 0;
inden i <style></style>

og så er der indemn baggrund. vupti! :-)

tak for jeres svar, jeg fandt også selv ud af det, jeg slettede bare alt med bg og satte border til 0!