Inline Listenelement wird nicht richtig im background befüllt

SteveB · #1 (**permalink**) 28.04.2011, 17:59

Hallo,

habe ein vertikales FlyOut menü mit Html und CSS erstellt.

Die unterlisten im vertikalen Menü sollen unterschiedliche Hintergrundfarben haben.

sollte eigentlich unkompliziert mit background zuweisung in seperaten klassen funktionieren.

Mein Problem ist nun, dass ich zwar einen bakcground setzen kann, dieser allerdings nicht die volle breite befüllt.

Was kann man da am besten machen?

Menü Links auf Bad Vilbel gehen.

display block hatte auch nicht den gewünschten effekt erzielt, auch nicht wenn ich es a direkt zuweise.

Code:

.bvColor li > a{
Inline Listenelementbackground: #F0F;
display:block;
}

Mein 2. Problem ist, dass ich im seitlich aufklappenden Menü die Schrift nicht zentriert bekomme.

Wie es ist Link

Wie es sein sollte (nur im IE anzeigbar) Link

Vielen Dank im Voraus.

html code:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bla</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>

<body>
<ul class="navi_top_general">
  <li><a href="#" class="service">Unser Service</a>
    <ul class="child_ul_top_general">
      <li><a href="http://www.aquafun.de/service/inhalt.html">Inhalt Webseite</a></li>

      <li> <a href="http://www.aquafun.de/service/info-allgemein.html">Allgemeine Information</a></li>
      <li> <a href="http://www.aquafun.de/service/info-allg-malle.html">Information Mallorca</a></li>
      <li> <a href="http://www.aquafun.de/service/info-rinker-01.html">Unsere Schulungsboote</a></li>
      <li> <a href="http://www.aquafun.de/service/geldzurueck.html">Geld zur&uuml;ck Garantie</a></li>

      <li> <a href="http://www.aquafun.de/service/lehrmaterial.html">eigenes Lehrmaterial</a></li>
      <li> <a href="http://www.aquafun.de/service/knotentraining.html">Knotentraining</a></li>
      <li> <a href="http://www.aquafun.de/service/gutschein.html">Geschenkgutschein</a></li>
      <li> <a href="http://www.aquafun.de/service/shop.html">Aquafun Shop</a></li>
      <li> <a href="http://www.aquafun.de/service/firmeninfo.html">Firmen-Info</a></li>

      <li> <a href="http://www.aquafun.de/news.html">aktuelle Nachrichten</a></li>
      <li> <a href="http://www.aquafun.de/service/callmeback.html">Call me back</a></li>
      <li> <a href="http://www.aquafun.de/ischeine/nfo-anfordern.html">Infos anfordern</a></li>
      <li> <a href="http://www.aquafun.de/scheine/anmeldung.html">online anmelden</a></li>
    </ul>

  </li>
  <li><a href="#" class="anfahrt">Anfahrt &amp; Kontakt</a>
    <ul class="child_ul_top_general">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-gesamt.html">alle Schulen</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-aschaffenburg.html">D-63741 Aschaffenburg..</a></li>

      <li> <a href="http://www.aquafun.de/anfahrt/anf-alzenau.html">D-63755 Alzenau............</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-ruesselsheim.html">D-64528 R&uuml;sselsheim.....</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-dieburg.html">D-64807 Dieburg............</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-mannheim.html">D-68167 Mannheim.........</a></li>

      <li> <a href="http://www.aquafun.de/anfahrt/anf-lampertheim.html">D-68623 Lampertheim.....</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-appenweier.html">D-77767 Appenweier.......</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-erlangen.html">D-91080 Erlangen/Uttenr.</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-malloeca.html">E-Mallorca</a></li>
      <li> <a href="http://www.aquafun.de/service/impressum.html">Impressum</a></li>

      <li> <a href="http://www.aquafun.de/service/callmeback.html">Cal me back</a></li>
    </ul>
  </li>
  <li><a href="#" class="empfehlung">Empfehlungen</a>
    <ul class="child_ul_top_general">
      <li> <a href="http://www.aquafun.de/empfehlungen/bootshandel.html">Bootshandel</a></li>

      <li> <a href="http://www.aquafun.de/empfehlungen/charter.html">Bootscharter</a></li>
      <li> <a href="http://www.aquafun.de/empfehlungen/bootszubehoer.html">Bootszubeh&ouml;r</a></li>
      <li> <a href="http://www.aquafun.de/empfehlungen/bootsevents.html">Events &amp; Messen</a></li>
      <li> <a href="http://www.aquafun.de/empfehlungen/tauchen.html">Tauchen</a></li>

      <li> <a href="http://www.aquafun.de/empfehlungen/zeitschriften.html">Zeitschriften</a></li>
      <li> <a href="http://www.aquafun.de/empfehlungen/hotels.html">Hotels</a></li>
      <li> <a href="http://www.aquafun.de/empfehlungen/kundenseite.html">Kundenseite</a></li>
      <li> <a href="http://www.aquafun.de/empfehlungen/fun-sport.html">Fun &amp; Sport</a></li>

      <li> <a href="http://www.aquafun.de/empfehlungen/programmierung.html">Programmierung</a></li>
      <li> <a href="http://www.aquafun.de/empfehlungen/sonstiges.html">sonstiges</a></li>
    </ul>
  </li>
  <li><a href="#" class="special">Aquafun Sepcial</a>
    <ul class="child_ul_top_general">

      <li> <a href="http://www.aquafun.de/aquafun-memberbereich/">Kundenlogin</a></li>
      <li> <a href="http://www.aquafun.de/special/bootsverleih.html">Bootsverleih-Hanau</a></li>
      <li> <a href="http://www.aquafun.de/special/club.html">Aquafun-Club</a></li>
      <li> <a href="http://www.aquafun.de/special/rennsport.html">Rennsport</a></li>
      <li> <a href="http://www.aquafun.de/special/partner.html">Aquafun Partner</a></li>

      <li> <a href="http://www.aquafun.de/service/inhalt.html">Inhalt Webseite</a></li>
    </ul>
  </li>
