+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Menü Problem in CSS

  1. #1
    TP-Member d.ann.y macht alles soweit korrekt
    Registriert seit
    Apr 2005
    Beiträge
    44

    Menü Problem in CSS

    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/

  2. #2
    TP-Specialist jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE jayjay ist ein richtiges Arbeitstier - DANKE Avatar von jayjay
    Registriert seit
    May 2003
    Ort
    krefeld
    Beiträge
    3.631
    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
    computer tun nur das was man ihnen sagt, meistens

+ Antworten

Ähnliche Themen

  1. problem mit css-menü
    Von Lillebe.de im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 30.03.2007, 11:07
  2. Menü-Problem
    Von Lillebe.de im Forum Dreamweaver & andere Webeditoren
    Antworten: 3
    Letzter Beitrag: 05.04.2006, 08:53
  3. css-menü Problem
    Von nataq im Forum HTML & CSS
    Antworten: 6
    Letzter Beitrag: 10.09.2005, 17:27
  4. Problem mit Menü
    Von Maquita im Forum HTML & CSS
    Antworten: 16
    Letzter Beitrag: 07.04.2004, 17:40
  5. problem mit dem menü
    Von notator im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 04.01.2002, 17:57

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51