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

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

Thema: CSS 2 Spaltenmenü ich habe hier ein kleines Problem vom 06.03.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS 2 Spaltenmenü ich habe hier ein kleines Problem
Seite: Zurück  1, 2, 3, 4  Weiter
Autor Nachricht
Maximus73
Threadersteller

Dabei seit: 10.11.2007
Ort: Stadt
Alter: -
Geschlecht: Männlich
Verfasst Fr 07.03.2008 12:14
Titel

Antworten mit Zitat Zum Seitenanfang
so da ihr ja entlich fertig seit können wir ja wieder zurückkommen zum Thema denn ich abe noch ein wenig rumgebastelt.
und habe nur noch ein Problem wie bekomme ich das hin das die Texte in der 2. Ebene immer unter den jeweiligen Link erscheint???


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>CSS Klappmenü mehrfach Horizontal</title>
<style type="text/css">
<!--

* {
margin: 0;
padding: 0;
}
body {
font-size: 100,01%;
font-family: Arial, Helvetica, sans-serif;
background-color: #000;
}

#hauptmenue {
margin-left: 2em;
margin-top: 10em;
margin-right: 2em;
background:#666;
font-size:.95em;
height:1.8em;
}

#hauptmenue ul {
position: relative;
width: 100%;
background-color: #000;
height: 1.8em;
}
#hauptmenue li {
display: inline;
line-height: 1.8em;
list-style: none;
background-color: transparent;
color:#000;
}

#hauptmenue a {
float: left;
display: block;
text-decoration: none;
text-align: center;
width: 14%;
color:#fff;
border-left:0px solid #000;
}

#hauptmenue a:hover {
background-color: #666;
color: black;
}


#hauptmenue ul ul {
visibility: hidden;
position: absolute;
top: 1.8em;
font-size: 100%;
background-color: #666;
color: #000;
border-bottom: 0px solid #fff;
min-height: 2.3em;
}

#hauptmenue li:hover ul, #hauptmenue li.iehover ul {
visibility: visible;
}

#hauptmenue ul ul.info li {
border:none;
width: 100%;
color: #fff;
text-align: center;
}

#hauptmenue ul ul.menu2 li {
background-color: #CCCCCC;
color: #fff;
}

#hauptmenue ul ul a {
background-color: #CCC;
padding: .02em;
}

#hauptmenue ul ul a:hover {
background-color: #666;
color: #fff;
}

#hauptmenue li.sub3 a, #hauptmenue li.sub3 a:hover {
background:red url(punkt.gif) center left no-repeat;
}

#hauptmenue ul ul li.sub3 ul {
position: absolute;
visibility: hidden;
left: 0em;
height: 1.8em;
background-color: #ccc;
top: 3.6em;
}

#hauptmenue ul ul li:hover ul, #hauptmenue ul ul li:focus ul {
visibility: visible;

}


//-->
</style>

<!--[if lt IE 7]>
   <style type="text/css">

#rahmen{
width:expression(document.body.clientWidth > 900? "900px": "auto" );
}


#hauptmenue ul ul, #hauptmenue ul ul ul {
left: 0;
top: 1.8em;
height: 5em;
}

#hauptmenue ul ul ul, #hauptmenue ul ul ul li  {
visibility: hidden;
top: 3.5em;
}

#hauptmenue ul ul li.sub3.iehover ul, #hauptmenue ul ul li.sub3.iehover ul li {
visibility: visible;
top: 3.5em;
background-color: #ccc;
}

         
   </style>
<![endif]-->


<!--[if lt IE 5.500]>
   <style type="text/css">

#hauptmenue ul li {
float: left;
width: 14%;
}

#hauptmenue ul li ul {
width: 714%;
}

   </style>
<![endif]-->

