zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Inline Listenelement wird nicht richtig im background befüllt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.04.2011, 16:59
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.01.2011
Beiträge: 46
SteveB befindet sich auf einem aufstrebenden Ast
Standard Inline Listenelement wird nicht richtig im background befüllt

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;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.04.2011, 18:37
ofHouse
XHTMLforum-Mitglied
 
Registriert seit: 20.04.2011
Beiträge: 128
Borsti befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von SteveB Beitrag anzeigen
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
__________________
LG f

@ofhouse

Geändert von Borsti (28.04.2011 um 18:40 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.04.2011, 19:45
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 28.04.2011, 20:41
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.01.2011
Beiträge: 46
SteveB befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cebito Beitrag anzeigen
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;
}
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:37 Uhr.