</ul>
<ul class="navi_top_license">
  <li><a href="#" class="binnen">SBF Binnen</a>
    <ul class="child_ul_top_license">
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen.html">Termine Binnenkurse</a></li>

      <li> <a href="http://www.aquafun.de/scheine/info-binnen.html">Infos SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/service/info-allgemein.html">Infos Allgemein</a></li>
      <li> <a href="http://www.aquafun.de/scheine/preis-binnen.html">Preisinfo Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/preis-binnen-malle.html">Preisinfo Mallorca</a></li>
      <li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>

      <li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
    </ul>
  </li>
  <li><a href="#" class="see">SBF See/K&uuml;ste</a>
    <ul class="child_ul_top_license">
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see.html">Termine Seekurse</a></li>

      <li> <a href="http://www.aquafun.de/scheine/info-see.html">Infos SBF See</a></li>
      <li> <a href="http://www.aquafun.de/service/info-allgemein.html">Infos Allgemein</a></li>
      <li> <a href="http://www.aquafun.de/service/callmeback.html">Infos zu Mallorca</a></li>
      <li> <a href="http://www.aquafun.de/scheine/preis-see.html">Preisinfo See</a></li>
      <li> <a href="http://www.aquafun.de/scheine/preis-see-malle.html">Preisinfo Mallorca</a></li>

      <li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
      <li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
    </ul>
  </li>
  <li><a href="#" class="ubi">Binnenfunk UBI</a>
    <ul class="child_ul_top_license">

      <li> <a href="http://www.aquafun.de/scheine/termine/term-ubi.shtml">Termine UBI Kurse</a></li>
      <li> <a href="http://www.aquafun.de/scheine/info-ubi.html">Infos Funk Binnen</a></li>
      <li> <a href="http://www.aquafun.de/service/info-allgemein.html">Infos Allgemein</a></li>
      <li> <a href="http://www.aquafun.de/service/callmeback.html">Infos zu Mallorca</a></li>
      <li> <a href="http://www.aquafun.de/scheine/preis-ubi.html">Preisinfo UBI</a></li>

      <li> <a href="http://www.aquafun.de/scheine/preis-ubi-malle.html">Preisinfo Mallorca</a></li>
      <li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
      <li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
    </ul>
  </li>
  <li><a href="#" class="srcl">Seefunk SRC</a>

    <ul class="child_ul_top_license">
      <li> <a href="http://www.aquafun.de/scheine/termine/term-src.html">Termine SRC Kurse</a></li>
      <li> <a href="http://www.aquafun.de/scheine/info-src.html">Infos Funk See</a></li>
      <li> <a href="http://www.aquafun.de/service/info-allgemein.html">Infos Allgemein</a></li>
      <li> <a href="http://www.aquafun.de/service/callmeback.html">Infos zu Mallorca</a></li>

      <li> <a href="http://www.aquafun.de/scheine/preis-src.html">Preisinfo SRC</a></li>
      <li> <a href="http://www.aquafun.de/scheine/preis-src-malle.html">Preisinfo Mallorca</a></li>
      <li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
      <li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
    </ul>

  </li>
  <li><a href="#" class="sks">Segeln &amp; SKS</a>
    <ul class="child_ul_top_license">
      <li> <a href="http://www.aquafun.de/scheine/termine/term-sks.html">Termine SKS Kurse</a></li>
      <li> <a href="http://www.aquafun.de/scheine/info-toerns.html">Termine Segelt&ouml;rns</a></li>

      <li> <a href="http://www.aquafun.de/scheine/info-sks.html">Info SKS</a></li>
      <li> <a href="http://www.aquafun.de/scheine/info-toerns.html">Info T&ouml;rns</a></li>
      <li> <a href="http://www.aquafun.de/scheine/preis-sks.html">Preisinfo Segeln</a></li>
      <li> <a href="http://www.aquafun.de/scheine/preis-sks-malle.html">Preisinfo Mallorca</a></li>

      <li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
      <li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
    </ul>
  </li>
