|
|||
![]()
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 | |
|
|
![]() |
||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
clearen im 21 Jhr. | Muamicus | CSS | 23 | 14.12.2010 20:50 |
ul richtig zentrieren | Muamicus | CSS | 23 | 14.12.2010 19:28 |
Definitionsliste in einer Floatumgebung | *pi | CSS | 11 | 07.01.2009 19:34 |
Ständig wechselnde Bilder, Werbung | Vybsi | (X)HTML | 17 | 25.01.2008 00:00 |
CSS Navigationsproblem | thesecretboy | CSS | 0 | 12.04.2007 09:12 |