Hallo Leute,
ich bastle an einem Wordpress-Blog und brauche bitte unbedingt eure Hilfe.
Ich will folgendes schaffen.
CSS-Tricks Wenn ihr in der Seitenleiste über ein Element hovered seht ihr, dass das komplette Listenelement FARBIG hinterlegt wird -> bis ans Ende und rund-herum.
Genau das gleiche möchte ich für meinen Blog machen. Nun habe ich aber das Problem, dass wenn ich display:block; verwende nicht das GESAMTE element in meiner <li> hinterlegt wird sondern nur der LINK bis ans ENDE des ELEMENTS.
Hier ein screenshot. Lasst euch nicht von der roten Farbe beeinflussen, die habe ich nur da um zuzeigen wie breit und wie hoch jedes Element wäre und was ich hinterlegt haben will.
So siehts bei mir aus:
PHP-Code:
#sidebar a {
border:medium none;
font-weight:bold;
/*Habe ich hinzugefügt...um die Links komplett bis ans ENDE der Leisten zu haben*/
display:block;
}
#sidebar ul {
list-style-image:none;
list-style-type:none;
margin:0px;
}
#sidebar ul li {
list-style-type:none;
padding:10px 0px;
list-style-image:none;
}
#sidebar ul li ul {
list-style:none;
margin:0px;
}
/*ES WERDEN NUR DIE LINKS GRAU HINTERLEGT! ICH WILL ABER DIE GANZE FLÄCHE*/
#sidebar ul li ul a{
background-color:#ccc;
}
#sidebar ul li ul a:hover{
background-color:#000;
}
#sidebar ul li ul li {
/*background:url(images/icon_bullet.png) left center no-repeat;*/
margin:0px;
border-bottom:1px dotted #999999;
padding:2px 0px 2px 14px;
}
PHP-Code:
<li>
<ul style="background-color:#FDCECE">
<h2 style="background-color:#F94242">Admin</h2>
<li><a href="<?php bloginfo('url') ?>/wp-admin/">Dashboard</a></li>
<li><a href="<?php bloginfo('url') ?>/wp-admin/post-new.php">Neuer Eintrag</a></li>
<li><a href="<?php bloginfo('url') ?>/wp-admin/edit-comments.php">Kommentare Verwalten</a></li>
<li><a href="<?php bloginfo('url') ?>/wp-admin/profile.php">Profil und Benutzeroptionen</a></li>
<li><a href="<?php echo wp_logout_url(); ?><?php echo '&redirect_to='.$_SERVER['REQUEST_URI']; ?>">Ausloggen</a></li>
</ul>
</li>
Was muss ich machen damit jede FLÄCHE gesamt als Link behandelt wird und auch gesamt hinterlegt wird??