Benutzerdefinierte Suche

css und display: block zweimal in einer Seite

  1. mactrisha

    mactrisha Thread StarterMacUser Mitglied

    Mitglied seit:
    27.11.2003
    Beiträge:
    683
    Medien:
    3
    Zustimmungen:
    4
    Hi all,

    ich habe einen Stylesheet-Konflikt. Ich habe

    Code:
    a, a:link, a:visited { 
            color: #000;
            font-size: 10px;
            line-height: normal;
            font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
            text-decoration: none;
            width: 147px;
            height: 14px;
            display: block 
    }
    
    a:hover, a:active { 
            color: #000;
            font-size: 10px;
            line-height: normal;
            font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
            text-decoration: none;
            background-color: #f5f5cd;
            width: 147px;
            height: 14px 
    }
    für eine Seite definiert. Das "display: block" sorgt dafür, dass der Block von 147x14 Pixeln beim overn angezeigt wird, soviel habe ich geschafft.

    Jetzt brauche ich aber auf der gleichen Seite noch ein a:hover b, bei dem kein Block angezeigt werden soll. Also habe ich in den Elementstilen für b den Block einfach weggemacht, aber er wird immer noch angezeigt.

    Code:
    a b, a:link b, a:visited b { 
            color: #000; font-size: 10px;
            line-height: normal;        
            font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular;
            text-decoration: none 
    }
    
    a:hover b, a:active b { 
            color: #000;
            font-size: 10px;
            line-height: normal;
            font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular;
            text-decoration: none;
            background-color: #f96 
    }
    Muss ich das über id machen? Und wenn ja wie, ich habe es probiert, aber es geht über id auch nicht.

    Kann mir jedmand bitte helfen?

    Salü,
    mactrisha.
     
    mactrisha, 14.12.2004
  2. michanismus

    michanismusMacUser Mitglied

    Mitglied seit:
    23.08.2004
    Beiträge:
    434
    Zustimmungen:
    0
    kannst du evtl. mal die seite oder nen link posten damit mal das problem mal verstehen kann?

    evtl schon mal beim zweiten css a<->b vertauscht?
     
    michanismus, 14.12.2004
  3. HAL

    HAL

    wenn ich das richtig verstehe so vielleicht?

    a b, a.neu:link b, a.neu:visited b {
    color: #000; font-size: 10px;
    line-height: normal;
    font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular;
    text-decoration: none
    }

    a.neu:hover b, a.neu:active b {
    color: #000;
    font-size: 10px;
    line-height: normal;
    font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular;
    text-decoration: none;
    background-color: #f96
    }

    also einfach einen weitere link-variante und dann

    <a.neu href="blubb.html">linkmich</a>

    oder ???

    :)
     
  4. Katrin

    KatrinMacUser Mitglied

    Mitglied seit:
    12.07.2002
    Beiträge:
    326
    Zustimmungen:
    3
    Hallo mactrisha,

    probier doch mal für deine Klasse "b" die folgende Syntax:


    Code:
    a.b {
    ...
    }
    
    a.b:link {
    ...
    }
    
    a.b:visited {
    ...
    }
    
    a.b:hover {
    ...
    }
    
    wobei man sich auch an die Reihenfolge halten soll. ImZweifelsfall würde ich nochmal explizit display: inline angeben.

    Gruß Katrin
     
    Katrin, 14.12.2004
  5. HAL

    HAL

    oops...

    natürlich <a class="neu" href="blubb.html">linkmich</a>

    *huestel*
     
  6. mactrisha

    mactrisha Thread StarterMacUser Mitglied

    Mitglied seit:
    27.11.2003
    Beiträge:
    683
    Medien:
    3
    Zustimmungen:
    4
    Hi Katrin,

    Danke für den genialen Tipp mit dem display: inline. Das geht! Bei allen anderen Klassenbenennungen oder Syntaxen ging immer entweder das a:hover nicht mehr oder das display: block war doch noch stärker. Mit display: inline ist nun meine Klasse für b komplett funktionsfähig und der block von normalen Links wirkt sich nicht mehr darauf aus. Super, Danke.

    Salü,
    mactrisha.
     
    mactrisha, 15.12.2004
Die Seite wird geladen...