mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 13:53 Benutzername: Passwort: Auto-Login

Thema: [CSS] Überlappen von Listenelement vom 03.01.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Überlappen von Listenelement
Autor Nachricht
lostrudel
Threadersteller

Dabei seit: 03.01.2011
Ort: Salzburg
Alter: -
Geschlecht: -
Verfasst Mo 03.01.2011 07:31
Titel

[CSS] Überlappen von Listenelement

Antworten mit Zitat Zum Seitenanfang

Guten Tag.

Ich habe folgendes Problem:

Ich will eine vertikales flyout menu über eine Grafik überlappen lassen. Jedoch will es nicht funktionieren. Ich habe bereits versucht verschiedene Varianten von position zu verwenden und entsprechend auch negative Werte für top,margin usw. anzugeben. Hat aber alles nichts geholfen.

Hier ist der Quelltext: #navigation beiinhaltet die Formatierung für Selbige und background jene für den Hintergrund.

Code:


  #navigation ul li ul {
  position: relative;
  margin: 0; padding: 0;
  display:none;
  }
  #navigation li li:hover ul {
  display:block;
  }
  #navigation li:hover ul {
  position:relative;
  left:auto;
  top:-1px;
  display:block;
  }
  #navigation li li {
  float:none;
  display:block;
  height:20px;
  background-color:#EEEEB0;
  text-align:center;
  border: 1px solid black;
  }



  #background ul {
  list-style:none;
  width:600px;
  height:550px;
  margin: 0 auto;
  position: relative; top:-17px;

  }
  #background li {
  float:left;
  width:100%;
  height:100%;
  }
  #background a {
  display:block;
  height:550px;
  position:relative;
  text-align:center;
  }
  #background a b {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background: url(images/bueroklammer_background3.png) no-repeat;
  }



Mir wäre sehr geholfen, könnte mir jemand bei meinem Problem behilflich sein.

MfG

lostrudel
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 03.01.2011 09:52
Titel

Antworten mit Zitat Zum Seitenanfang

Moin moin,
poste doch noch das Html dazu...

Grüße
zweitaccount
  View user's profile Private Nachricht senden
Anzeige
Anzeige
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Mo 03.01.2011 10:48
Titel

Antworten mit Zitat Zum Seitenanfang

sicher, dass du alle position: ausprobiert hast?. mit position:absolute ist das eigentlich kein Problem. Aber wie gesagt wurde, mit ein paar Html-Zeilchen lässt sich da doch ein wenig mehr sagen.
  View user's profile Private Nachricht senden
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mo 03.01.2011 12:00
Titel

Antworten mit Zitat Zum Seitenanfang

Das Parent UL muss position: relative haben und die Child ULs absolute. Das sollte eigentlich klappen. Aber wie schon gesagt HTML-Source wäre sinnvoll, vllt ist da ja was nicht richtig...
  View user's profile Private Nachricht senden
 
Ähnliche Themen Hilfe bei Listenelement HTML
Boxen sollen überlappen
illustrator cs2 / objekte überlappen
[DIV] Probleme mit Positionierung (überlappen)
css menü soll div überlappen
DIVs überlappen sich nicht
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.