</ul>
<ul class="nav_menu_left">
  <li ><a href="#" class="bv">Bad Vilbel</a>

    <ul class="child_ul_nav_menu_left bvColor">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-vilbel.html">Tel. 06101 - 1011</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-vilbel.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-bv.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-bv.shtml">Termine SBF See</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-ubi-bv.shtml">Termine UBI Binnenfunk</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-src-bv.shtml">Termine SRC Seefunk</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-sks.shtml">Termine SKS Theorie</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-toern.html">Termine SKS Segelt&ouml;rns</a></li>

    </ul>
  </li>
  <li><a href="#" class="mannheim">Mannheim</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-mannheim.html">0621 - 3369887</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-mannheim.html">Anfahrt &amp; Kontakt</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-mannheim.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-mannheim.shtml">Termine SBF See</a></li>
    </ul>
  </li>
  <li><a href="#" class="hanau">Hanau</a>
    <ul class="child_ul_nav_menu_left">

      <li> <a href="http://www.aquafun.de/anfahrt/anf-hanau.html">06181 - 79124</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-hanau.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-hanau.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-hanau.shtml">Termine SBF See</a></li>

    </ul>
  </li>
  <li><a href="#" class="ruesselsheim">R&uuml;sselsheim</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-ruesselsheim.html">06142 - 51811</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-ruesselsheim.html">Anfahrt &amp; Kontakt</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-rues.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-rues.shtml">Termine SBF See</a></li>
    </ul>
  </li>
  <li><a href="#" class="giessen">Giessen</a>
    <ul class="child_ul_nav_menu_left">

      <li> <a href="http://www.aquafun.de/anfahrt/anf-giessen.html">0641 - 8778160</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-giessen.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-giessen.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-giessen.shtml">Termine SBF See</a></li>

    </ul>
  </li>
  <li><a href="#" class="dieburg">Dieburg</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-dieburg.html">06071 - 921291</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-dieburg.html">Anfahrt &amp; Kontakt</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-dieburg.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-dieburg.shtml">Termine SBF See</a></li>
    </ul>
  </li>
  <li><a href="#" class="alzenau">Alzenau</a>
    <ul class="child_ul_nav_menu_left">

      <li> <a href="http://www.aquafun.de/anfahrt/anf-alzenau.html">06023 - 5070551</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-alzenau.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-alzenau.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-alzenau.shtml">Termine SBF See</a></li>

    </ul>
  </li>
  <li><a href="#" class="aschaffenburg">Aschaffenburg</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-aschaffenburg.html">06181 - 79124</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-aschaffenburg.html">Anfahrt &amp; Kontakt</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-aschaffenburg.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-aschaffenburg.shtml">Termine SBF See</a></li>
    </ul>
  </li>
  <li><a href="#" class="lampertheim">Lampertheim</a>
    <ul class="child_ul_nav_menu_left">

      <li> <a href="http://www.aquafun.de/anfahrt/anf-lampertheim.html">06206-5169960</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-lampertheim.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-lampertheim.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-lampertheim.shtml">Termine SBF See</a></li>

    </ul>
  </li>
  <li><a href="#" class="appenweier">Appenweier</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-appenweier.html">07808-2184</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-appenweier.html">Anfahrt &amp; Kontakt</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-appenweier.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-appenweier.shtml">Termine SBF See</a></li>
    </ul>
  </li>
  <li><a href="#" class="erlangen">Erlangen</a>
    <ul class="child_ul_nav_menu_left">

      <li> <a href="http://www.aquafun.de/anfahrt/anf-erlangen.html">09131-501122</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-erlangen.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-uttenreuth.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-uttenreuth.shtml">Termine SBF See</a></li>

    </ul>
  </li>
  <li><a href="#" class="luebeck">Luebeck</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-luebeck.html">0173-8853888</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-luebeck.html">Anfahrt &amp; Kontakt</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-luebeck.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-luebeck.shtml">Termine SBF See</a></li>
    </ul>
  </li>
  <li><a href="#" class="hamburg">Hamburg</a>
    <ul class="child_ul_nav_menu_left">

      <li> <a href="http://www.aquafun.de/anfahrt/anf-hamburg.html">0173-8853888</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-hamburg.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-hamburg.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-hamburg.shtml">Termine SBF See</a></li>

    </ul>
  </li>
  <!--<li><a href="#" class="rotenburg">Rotenburg</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-rotenburg.html">04261 - 8400845</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-rotenburg.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-rotenburg.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-rotenburg.shtml">Termine SBF See</a></li>
    </ul>
  </li> -->
  <li><a href="#" class="duesseldorf">D&uuml;sseldorf</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-duesseldorf.html">0211 - 76977431</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-duesseldorf.html">Anfahrt &amp; Kontakt</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-duesseldorf.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-duesseldorf.shtml">Termine SBF See</a></li>
    </ul>
  </li>
  <li><a href="#" class="kleve">Kleve / Kalkar</a>
    <ul class="child_ul_nav_menu_left">

      <li> <a href="http://www.aquafun.de/anfahrt/anf-kleve.html">02824 - 809780</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-kleve.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-kleve.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-kleve.shtml">Termine SBF See</a></li>

    </ul>
  </li>
  <li><a href="#" class="dresden">Dresden</a>
    <ul class="child_ul_nav_menu_left">
      <li> <a href="http://www.aquafun.de/anfahrt/anf-dresden.html">0351-3161633</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-dresden.html">Anfahrt &amp; Kontakt</a></li>

      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-dresden.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-dresden.shtml">Termine SBF See</a></li>
    </ul>
  </li>
  <li><a href="#" class="mallorca">Mallorca</a>
    <ul class="child_ul_nav_menu_left">

      <li> <a href="http://www.aquafun.de/anfahrt/anf-mallorca.html">0171-3751841</a></li>
      <li> <a href="http://www.aquafun.de/anfahrt/anf-mallorca.html">Anfahrt &amp; Kontakt</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-mallorca.shtml">Termine SBF Binnen</a></li>
      <li> <a href="http://www.aquafun.de/scheine/termine/term-see-mallorca.shtml">Termine SBF See</a></li>

    </ul>
  </li>
