Hallo Zusammen,
ich tüftel gerade wieder an meiner
NOF-Seite (Fusion12) und komme nicht weiter. Vielleicht habt Ihr einen Tipp für mich?
Ich habe hier im Forum eine Anleitung gefunden, wie mann mittels css(?) aus einer TabellenZELLE eine Art Mouseover-Bild-Link erstellen kann. Im Seiten-html steht nun direkt unter <TITLE>...
td.zelle_menue03_aus {border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; background:transparent; color:#2B2ED1;}
td.zelle_menue03_aus:hover {border-top: 1px solid #DADADA; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; border-bottom: 1px solid #dadada; background #daDADA; color:#808080;}
td.zelle_menue03_an {border-top: 1px solid #daDADA; border-left: 1px solid #daDADA; border-right: 1px solid #daDADA; border-bottom: 1px solid transparent; background-image:url(../menueebene_03_01__hintergrund_an_04.jpg); color:#808080;}
In der betreffenden Zelle steht bei "Tabellenzeile-Eigenschaften" im Zellen-html...
class="zelle_menue03_aus"
bzw.
In der Tabellenzelle selber steht der Linktext als ganz normaler Text. Dieser wird auch ganz normal in der Eigenschaften-Palette als Text formatiert (Schrift, Größe, Farbe).
Soweit so gut, alles funktioniert. Nun bin ich auf die Möglichkeit gestoßen, nicht nur den Text in der Tabellenzelle als Link verwenden zu können sondern die GANZE Zelle als Link zu nutzen. Dies hätte den Vorteil, einer größeren Trefferfläche, sodaß mit der Maus nicht mehr ganz genau gezielt werden muss.
Mit dem Zusatz
display:block;
soll dies möglich sein. Aber wo soll dies eingefügt werden? Ich habe es in obigem Code versucht und auch innerhalb der betreffenden Zelle. Ich habe auch in der Tabellenzelle den Textinhalt rausgenommen und durch ein Textfeld (in der Tabellenzelle) ersetzt. Dieses Textfeld hat dann im html-Fenster den Inhalt
<a href="whatever.htm" style="display:block;width:100%;height:100%;text-decoration:none;"> </a>
erhalten (Quelle:
http://www.dynamicdrive.com/forums/archive/index.php/t-11234.html)
Das hat dann auch halb funktioniert: die klickbare Fläche war größer, allerdings wurde die Tabellenzelle in der Höhe verdoppelt und ich fand keine Möglichkeit diese wieder auf die eigentlich in NOF eingestellte Höhe zu reduzieren.
Gibt es eine Möglichkeit eine elegant formatierte Tabelle mit der größeren Klickfläche zu kombinieren oder ist es eine entweder-oder-Entscheidung?
Vielen Dank für Eure Mühe
Steve
***edit-nettesekel***code zur besseren Übersicht in Container verpackt***