Autor |
Nachricht |
StarGate
Threadersteller
Dabei seit: 06.06.2006
Ort: Augsburg
Alter: -
Geschlecht:
|
Verfasst Mi 07.06.2006 13:18
Titel tabellen: bg-img rollover |
|
|
Grüßt euch, Mitlgieder.
Ich versuche schon lange eine Navigation mit Tabellen hinzubekommen, jedoch scheitert das immer am Browser, da nicht jeder dies verarbeitet. ich würde mich riesig freuen wenn jemand da weiter weiß, danke im voraus.
ich habe 2 verschiedene Scripte zusammengefasst:
1.) Beim Ersten gibt es keine möglichkeit diese Navigation bei Mozolla Firefox(R) erscheinen zu lassen, bei den anderen Browsern, wie IE 5-7, und Netscape(A) gelingt es wunderbar.
Javascript:
Code: | <style><!--
.nmsw_Navyleiste { font-family:Verdana; font-style:normal; font-weight:normal; font-size:5px; color:rgb(51,51,0); background-image:url('Eigene Bilder\navy_over2.bmp'); }
-->
</style>
<script language="JavaScript">
<!--
function namosw_cell_rollover(cell, classname) {
if (document.all || document.getElementById) {
cell.classBackup = cell.className;
cell.className = classname;
}
}
function namosw_cell_rollout(cell)
{
if (document.all || document.getElementById) {
cell.className = cell.classBackup;
}
}
// --></script> |
Tabellen code:
Code: | <div align="left">
<table cellpadding="0" cellspacing="0" background="logo_pixelmedia.gif" width="900">
<tr>
<td width="14" height="26"><font size="1" face="Verdana"><img src="l_scap.gif" width="14" height="25" border="0"></font></td>
<td width="96" OnMouseOut="namosw_cell_rollout(this)" OnMouseOver="namosw_cell_rollover(this, 'nmsw_Navyleiste')" height="26">
<p align="center"><b><a href="Ubersicht.htm" target="_self"><font size="1" face="Verdana" color="#FFCC33">Übersicht</font></a></b></p>
</td></tr></table></div> |
2.) beim zweiten sind nur farben möglich jedoch keine Hintergrundbilder, was mich sehr stört:
Javascript:
Code: | function expMenu(id)
{
var itm = null;
if (document.getElementById)
{
itm = document.getElementById(id);
}
else if (document.all)
{
itm = document.all[id];
}
else if (document.layers)
{
itm = document.layers[id];
}
if (!itm)
{
// do nothing
}
else if (itm.style)
{
if (itm.style.display == "none")
{
itm.style.display = "";
return 1;
}
else
{
itm.style.display = "none";
return 2;
}
}
else
{
itm.visibility = "show";
return 1;
}
} |
Tabelle code:
Code: | <table>
<tr>
<td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='#FBFBFB';">text</td>
</tr>
</table> |
|
|
|
|
|
StarGate
Threadersteller
Dabei seit: 06.06.2006
Ort: Augsburg
Alter: -
Geschlecht:
|
Verfasst Fr 09.06.2006 13:32
Titel
|
|
|
anscheinent hat niemand ein plan! schad drum!
|
|
|
|
|
Anzeige
|
|
|
Backware
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Fr 09.06.2006 13:44
Titel
|
|
|
StarGate hat geschrieben: | anscheinent hat niemand ein plan! schad drum! |
ich rate dir von deinem lösungsansatz dringend ab...
nimm lieber das listenelement und probier dich an css.. denn a:hover interpretieren sogut wie alle browser...
zudem hast du dann kein javascript.... wobei ich das nicht schlimm fände da ne javascriptlösung zu machen... was aber bei navigationen problematisch ist..
// edit:
Code: | <table>
<tr>
<td onmouseover="this.style.backgroundColor='#EFEFEF';" onmouseout="this.style.backgroundColor='#FBFBFB';">text</td>
</tr>
</table> |
versuchs mal mit:
Code: | <table>
<tr>
<td onmouseover="this.className='hoverclass';" onmouseout="this.className='normclass';" class="normclass">text</td>
</tr>
</table> |
Zuletzt bearbeitet von Backware am Fr 09.06.2006 13:47, insgesamt 3-mal bearbeitet
|
|
|
|
|
raziel
Dabei seit: 29.05.2006
Ort: Saarbrücken
Alter: 39
Geschlecht: -
|
Verfasst So 11.06.2006 13:48
Titel
|
|
|
Ich würd mir ein rollover effect mit css machen
|
|
|
|
|
|
|
|
Ähnliche Themen |
tabellen rollover -> css
rollover-PNG in PS
rollover
Rollover
Rollover mit CSS
rollover mit ps und golive?
|
|