</ul>
</body>
</html>

css:

Code:

html, body {
    margin: 0;
    padding: 0;
}
body {
    background: url("http://www.aquafun.de/images_pics/bg1.jpg") no-repeat scroll 0 0 transparent;
}
a {
    display: block;
    text-decoration: none;
}
ul, ol {
    list-style: none outside none;
    padding: 0;
}
.navi_top_general, .navi_top_license, .nav_menu_left {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 16px;
    padding: 10px;
}
.navi_top_general {
    padding-left: 85px;
}
.navi_top_general > li, .navi_top_license > li {
    float: left;
    padding: 5px;
    position: relative;
    width: 151px;
}
.navi_top_general > li {
    height: 20px;
}
.navi_top_license > li {
    height: 25px;
}
.nav_menu_left > li {
    display: block;
    height: 25px;
    padding: 1px;
    width: 125px;
}
.navi_top_general a, .navi_top_license a {
    display: block;
    margin-left: 0;
    padding: 0;
}
.nav_menu_left a {
    float: left;
    margin-left: 0;
    padding: 0;
}
.navi_top_general ul, .navi_top_license ul, .nav_menu_left ul {
    display: none;
}
.navi_top_general li:hover > ul, .navi_top_license li:hover > ul {
    display: block;
    left: 0;
    margin-left: 5px;
    position: absolute;
    z-index: 2;
}
.navi_top_general li:hover > ul {
    background: none repeat scroll 0 0 #FFFFFF;
}
.nav_menu_left li:hover > ul {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline;
    position: absolute;
    z-index: 1;
}
.child_ul_top_general li, .child_ul_top_license li, .child_ul_nav_menu_left li {
    font-size: 13px;
    margin-left: 0;
    padding-left: 0;
}
.child_ul_top_general li, .child_ul_top_license li {
    width: 151px;
}
.child_ul_nav_menu_left li {
    width: 125px;
}
.child_ul_top_general li a, .child_ul_top_license li a, .child_ul_nav_menu_left li a {
    text-align: center;
}
.child_ul_top_general li a {
    background: none repeat scroll 0 0 #FFFFFF;
}
.child_ul_top_license li a {
    background: none repeat scroll 0 0 #000066;
    color: #FFFFFF;
}
.bvColor li > a {
    background: none repeat scroll 0 0 #FF00FF;
}
.child_ul_top_general li a:hover {
    background: none repeat scroll 0 0 #FFFF99;
    color: #000066;
}
.child_ul_top_license li a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000066;
}
.nav_menu_left li a:hover {
    background: none repeat scroll 0 0 #FF0000;
    color: #000066;
}
.service, .anfahrt, .empfehlung, .special, .binnen, .see, .ubi, .srcl, .sks, .bv, .mannheim, .hanau, .ruesselsheim, .giessen, .dieburg, .alzenau, .aschaffenburg, .lampertheim, .appenweier, .erlangen, .luebeck, .hamburg, .duesseldorf, .kleve, .dresden, .mallorca, a.binnen:hover, a.see:hover, a.ubi:hover, a.srcl:hover, a.sks:hover, a.bv:hover, a.mannheim:hover, a.hanau:hover, a.ruesselsheim:hover, a.giessen:hover, a.dieburg:hover, a.alzenau:hover, a.aschaffenburg:hover, a.lampertheim:hover, a.appenweiser:hover, a.erlangen:hover, a.luebeck:hover, a.hamburg:hover, a.duesseldorf:hover, a.kleve:hover, a.dresden:hover, a.mallorca:hover {
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    text-indent: -9999px;
    width: 100%;
}
.service {
    background: url("http://www.aquafun.de/java/menu-service.gif") repeat scroll 0 0 transparent;
}
.anfahrt {
    background: url("http://www.aquafun.de/java/menu-anfahrt.gif") repeat scroll 0 0 transparent;
}
.empfehlung {
    background: url("http://www.aquafun.de/java/menu-empf.gif") repeat scroll 0 0 transparent;
}
.special {
    background: url("http://www.aquafun.de/java/menu-special.gif") repeat scroll 0 0 transparent;
}
.binnen {
    background: url("http://www.aquafun.de/java/binnen.gif") repeat scroll 0 0 transparent;
}
a.binnen:hover, .navi_top_license li:hover a.binnen {
    background: url("http://www.aquafun.de/java/binnen-on.gif") repeat scroll 0 0 transparent;
}
.see {
    background: url("http://www.aquafun.de/java/see.gif") repeat scroll 0 0 transparent;
}
a.see:hover, .navi_top_license li:hover a.see {
    background: url("http://www.aquafun.de/java/see-on.gif") repeat scroll 0 0 transparent;
}
.ubi {
    background: url("http://www.aquafun.de/java/ubi.gif") repeat scroll 0 0 transparent;
}
a.ubi:hover, .navi_top_license li:hover a.ubi {
    background: url("http://www.aquafun.de/java/ubi-on.gif") repeat scroll 0 0 transparent;
}
.srcl {
    background: url("http://www.aquafun.de/java/src.gif") repeat scroll 0 0 transparent;
}
a.srcl:hover, .navi_top_license li:hover a.srcl {
    background: url("http://www.aquafun.de/java/src-on.gif") repeat scroll 0 0 transparent;
}
.sks {
    background: url("http://www.aquafun.de/java/sks.gif") repeat scroll 0 0 transparent;
}
a.sks:hover, .navi_top_license li:hover a.sks {
    background: url("http://www.aquafun.de/java/sks-on.gif") repeat scroll 0 0 transparent;
}
.bv {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_01a.gif") repeat scroll 0 0 transparent;
}
a.bv:hover, .nav_menu_left li:hover a.bv {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_01a.gif") repeat scroll 0 0 transparent;
}
.mannheim {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_04a.gif") repeat scroll 0 0 transparent;
}
a.mannheim:hover, .nav_menu_left li:hover a.mannheim {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_04a.gif") repeat scroll 0 0 transparent;
}
.hanau {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_06a.gif") repeat scroll 0 0 transparent;
}
a.hanau:hover, .nav_menu_left li:hover a.hanau {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_06a.gif") repeat scroll 0 0 transparent;
}
.ruesselsheim {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_02a.gif") repeat scroll 0 0 transparent;
}
a.ruesselsheim:hover, .nav_menu_left li:hover a.ruesselsheim {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_02a.gif") repeat scroll 0 0 transparent;
}
.giessen {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_07a.gif") repeat scroll 0 0 transparent;
}
a.giessen:hover, .nav_menu_left li:hover a.giessen {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_07a.gif") repeat scroll 0 0 transparent;
}
.dieburg {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_08a.gif") repeat scroll 0 0 transparent;
}
a.dieburg:hover, .nav_menu_left li:hover a.dieburg {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_08a.gif") repeat scroll 0 0 transparent;
}
.alzenau {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_19a.gif") repeat scroll 0 0 transparent;
}
a.alzenau:hover, .nav_menu_left li:hover a.alzenau {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_19a.gif") repeat scroll 0 0 transparent;
}
.aschaffenburg {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_15a.gif") repeat scroll 0 0 transparent;
}
a.aschaffenburg:hover, .nav_menu_left li:hover a.aschaffenburg {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_15a.gif") repeat scroll 0 0 transparent;
}
.lampertheim {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_18a.gif") repeat scroll 0 0 transparent;
}
a.lampertheim:hover, .nav_menu_left li:hover a.lampertheim {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_18a.gif") repeat scroll 0 0 transparent;
}
.appenweier {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_09a.gif") repeat scroll 0 0 transparent;
}
a.appenweier:hover, .nav_menu_left li:hover a.appenweier {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_09a.gif") repeat scroll 0 0 transparent;
}
.erlangen {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_20a.gif") repeat scroll 0 0 transparent;
}
a.erlangen:hover, .nav_menu_left li:hover a.erlangen {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_20a.gif") repeat scroll 0 0 transparent;
}
.luebeck {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_05a.gif") repeat scroll 0 0 transparent;
}
a.luebeck:hover, .nav_menu_left li:hover a.luebeck {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_05a.gif") repeat scroll 0 0 transparent;
}
.hamburg {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_10a.gif") repeat scroll 0 0 transparent;
}
a.hamburg:hover, .nav_menu_left li:hover a.hamburg {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_10a.gif") repeat scroll 0 0 transparent;
}
.duesseldorf {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_14a.gif") repeat scroll 0 0 transparent;
}
a.duesseldorf:hover, .nav_menu_left li:hover a.duesseldorf {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_14a.gif") repeat scroll 0 0 transparent;
}
.kleve {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_11a.gif") repeat scroll 0 0 transparent;
}
a.kleve:hover, .nav_menu_left li:hover a.kleve {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_11a.gif") repeat scroll 0 0 transparent;
}
.dresden {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_16a.gif") repeat scroll 0 0 transparent;
}
a.dresden:hover, .nav_menu_left li:hover a.dresden {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_16a.gif") repeat scroll 0 0 transparent;
}
.mallorca {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_14.gif") repeat scroll 0 0 transparent;
}
a.mallorca:hover, .nav_menu_left li:hover a.mallorca {
    background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_14.gif") repeat scroll 0 0 transparent;
}

