• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mouseover : Komisch bei Start im ff

Status
Für weitere Antworten geschlossen.

Tar

Aktives Mitglied
Also leute ich hab folgendes Problem:

Ich hab mir ein cssmenü gemacht, und wenn ich das nu mit dem firefox begutachten will, dann sieht das komisch aus.

Menü: Ist eine Tabelle, mit schickem mouseover effekt. Schrift golden

Problem: Wenn ich das mit dem Firefox starte, sind die Zellen mit dem Link auch golden, sobald ich mit der maus drüber gehe, gehts normal. man sieht halt nur am anfang nix.

Der code:

Code:
		<style type="text/css">
<!--

.Navlink {COLOR: #cc9900; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
a:link.Navlink  {color : #cc9900;}
a:visited.Navlink  {color : #cc9900;}
a:active.Navlink  {text-decoration: none;}
a:hover.Navlink  {text-decoration: none;}

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

function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#cc9900";
elem.style.cursor = 'hand'}

function LmOut(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#cc9900";}

function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#cc9900";}

function LmUp(path)
{location.href = path;}

//-->
</script>
das stehe im <head>

und das ist das eigenltiche menü

Code:
<table border="0" width="100" bgcolor="#cc9900" cellspacing="0" cellpadding="0" >
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="1">
<tr><td width="100%" onMouseover="LmOver(this, '#000000')" onMouseout="LmOut(this, '#5a0000')" onMouseDown="LmDown(this, '#000000')" 
onMouseUp="LmUp('#')" bgcolor="#5a00000">[url="#"] Link[/url]</td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#000000')" onMouseout="LmOut(this, '#5a0000')" onMouseDown="LmDown(this, '#000000')" 
onMouseUp="LmUp('#')" bgcolor="#5a00000">[url="#"]L[/url]</td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#000000')" onMouseout="LmOut(this, '#5a0000')" onMouseDown="LmDown(this, '#000000')" 
onMouseUp="LmUp('#')" bgcolor="#5a00000">[url="#"] ink[/url]</td></tr>
</table>

</td></tr>
</table></td>
			</tr>
		</table></div>
		



		</p>
		<table bordercolor="cc9900" width="64" border="0" cellspacing="0" cellpadding="0" align="top">
			<tr>
				<td>[img]images/job.JPG[/img]</td>
			</tr>
			<tr>
				<td><table border="0" width="100" bgcolor="#cc9900" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="1">
<tr><td width="100%" onMouseover="LmOver(this, '#000000')" onMouseout="LmOut(this, '#5a0000')" onMouseDown="LmDown(this, '#000000')" 
onMouseUp="LmUp('#')" bgcolor="#5a00000">[url="#"] Link[/url]</td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#000000')" onMouseout="LmOut(this, '#5a0000')" onMouseDown="LmDown(this, '#000000')" 
onMouseUp="LmUp('#')" bgcolor="#5a00000">[url="#"]L[/url]</td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#000000')" onMouseout="LmOut(this, '#5a0000')" onMouseDown="LmDown(this, '#000000')" 
onMouseUp="LmUp('#')" bgcolor="#5a00000">[url="#"] ink[/url]</td></tr>
</table>

</td></tr>
</table></td>
			</tr>
		</table>

Der rest interessiert nicht, es geht nur um den Tabellenbackround beim erstmaligen aufrufen im firefox.

irgendwer ne idee?
 
Werbung:
Hi Tar-Minyatur

da du die Tabelle ausschließlich mit JavaScript formatierst, musst du eine INIT-Funktion einbauen die die Tabelle beim Seitenaufruf schon formatiert. Ansonsten im Stylebereich das "normale" Style einfügen. ;)

Gruß
Hobbyuser
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben