Display: Block in der Sidebar "deaktivieren"

Zitat von riotic

Hi, ich habe meine Sidebar mit Display: Block angepasst um einen Hover-Effekt über die gesamte Breite der Sidebar zu erhalten, klappt auch soweit. Problem ist jetzt nur das in der - im Template Avenue, fest eingebauten - Tag-Cloud bei Mouseover alle Tags untereinander dargestellt werden. Kann man das irgendwie in der Div-Class für die Tag Cloud deaktivieren? Ich habe es leider nicht so raus mit CSS, HTML, und co. Habe noch ein Bild zur Verdeutlichung angehängt.

Danke schön, vorab.

Code

#sidebar {
    color: #7a9499;
    float: right;
    font-size: 11px;
    margin: 0;
    padding: 0px 50px 0px 25px;
    text-align: left;
    width: 165px;}
    
    #sidebar a {background: none; color: #00404d;}


    #sidebar a:hover {background: #d3d5d4; color: #000; display: block;}

Alles anzeigen

Code

.tags {
    clear: left;
    font-size: 12px;
    border-top: 1px dotted #cad6d9;
    border-bottom: 1px solid #cad6d9;
    background: none;
    color: #1f5a66;
    margin: 20px 0px 0px 0px;
    padding: 4px 10px 4px 0px; 
    font-variant: normal;}


#tagcloud {
    border-top: 4px solid #cad6d9;
    border-bottom: 4px solid #cad6d9;
    text-align: center;
    color: #86abb3;
    margin: 20px 0px 0px 0px;
    padding: 4px 0px 7px 0px; 
    font-variant: normal;}

Alles anzeigen

wenn Du sidebar a:hover mit display block versehen hast, dann magst du

#sidebar  #tagcloud  a:hover{display:inline;}

kann aber sein, dass das einen anderen unerwünschten Effekt hat,

lg