Borsti · #2 (**permalink**) 28.04.2011, 19:37

Zitat:

Zitat von SteveB

Hallo,
Mein Problem ist nun, dass ich zwar einen bakcground setzen kann, dieser allerdings nicht die volle breite befüllt.

Wieso stellst du fragen wenn du sie selbst beantworten kannst?
Volle Breite = Width: 100%;

also

Code:

.bvColor li > a {
    background: none repeat scroll 0 0 #FF00FF;
    width: 100%;
}

Edit: Dabei löst sich auch Problem 2 in Wohlgefallen auf

cebito · #3 (**permalink**) 28.04.2011, 20:45

Ich hatte dir gestern eine Lösung zu deiner anderen Navi präsentiert und dich gebeten, SIE DIR GENAU ANZUSCHAUEN UM ZU SEHEN, WARUM ICH WAS MACHE. Das hast du scheinbar nicht getan, sonst wäre es für dich ein leichtes, diese Lösung auch auf die vertikale Navi anzuwenden. Denn die ist für diese genau so gültig. Schuld an der Misere ist float:left für .nav_menu_left a. Nimm das raus! Du musst, wie in den beiden oberen Navis auch, die übergeordneten Listenpunkte relativ positionieren, die untergeordnete ul absolut verschoben zum entsprechenden li um die untergeordnete ul neben die andere zu bekommen.
Auch wirfst du hundertfach mit irgendwelchen CSS-Eigenschaften rum, von denen du scheinbar nicht wirklich weißt, was sie bewirken. Viele total sinnlos, weil oft default eh schon vorhanden oder einfach doppelt gemoppelt. Die CSS wird dadurch immer "übersichtlicher"

