Ich führ hier mal mein Thema weiter
Hab da so ein kleines Problem hab mir jetzt eine menüleiste zusammen gebaut mit info fenster,
nur werden da so ein paar wörter falsch angezeigt im browser!!
geschrieben ist es richtig aber sobald ich es im Browser öffne ist es falsch geschrieben!
Z.b unter Menü punkt Nachzuchten da sind 2 wörter gross geschrieben die normalerweise klein sein sollten!!
An was kann das liegen? kann mir da jemand weiter helfen??
Html Code
<div id="navigation"> <ul> <li class="level1"><a href="#"><strong>Bartagame</strong><span class="info"> Hier ein paar Bilder unserer Bartis</span></a> <ul> <li class="level2"><a href="#">Shavo</a></li> <li class="level2"><a href="#">Sammy</a></li> <li class="level2"><a href="#">Buster</a></li> <li class="level2"><a href="#">Gonzo</a></li> <li class="level2"><a href="#">Josy</a></li> <li class="level2"><a href="#">Amy</a></li> </ul> </li> <li class="level1"><a href="#"><strong>Die Haltung</strong> <span class="info"> Wissenswertes über die Haltung</span></a> <ul> <li class="level2"><a href="#">Haltung &Lebensraum</a></li> <li class="level2"><a href="#">Temperatur &Luftfeuchte</a></li> <li class="level2"><a href="#">Der Bodengrund</a></li> <li class="level2"><a href="#">Die Beleuchtung</a></li> <li class="level2"><a href="#">Die Ernährung</a></li> </ul></li> <li class="level1"><a href="#"><strong>Nachzuchten</strong> <span class="info"> Hier ein paar Bilder unserer Nachzuchten die wir auch abgeben!</span></a> <ul> <li class="level2"><a href="#">Unbestimmt</a></li> <li class="level2"><a href="#">Männlich</a></li> <li class="level2"><a href="#">Weiblich</a></li> </ul></li></ul></div>
Und die dazu gehörige css datei gibts auch noch !
Css Datei
#navigation {position: relative;}#navigation ul {list-style: none;margin: 0;padding: 0;}#navigation li.level1 {width: 100px;padding: 2px 5px 2px 10px;text-transform:capitalize;border: 1px solid;border-color: #3380cc #000 #000 #3380cc;background-color: #000000;color: #fc0;}#navigation li.level2 {width: 120px;margin-top: 2px;margin-left: 10px;padding: 2px 5px;border: 1px solid;border-color: #3385ff #000 #000 #3385ff;background-color: #0472b3;color: #fc0;}#navigation li.level3 {width: 140px;margin-top: 2px;margin-left: 15px;padding: 2px 5px;border: 1px solid;border-color: #39f #000 #000 #39f;background-color: #048adb;color: #fc0;}#navigation li.level1 a, #navigation li.level2 a, #navigation li.level3 a {display: block;padding-left: 5px;text-decoration: none;}#navigation li.level1 a:link,#navigation li.level1 a:visited,#navigation li.level1 a:active {background-color: transparent;color: #e1cba2;}#navigation li.level1 a:hover {background-color: transparent;color: #eee2cc;width: auto;}#navigation li.level2 a:link, #navigation li.level3 a:link,#navigation li.level2 a:visited, #navigation li.level3 a:visited,#navigation li.level2 a:active, #navigation li.level3 a:active {background-color: transparent;color: #eee2cc;border: 1px solid;}#navigation li.level2 a:link,#navigation li.level2 a:visited,#navigation li.level2 a:active {border-color: #0472b3;}#navigation li.level3 a:link,#navigation li.level3 a:visited, #navigation li.level3 a:active {border-color: #048adb;}#navigation li.level2 a:hover, #navigation li.level3 a:hover {padding-left: 6px;background-color: transparent;color: #fff;border: 1px solid;}#navigation li.level2 a:hover {border-color: #035485 #048adb #048adb #035485;}#navigation li.level3 a:hover {border-color: #0472b3 #24aafb #24aafb #0472b3;}#navigation .level1 a span.info {display: none;}#navigation .level1 a:hover span.info {position: absolute;display: block;top: 30px;left: 220px;width: 200px;background: #035485;color: #eee2cc;padding: 10px;text-transform:capitalize;text-align: left;border: 1px solid;border-color: #3385ff #000 #000 #3385ff;font-variant:normal;}
Danke schon mal für jede Tip