<script type="text/javascript">
<!--
sfHover = function() {
   var sfEls = document.getElementById("hauptmenue").getElementsByTagName("LI");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" iehover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" iehover\\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//-->
</script>
</head>
<body>
<div id="rahmen"></div>
<div id="hauptmenue"><ul id="navlist">
<li title="1"><a href="#">Home</a></li>
<li title="1"><a href="#">Kontakt</a></li>
<li><a href="#" title="Marken">Marken</a>
  <ul class="info">
   <li><a href="#">Mazda</a></li>
  <li><a href="#">Suzuki</a></li>
  </ul></li>
<li><a href="#" title="Verkauf">Verkauf</a>
  <ul class="info">
   <li><a href="#">Mazda</a></li>
  <li><a href="#">Suzuki</a></li>
  </ul></li>
<li><a href="#" title="Service">Service</a>
  <ul class="info">
   <li><a href="#">Mazda</a></li>
  <li><a href="#">Suzuki</a></li>
  </ul></li>
<li><a href="#" title="Aktionen">Aktionen</a>
  <ul class="info">
   <li><a href="#">Mazda</a></li>
  <li><a href="#">Suzuki</a></li>
  </ul></li>
<li><a href="#" title="Werkstatt">Werkstatt</a>
  <ul class="info">
   <li><a href="#">Mazda</a></li>
  <li><a href="#">Suzuki</a></li>
  </ul></li>
 </ul></div>

</body>
</html>


Zuletzt bearbeitet von Maximus73 am Fr 07.03.2008 12:39, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 07.03.2008 14:29
Titel

Antworten mit Zitat Zum Seitenanfang
signatur hat geschrieben:
"eure eltern sind geschw......"
Politik gehört hier einfach nicht rein in diesem Forum In diesem Sinne LG Marco


grammmadick auch nich....


*ha ha*

aber ganz vichtik sint beleitigungen in der sicknatur! * Du kannst mich mal... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
plöder_lemming

Dabei seit: 31.01.2008
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 07.03.2008 14:50
Titel

Antworten mit Zitat Zum Seitenanfang
pixelpapst303 hat geschrieben:
signatur hat geschrieben:
"eure eltern sind geschw......"
Politik gehört hier einfach nicht rein in diesem Forum In diesem Sinne LG Marco


Bäem Bäem, ich glaub dem gehts zu gut?!?

Außerdem, "Politik" wenn ich das schön höre.
"Politik", die sich gegen Faschos richtet, mit nem Verstand einer Spitzmaus, nennt sich Aufklärung und gehört überall rein.
Man kann gar nicht oft und laut genug sagen:

NAZIS HABEN K(L)EINE PIMMEL

Zuletzt bearbeitet von plöder_lemming am Fr 07.03.2008 15:01, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 07.03.2008 14:59
Titel

Antworten mit Zitat Zum Seitenanfang
btw.... mein pimmel macht zwar alles mögliche, aber mit sicherheit keine politik!!! Grins
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 07.03.2008 15:25
Titel

Antworten mit Zitat Zum Seitenanfang
Als ob ich hier jetzt noch helfen würde, könnte ja passieren dass mir dann irgendwann
tatsächlich mal so ein blöder Nazi den Arbeitsplatz wegnimmt, und so gehts ja nicht.


Naja, dann wollen wir mal nicht so sein. Google hilft dir weiter.

Zuletzt bearbeitet von m am Fr 07.03.2008 15:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
plöder_lemming

Dabei seit: 31.01.2008
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 07.03.2008 15:30
Titel

Antworten mit Zitat Zum Seitenanfang
*ha ha* *ha ha*
Apropro, ich hab noch passende mails in meinem Spamfilter, die vllt dem TO weiterhelfen...
  View user's profile Private Nachricht senden
Maximus73
Threadersteller

Dabei seit: 10.11.2007
Ort: Stadt
Alter: -
Geschlecht: Männlich
Verfasst Fr 07.03.2008 15:45
Titel

Antworten mit Zitat Zum Seitenanfang
ey ihr penner ........ bla bla ich denke mal ihr sollte euch überlegen wo ihr seit euch auf dem bahnhof stellen mit den anderen und euch löschen lassen
es geht hier nicht um penislängen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 07.03.2008 16:06
Titel

Antworten mit Zitat Zum Seitenanfang
Ich frage mich laufend, warum hier in diesem Forum laufend konstruktive Meinungen gelöscht werden, weil sie nicht ins Moderatorenbild passen (Machen bspw. Maily und Tacker gern...), aber solch ein Müll hier bestehen bleibt und dann die entspr. Autoren auch noch ohne Verwarnungen davon kommen. Wär ich Moderator, gäbs unter jedem eurer Avatare jetzt ein knackiges "Account gelöscht" zu lesen...

Und dem TE empfehle ich, sich mit seinen Problembeschreibungen ein wenig mehr Mühe zu geben, denn die goldene Regel hier im Board lautet: "Gibst du dir keine Mühe, geb' ich mir auch keine".
  View user's profile Private Nachricht senden
 
Ähnliche Themen kleines CSS Problem
Kleines CSS-Problem
[CSS] Kleines CSS-Problem
Kleines vBulletin/JS/IE Problem
kleines Javascript problem
Kleines Website Problem
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4  Weiter
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