Im Übrigen seh ich das schon als Spam, für dasselbe, zumindest schon gelöste Thema nochmal einen Thread aufzumachen. Ein Forum sollte Hilfe zur Selbsthilfe sein, aber du machst dir nicht mal die Mühe, irgendwas zu analysieren und daraus zu lernen. Meine Motivation hier weiter zu helfen sinkt stark gegen Null.

@Borsti - interessant, noch mehr sinnloser CSS-Code.

SteveB · #4 (**permalink**) 28.04.2011, 21:41

Zitat:

Zitat von cebito

Ich hatte dir gestern eine Lösung zu deiner anderen Navi präsentiert und dich gebeten, SIE DIR GENAU ANZUSCHAUEN UM ZU SEHEN, WARUM ICH WAS MACHE. Das hast du scheinbar nicht getan, sonst wäre es für dich ein leichtes, diese Lösung auch auf die vertikale Navi anzuwenden. Denn die ist für diese genau so gültig. Schuld an der Misere ist float:left für .nav_menu_left a. Nimm das raus! Du musst, wie in den beiden oberen Navis auch, die übergeordneten Listenpunkte relativ positionieren, die untergeordnete ul absolut verschoben zum entsprechenden li um die untergeordnete ul neben die andere zu bekommen.
Auch wirfst du hundertfach mit irgendwelchen CSS-Eigenschaften rum, von denen du scheinbar nicht wirklich weißt, was sie bewirken. Viele total sinnlos, weil oft default eh schon vorhanden oder einfach doppelt gemoppelt. Die CSS wird dadurch immer "übersichtlicher"

Im Übrigen seh ich das schon als Spam, für dasselbe, zumindest schon gelöste Thema nochmal einen Thread aufzumachen. Ein Forum sollte Hilfe zur Selbsthilfe sein, aber du machst dir nicht mal die Mühe, irgendwas zu analysieren und daraus zu lernen. Meine Motivation hier weiter zu helfen sinkt stark gegen Null.

@Borsti - interessant, noch mehr sinnloser CSS-Code.

