mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 15:42 Benutzername: Passwort: Auto-Login

Thema: Flyout Menu - Table? vom 26.07.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Flyout Menu - Table?
Autor Nachricht
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Do 26.07.2007 16:17
Titel

Flyout Menu - Table?

 Antworten mit Zitat Zum Seitenanfang
Hallo Ihr Lieben,

ich hätte da mal eine Frage zu folgendem Code (hab ich aus dem Internet):

Code:

<style type="text/css">
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:149px;
top:0px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
width:149px;
padding:7px 0;
color:#000;
background:#949e7c;
text-decoration:none;
margin-right:1px;
text-align:center;
}

/* style the links hover */
.menu :hover{
color:#444;
background:#d4d8bd;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
</style>


</head>

<body>

<div class="menu">
   <ul>
   <li><a href="../boxes/index.html">Besucher</a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul>
      <li><a href="#" title="Wrapping text around images">Besucher</a></li>
      <li><a href="#">Partner</a></li>
      <li><a href="#">Item three</a></li>
      <li><a href="#">Item four</a></li>
      <li><a href="#">Item five</a></li>   
   </ul>
   </li>

   
   </ul>
</div>


</body>
</html>



Und zwar: Was hat es mit der Klasse ".menu table" auf sich und dem im Code dann zugewiesenen Kommentar hinter dem ersten <li>? Schnall das nicht ganz. Wollte mein Menü davon ableiten, wenn ichs verstanden habe...
gibt es noch ne einfachere Version? Meins sollte auch Buttons haben dann.
Danke und lg[/quote]
 
EnterYourName

Dabei seit: 14.06.2007
Ort: Hamburg
Alter: 36
Geschlecht: Weiblich
Verfasst Do 26.07.2007 16:21
Titel

Antworten mit Zitat Zum Seitenanfang
Ist das so komplett wie du es gefunden hast oder hast du da schon drin rumgelöscht? Au weia!
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Do 26.07.2007 16:37
Titel

Antworten mit Zitat Zum Seitenanfang
das ist das flyout menu von cssplay.
und die erklärung für deine frage steht auch da.
  View user's profile Private Nachricht senden
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Do 26.07.2007 19:46
Titel

Antworten mit Zitat Zum Seitenanfang
aha ok. seh ich das jetzt richtig, das die tabelle nur dazu da ist, das der ie 6 das auch kann?
dieses hier also?

<!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->

noch ne dumme frage: wieso kann der ie6 das lesen, steht das nicht in kommentarzeichen?
sorry. *Schnief*
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 26.07.2007 19:52
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.google.de/search?hl=de&q=conditional+comments
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen (A CSS only validating flyout menu) Problem im IE
Hoover Flyout?
problem mit flyout menü in ie6
Lücke bei Flyout Menü im ie7... -.-
CSS und IE - Problem mit Flyout-Menü
Thema Adobe Muse, Flyout Menü
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB