+ Antworten
Ergebnis 1 bis 5 von 5

Thema: current page item für class

  1. #1
    TP-Senior narita ist auf einem guten Weg Avatar von narita
    Registriert seit
    Mar 2003
    Ort
    wien
    Beiträge
    182

    current page item für class

    hallo

    ich hab hier eine navigation als liste mit einer class der ich die iD current geben möchte.
    also wenn dieser navigationspunkt das current page item ist, soll sich die background-position um -77px ändern

    CSS
    Code:
    li.mainnav_plattform h2 a{background-image:url(../img/de/plattform.png); width:77px; }
    li.mainnav_plattform:hover h2 a{ background-position:-77px 0px; }
    html
    Code:
     <ul>
          <li class="mainnav_plattform" id="current">
            <h2><a href="#"></a></h2>
          </li>
        </ul>
        <br>
        <ul>
    ich kriegs nicht hin, hab alles probiert hier wie folgt:
    Code:
    .mainnav_plattform li.mainnav_plattfrom h2 a.current { background-position:-77px 0px; }
    li.mainnav_plattform h2 a.current:hover{ background-position:-77px 0px; }
    li.mainnav_plattform h2 a.current {background-image:url(../img/de/plattform.png); width:-77px; }
    li.mainnav_plattform:active h2 a{ background-position:-77px 0px; }
    li.mainnav_plattform h2 a.current:hover { background-position:-77px 0px; }
    li.mainnav_plattform h2 a.current { background-position:-77px 0px; }
    li.mainnav_plattform h2.current a { background-position:-77px 0px; }
    li.mainnav_plattform h2 a.current { background-position:-77px 0px; }
    li.mainnav_plattform_current h2 a { background-position:-77px 0px; }
    li.mainnav_plattform h2 a:active { background-position:-77px 0px; }
    li.mainnav_plattform h2 a.current { background-position:-77px 0px; }
    hat jemand eine idee an welche wand ich da renne?

  2. #2
    TP-Veteran wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE Avatar von wildmieze
    Registriert seit
    Dec 2003
    Beiträge
    1.660
    du behandelst im css current wie eine klasse - es ist aber eine ID^^ .. da nimmt man eine raute, und keinen punkt .. also

    #current

    und nicht

    .current

    edit:
    ups, fast übersehen .. in deinem css hat <a> die klasse "current", im html ist es <li> ..

    versuch mal

    li#current a {...}

  3. #3
    TP-Senior narita ist auf einem guten Weg Avatar von narita
    Registriert seit
    Mar 2003
    Ort
    wien
    Beiträge
    182
    ich bin so doof, das hab ich mir gestern eh auch gedacht, aber ich hab anscheinend vorlauter wald die bäume nicht mehr gesehen.

    DANKE

    also mit li#current h2 a {background-position:-77px 0px;}
    gehts !!!!!!
    jetzt hab ich nur das problem, dass ich ja verschiedene navigationselemente habe und die alle anders heissen und verschiedene background-positions haben. es müsste also explizit mainnav_plattform angesprochen werden....

  4. #4
    TP-Veteran wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE wildmieze ist ein richtiges Arbeitstier - DANKE Avatar von wildmieze
    Registriert seit
    Dec 2003
    Beiträge
    1.660
    öhmm.. versuch mal li#current.mainnav_plattform h2 a .. ich hatte den fall aber noch nicht, keine ahnung, ob das in der kombination funktioniert ..

    .. ansonsten .. haben alle <li> in der jeweiligen <ul> dieselbe klasse? .. wäre es dann nicht sinnvoller, der <ul> die klasse zu geben und dann ul.mainnav_plattforum li#current h2 a zu verwenden .. ? ... oder aber, man gibt direkt dem <a> die klasse mit statt dem <li> obendrüber ..

  5. #5
    TP-Senior narita ist auf einem guten Weg Avatar von narita
    Registriert seit
    Mar 2003
    Ort
    wien
    Beiträge
    182
    aaaaaaaaaa du bist mein held! es klappt! ich hatte alles ausprobiert nur nicht das.

    wir wollen da im li definiert haben, nicht im <a>

    DANKE DANKE DANKE

+ Antworten

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 05.01.2009, 18:32
  2. class ändern
    Von joextra im Forum HTML & CSS
    Antworten: 9
    Letzter Beitrag: 04.04.2005, 01:35
  3. Unterschied class und id
    Von Gryfie im Forum HTML & CSS
    Antworten: 1
    Letzter Beitrag: 19.02.2005, 07:47
  4. <div id=.... class=....>
    Von alexf812 im Forum HTML & CSS
    Antworten: 5
    Letzter Beitrag: 18.11.2004, 16:51
  5. CSS Class??
    Von Charlie im Forum HTML & CSS
    Antworten: 14
    Letzter Beitrag: 27.06.2002, 19:09

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