Frage zu CSS Tabellen Rollover

cester

Hallo zusammen,

was muss ich im Quelltext ändern, dass ich in der Navigation in der Tabelle einen Rollover erzeugen kann?

Der Link soll grau sein und wenn man mit der Maus über die Zelle fährt, soll diese violett und der Link weiß werden...

Hier mein Quelltext der CSS (Sidebar):

Code

#sidebar
{
 position: relative;
         margin-top: 300px;
 width: 220px;
 float: right;
}
#sidebar h2
{
 position: relative;
 font-size: 18px;
 color: #808080;
 padding:0 0 15px 0 ;
 margin: 10px 0;
 font-family:Times New Roman;
}
img.profile
{
 position: relative;
 top: -2px;
 background: url(images/a26.gif) no-repeat;
 width: 146px;
 height: 75px;
 padding: 7px;
}
#sidebar ul 
{
 list-style:none;
 padding: 0 0px;
 margin: 0 0 20px 0;
}
#sidebar ul li 
{
 padding: 0px 0;
 margin:0;
}
#sidebar ul ul 
{
 padding-top: 4px;
         padding-bottom: 4px;
         border-top: 1px solid #cccccc;
 margin:0;
}
#sidebar ul  a
{
 background-color: transparent;
 background-repeat: repeat-x;
 padding: 5px;
 font-size: 12px;
 color: #fff;
 font-weight: bold;
 border-bottom:none;
}
#sidebar ul  a:hover, #sidebar ul.current_page_item a
{
 background: #000000 url(images/a18.gif) repeat-x top;
 color: #4A4A24;
 text-decoration: none;
}
 
#sidebar ul.feeds 
{
 margin-left:20px;
}
#sidebar ul.feeds li 
{
 list-style-image:url(images/feed.gif);
 margin:5px 0;
 padding:0;
}

Alles anzeigen

Und hier mein Code der Sidebar.php:

Code

<div id="sidebar">
<ul>
<li>
 <h2>Navigation</h2>
 <ul><a href="#">01 - Startseite</a></ul>
<ul><a href="#">02 - Aktuelles</a></ul>
<ul><a href="#">03 - Profil</a></ul>
<ul><a href="#">04 - Gutachten</a></ul>
<ul><a href="#">05 - Verbraucherinfo</a></ul>
<ul><a href="#">06 - Kontakt</a></ul> 
</li>
</ul>
</div>

Alles anzeigen

Ich bedanke mich vielmals für die Hilfe!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

Welche Tabelle ? Sehe nur eine Liste.
Und wenn eine Liste, dann bitte richtig:

Code

<div id="sidebar">
 <h2>Navigation</h2>
<ul>
[COLOR="Red"] <li>[/COLOR]<a href="#">01 - Startseite</a>[COLOR="Red"]</li>[/COLOR]
( ... )
</ul>
</div>

Code

#sidebar ul  li a {
 background: #666;
}


#sidebar ul li a:hover {
 background: #CC00FF;
 color: #FFF;
}

cester

Hi,

ich möchte das so haben wie auf dieser Seite in der Navigation rechts:
Kanzlei Hoenig Info Blog Archive Die dritte Sachverständige

Wenn ich das so wie oben beschrieben mache, dann verfärbt sich nur der Hintergrund des links und nicht die komplette Zelle....

cester

Kann mir niemand kurz sagen, was ich verändern muss? Ich wäre wirklich sehr sehr dankbar....

telekommander

Probiers bitte nochmal damit:

Code

#sidebar ul  li a {
 background: #666;
 [COLOR="Red"]display: block;[/COLOR]
}

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Frage zu CSS Tabellen Rollover

Jetzt mitmachen!