css und display: block zweimal in einer Seite

Diskutiere mit über: css und display: block zweimal in einer Seite im Web Page Design Forum

  1. mactrisha

    mactrisha Thread Starter MacUser Mitglied

    Beiträge:
    674
    Medien:
    2
    Zustimmungen:
    4
    Registriert seit:
    27.11.2003
    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.
     
  2. michanismus

    michanismus MacUser Mitglied

    Beiträge:
    434
    Zustimmungen:
    0
    Registriert seit:
    23.08.2004
    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?
     
  3. HAL

    HAL Gast

    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

    Katrin MacUser Mitglied

    Beiträge:
    326
    Zustimmungen:
    3
    Registriert seit:
    12.07.2002
    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
     
  5. HAL

    HAL Gast

    oops...

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

    *huestel*
     
  6. mactrisha

    mactrisha Thread Starter MacUser Mitglied

    Beiträge:
    674
    Medien:
    2
    Zustimmungen:
    4
    Registriert seit:
    27.11.2003
    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.
     
Die Seite wird geladen...
Ähnliche Themen - css display block Forum Datum
CSS Selektor - Leerzeichen Web Page Design 12.09.2015
lokale css-Anweisung für macuser.de? Web Page Design 21.07.2015
Auslagerung von Klassen in CSS-File Web Page Design 02.04.2015
CSS Problem mit Breiten von ul/li Web Page Design 07.10.2014
Suchmaschinen-Ergebnis für Unterdomains im Block wie in den Beispielen Web Page Design 18.09.2012

Diese Seite empfehlen

Benutzerdefinierte Suche