Menü Problem in CSS

**d.ann.y** · 26.05.2009 14:21

Für unseren Hundeverein möchte ich die Homepage neu gestalten und habe dazu ein fertiges Template heruntergeladen, dass ich nun auf unserer Bedürfnisse anpassen möchte.

Ich habe ein Problem mit der oberen Navigation. Ich möchte eigentlich, dass die Navi im Standard den orangenen Hintergrund hat (menu.png - hat sie ja) und ich über id="current" das Hintergrundbild tauschen kann (in menu2.png). Ich krieg das aber nicht hin, das dasBild getauscht wird. Das ganze mit dem span left und right sowie hlavny etc will ich raus haben.

Es geht doch bestimmt auch viel simpler, oder? Kann mir da einer helfen?

Hier der Link: http://www.skrobic.de/Temp/HSVGG/

**jayjay** · 26.05.2009 14:58

als idee, check das mal:

HTML-Code:

#header {
    width: 856px;
    margin: 0 auto;
}

#logo {
    width:796px;
    height:61px;
    padding:0px;
    margin:0 auto;
    background-image: url("http://www.skrobic.de/Temp/HSVGG/img/header.gif");
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    padding:30px;
}
/* Menu */
#menu {
    height: 47px;
    width: 856px;
    background-image: url('http://www.skrobic.de/Temp/HSVGG/img/menu.png');
    background-repeat: repeat-x;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    margin: 0 3px 0 0;
    padding: 6px 15px 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

#menu a:hover {
    margin: 0 3px 0 0;
    color: #FFFFFF;
}

#menu .current_page_item a {
    background-image:url(http://www.skrobic.de/Temp/HSVGG/img/menu-central.gif);
    background-repeat:repeat-x;
    height: 47px;
    overflow: visible;
    position: relative;
    bottom:15px;
    vertical-align: bottom;
    visibility:visible;
    display:block;
    float: left;
    padding-top: 15px 40px 0 40px;
    margin-bottom: -32px;
    text-align: center;
    text-decoration: none;
}
-->

</style>
</head>
<body>
<div class="wrap1">
    <div id="header">
        <div id="logo"></div>
        <div id="menu">
            <ul>
                <li class="current_page_item"><a href="index.html">Startseite</a></li>
                <li><a href="verein.htm">Der Verein und seine Angebote</a></li>
                <li><a href="kontakt.htm">Kontaktdaten- und Formular</a></li>
                <li><a href="impressum.htm" >Das Rechtliche: Impressum</a></li>
            </ul>
        </div>
    </div>

habe deine styles übernommen, da kannst du noch einiges entfernen aber als ansatz müsste es reichen

zur Startseite vom TP

Thema: Menü Problem in CSS

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Menü Problem in CSS

Ähnliche Themen

problem mit css-menü

Menü-Problem

css-menü Problem

Problem mit Menü

problem mit dem menü

Aktive Benutzer

Aktive Benutzer