mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 09:38 Benutzername: Passwort: Auto-Login

Thema: tabellen: bg-img rollover vom 07.06.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> tabellen: bg-img rollover
Autor Nachricht
StarGate
Threadersteller

Dabei seit: 06.06.2006
Ort: Augsburg
Alter: -
Geschlecht: Männlich
Verfasst Mi 07.06.2006 13:18
Titel

tabellen: bg-img rollover

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
StarGate
Threadersteller

Dabei seit: 06.06.2006
Ort: Augsburg
Alter: -
Geschlecht: Männlich
Verfasst Fr 09.06.2006 13:32
Titel

Antworten mit Zitat Zum Seitenanfang

anscheinent hat niemand ein plan! * Keine Ahnung... * *hu hu huu* schad drum!
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Backware

Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht: Männlich
Verfasst Fr 09.06.2006 13:44
Titel

Antworten mit Zitat Zum Seitenanfang

StarGate hat geschrieben:
anscheinent hat niemand ein plan! * Keine Ahnung... * *hu hu huu* 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
  View user's profile Private Nachricht senden
raziel

Dabei seit: 29.05.2006
Ort: Saarbrücken
Alter: 39
Geschlecht: -
Verfasst So 11.06.2006 13:48
Titel

Antworten mit Zitat Zum Seitenanfang

Ich würd mir ein rollover effect mit css machen *hehe*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen tabellen rollover -> css
rollover-PNG in PS
rollover
Rollover
Rollover mit CSS
rollover mit ps und golive?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.