Ich hab mir den Code gestern angeschaut und weitesgehend analysiert.
Du hast die doppelten Definitionen in eine für beide gültige Klassen übernommen.
Teilweise bin ich mir über die Bedeutung der Eigenschaften in der Tat nicht 100%ig sicher.
Habe aber auch teilweise Eigenschaften weggenommen und geschaut ob das erwartete eintritt, was leider nicht immer der Fall war, daher blieb einiges an 'schlechtem' Code bestehen.

Was ich generell gar nicht verstanden habe ist folgendes:

Warum kann ich gleiche Eigenschaften nicht zusammengefasst definieren und nur die expliziten Unterscheide seperat.

Als Beispiel:
Edit: Das Beispiel funktioniert nun oO. Vielleicht hatte ich irgend nen andern Bug dann drin.

Das ist momentan auch mein größtes Verständnisproblem wodurch der Code von der Qualität schlechter wurde.

Was am Code ist noch unnötig?
Eigentlich meinte ich ihn weitestgehend optimiert zu haben?!

Code:

html, body {
	margin: 0;
	padding: 0;
}
body {
	background: url("http://www.aquafun.de/images_pics/bg1.jpg") no-repeat;
}
/* ========================================================= */
/* Navigation-Menues*/
/* ========================================================= */

a {
	text-decoration:none;
	display:block;
}
ul, ol {
	list-style: none;
	padding:0;
}
.navi_top_general, .navi_top_license, .nav_menu_left {
	padding: 10px; /* für testdarstellung, damit die listen nicht am rand kleben */
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.navi_top_general {
	padding-left: 85px; /* 75px + 10 von testdarstellung */
}
.navi_top_general > li, .navi_top_license > li {
	position:relative; /* damit untermenu utner dem jeweiligen obermenu sind */
	padding: 5px;
	float: left;
	width: 151px;
}
.navi_top_general>li {
	height: 20px;
}
.navi_top_license>li {
	height: 25px;
}
.nav_menu_left > li {
	display: block;
	padding: 1px;
	width: 125px;
	height:25px;
}
.navi_top_general a, .navi_top_license a, .nav_menu_left a {
	width:100%;
}
.nav_menu_left a {
	float:left;
}
.navi_top_general ul, .navi_top_license ul, .nav_menu_left ul {
	display: none;
}
.navi_top_general li:hover > ul, .navi_top_license li:hover > ul {
	display: block; /* unsichtbares menu wieder einbelnden */
	position: absolute;
	margin-left: 5px;
	z-index:2;
	left:0;
}
.navi_top_general li:hover > ul {
	background: #FFF; /** FFF = weiß */
}
.nav_menu_left li:hover > ul {
	background: #FFF; /* unnötig, aber unterlassngsmäßig weißes FlyOut benutzen */
	display: inline; /* damit unterelemente kommen */
	position: absolute; /* damit ul rechts vom li sind */
	z-index:1;
}
.child_ul_top_general li, .child_ul_top_license li {
	width: 151px;
}
.child_ul_nav_menu_left li {
	width: 125px;
}
.child_ul_top_general li a, .child_ul_top_license li a, .child_ul_nav_menu_left li a {
	text-align:center;
}
.child_ul_top_general li a {
	background: #FFF;
}
.child_ul_top_license li a {
	background:#000066;
	color:#FFF;
}
.bvColor li > a {
	background: #F0F; /* Hintergrund des nach rechts aufklappenden Menüs*/
}
.child_ul_top_general li a:hover {
	background: #ffff99;
	color:#000066;
}
.child_ul_top_license li a:hover {
	background: #FFF;
	color:#000066;
}
.nav_menu_left li a:hover {
	background: #F00; /* Hover effect */
	color:#000066;
}
/* ========================================================= */
/* ========================================================= */
/* ButtonGrafik Spans und Hover Effekte*/
/* ========================================================= */
/* ========================================================= */
.service, .anfahrt, .empfehlung, .special, .binnen, .see, .ubi, .srcl, .sks, .bv, .mannheim, .hanau, .ruesselsheim, .giessen, .dieburg, .alzenau, .aschaffenburg, .lampertheim, .appenweier, .erlangen, .luebeck, .hamburg, .duesseldorf, .kleve, .dresden, .mallorca, a.binnen:hover, a.see:hover, a.ubi:hover, a.srcl:hover, a.sks:hover, a.bv:hover, a.mannheim:hover, a.hanau:hover, a.ruesselsheim:hover, a.giessen:hover, a.dieburg:hover, a.alzenau:hover, a.aschaffenburg:hover, a.lampertheim:hover, a.appenweiser:hover, a.erlangen:hover, a.luebeck:hover, a.hamburg:hover, a.duesseldorf:hover, a.kleve:hover, a.dresden:hover, a.mallorca:hover {
	background-repeat:no-repeat;
	background-position:center;
	height: 100%;
	position: relative;
	width: 100%;
	text-indent:-9999px;
}
/* TopMenuLeiste */
.service {
	background:url(http://www.aquafun.de/java/menu-service.gif);
}
.anfahrt {
	background:url(http://www.aquafun.de/java/menu-anfahrt.gif);
}
.empfehlung {
	background:url(http://www.aquafun.de/java/menu-empf.gif);
}
.special {
	background:url(http://www.aquafun.de/java/menu-special.gif);
}
/* Scheine */
.binnen {
	background:url(http://www.aquafun.de/java/binnen.gif);
}
a.binnen:hover, .navi_top_license li:hover a.binnen {
	background:url(http://www.aquafun.de/java/binnen-on.gif);
}
.see {
	background:url(http://www.aquafun.de/java/see.gif);
}
a.see:hover, .navi_top_license li:hover a.see {
	background:url(http://www.aquafun.de/java/see-on.gif);
}
.ubi {
	background:url(http://www.aquafun.de/java/ubi.gif);
}
a.ubi:hover, .navi_top_license li:hover a.ubi {
	background:url(http://www.aquafun.de/java/ubi-on.gif);
}
.srcl {
	background:url(http://www.aquafun.de/java/src.gif);
}
a.srcl:hover, .navi_top_license li:hover a.srcl {
	background:url(http://www.aquafun.de/java/src-on.gif);
}
.sks {
	background:url(http://www.aquafun.de/java/sks.gif);
}
a.sks:hover, .navi_top_license li:hover a.sks {
	background:url(http://www.aquafun.de/java/sks-on.gif);
}
/* Locations */
.bv {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_01a.gif);
}
a.bv:hover, .nav_menu_left li:hover a.bv {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_01a.gif);
}
.mannheim {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_04a.gif);
}
a.mannheim:hover, .nav_menu_left li:hover a.mannheim {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_04a.gif);
}
.hanau {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_06a.gif);
}
a.hanau:hover, .nav_menu_left li:hover a.hanau {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_06a.gif);
}
.ruesselsheim {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_02a.gif);
}
a.ruesselsheim:hover, .nav_menu_left li:hover a.ruesselsheim {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_02a.gif);
}
.giessen {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_07a.gif);
}
a.giessen:hover, .nav_menu_left li:hover a.giessen {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_07a.gif);
}
.dieburg {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_08a.gif);
}
a.dieburg:hover, .nav_menu_left li:hover a.dieburg {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_08a.gif);
}
.alzenau {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_19a.gif);
}
a.alzenau:hover, .nav_menu_left li:hover a.alzenau {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_19a.gif);
}
.aschaffenburg {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_15a.gif);
}
a.aschaffenburg:hover, .nav_menu_left li:hover a.aschaffenburg {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_15a.gif);
}
.lampertheim {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_18a.gif);
}
a.lampertheim:hover, .nav_menu_left li:hover a.lampertheim {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_18a.gif);
}
.appenweier {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_09a.gif);
}
a.appenweier:hover, .nav_menu_left li:hover a.appenweier {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_09a.gif);
}
.erlangen {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_20a.gif);
}
a.erlangen:hover, .nav_menu_left li:hover a.erlangen {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_20a.gif);
}
.luebeck {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_05a.gif);
}
a.luebeck:hover, .nav_menu_left li:hover a.luebeck {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_05a.gif);
}
.hamburg {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_10a.gif);
}
a.hamburg:hover, .nav_menu_left li:hover a.hamburg {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_10a.gif);
}
/*.rotenburg {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_12a.gif);
}
a.rotenburg:hover, .nav_menu_left li:hover a.rotenburg{
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_12a.gif);
} */
.duesseldorf {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_14a.gif);
}
a.duesseldorf:hover, .nav_menu_left li:hover a.duesseldorf {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_14a.gif);
}
.kleve {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_11a.gif);
}
a.kleve:hover, .nav_menu_left li:hover a.kleve {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_11a.gif);
}
.dresden {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_16a.gif);
}
a.dresden:hover, .nav_menu_left li:hover a.dresden {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_16a.gif);
}
.mallorca {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index_14.gif);
}
a.mallorca:hover, .nav_menu_left li:hover a.mallorca {
	background:url(http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_14.gif);
}
/* ========================================================= */
/* ========================================================= */

Sofern ich was übersehen oder nicht verstanden habe, tut es mir leid, den Code gestern habe ich mir schon angeschaut, war über deinen Support auch sehr dankbar.

Das float:a ist allerdings essentiel wichtig, da sonst das 'Menü' nicht nach rechts ausklappt.

Code:

.nav_menu_left a {
	float:left;
}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Frage zu horizontalen Linien	marvin1989	CSS	3	30.12.2009 00:35
Problem mit CSS Style	flo007	CSS	3	25.01.2009 18:08
Float-Reihenfolge?	wolf1985	CSS	0	21.08.2008 02:35
Footer left und right Probleme...	wolf1985	CSS	2	14.08.2008 14:04
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 16:22