|
|||
Mit Maus auf einen Link dann soll Layer verschwinden
Hallo,
folgendes Problem: Ich sobald die Maus auf einen bestimmten Link kommt, das ein Layer eingeblendet ist. Und wenn ich den Link mit der Maus wieder verlasse, will ich das der Layer wieder ausgeblendet wird. Geht das überhaupt mit CSS? Danke für Antworten Gruß Sascha |
Sponsored Links |
Sponsored Links |
|
||||
Mal komplett auf's Grundlegende reduziert: Du hast das Markup
Code:
<a href="#">Hier mit der Maus drüberfahren <span>dann erscheint dieser Text.</span></a> Code:
a span { display: none; } Code:
a:hover span { display: block; position: absolute; left: 0; top: 0; } |
|
|||
leide habe ich gerade festgestellt das das bei mir nicht im Internet Explorer geht das ist mein Quellcode:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Unbenanntes Dokument</title> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <style type="text/css"> <!-- a span { display: none; } a:hover span { display: block; position: absolute; /*left: 0; top: 0;*/ } --> </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="6%" bgcolor="#074B46"><a href="#">Menu1<span> <div id="Layer1" style="position:relativ; width:200px; height:115px; z-index:1"><table width="196" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#074B46"> <td width="196">Test123</td> </tr> <tr bgcolor="#074B46"> <td>est123</td> </tr> <tr bgcolor="#074B46"> <td>test123</td> </tr> <tr bgcolor="#074B46"> <td>test123</td> </tr> </table></div></span></a></td> <td width="51%" bgcolor="#074B46">kjg</td> <td width="11%" bgcolor="#074B46">kjgkhg</td> <td width="11%" bgcolor="#074B46">kjgkhg</td> <td width="10%" bgcolor="#074B46">kjgkjg</td> <td width="11%" bgcolor="#074B46">kjgkhg</td> </tr> </table> </body> </html> |
|
|||
Zitat:
Ich weiss, es ist als Anfänger schwer, aber bevor du solche CSS-Hover-Spielereien machst musst du dich zuerst mit den Grundlagen von HTML beschäftigen. Dazu gehört, das du lernen musst, wie HTML aufgebaut wird. Unter anderem darf ein Inline-Element (a, span) nämlich keine Block-Elemente (div, table, etc.) enthalten. Offensichtlich willst du ein Menü erstellen. Schau Dir dazu folgendes an: http://htmldog.com/articles/suckerfish/dropdowns/ Aber wie gesagt ohne Basiswissen wird das schwer. Da solltest du Dir ein Tutorial durcharbeiten, z.B. http://htmldog.com/guides/ oder, wenn nicht auch nicht so gut, aber in Deutsch: http://de.selfhtml.org/ Robin |
|
|||
Ok danke
ich habe mir jetzt mal das Menü von Sucherfish angeguckt. Und ich habe bei den Hauptpunkten die Breitweggenonnen, da ich manche langen name habe und wenn ich alle auf diese breite setze dann passt das nicht auf die Seite, aber wie kann ich den Abstand zwischen den einzelnen Menü Punkten machen? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
ul ul_hover überdecken | Muamicus | CSS | 4 | 22.12.2010 19:05 |
IE5 link futzt net, rechte Maus + link öffnen geht | hackenbusch | CSS | 0 | 09.01.2007 18:42 |
Problem mit komplexem Menü | Chellisa | CSS | 2 | 09.01.2007 17:16 |
Div Layer in Div Layer füllt diesen nicht aus (in FF) | Daniel12 | CSS | 2 | 14.08.2005 22:05 |
Anfänger: Bild mit Link - Rahmen verschwinden lassen | oli | CSS | 5 | 23.09.2004 23:45 |