SixxKiller
Erfahrenes Mitglied
Hi Leutz!
Hab ein kleines Problem mit CSS wobei ich Hilfe benötige.
Hab von einem Bekannten eine Seite bekommen die ich überarbeiten soll.
Nun bin ich gerade an der Navigation. Diese läuft halt über CSS, Links sowie
die Buttons im Hintergrund.
CSS:
html:
Nun möchte ich zusätzlich das die Buttons einen Mouseover bekommen.
Hab jetzt schon mehrere Versuche gestartet aber entweder funktioniert der Mouseover nicht oder der Button verschwindet. Da ich kaum Ahnung hab mit CSS wäre ich für Hilfe dankbar.
Greetz SixxKiller
Hab ein kleines Problem mit CSS wobei ich Hilfe benötige.
Hab von einem Bekannten eine Seite bekommen die ich überarbeiten soll.
Nun bin ich gerade an der Navigation. Diese läuft halt über CSS, Links sowie
die Buttons im Hintergrund.
CSS:
Code:
#nav a
{
display: block;
color: #002e65;
font-size: 11px;
line-height: 15px;
font-weight: bold;
font-family: Verdana;
text-align: left;
text-decoration:none;
text-align:right;
line-height:23px;
width:155px;
height:23px;
}
#nav a:hover
{
display: block;
color: #000000;
font-size: 11px;
line-height: 15px;
font-weight: bold;
font-family: Verdana;
text-align: left;
text-decoration:none;
text-align:right;
line-height:23px;
width:155px;
height:23px;
}
#nav #freunde
{
display: block;
background-image:url('nav-singles.jpg');
background-repeat:no-repeat;
}
#nav #freunde-sel
{
display: block;
background-image:url('nav-singles-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #mcenter
{
display: block;
background-image:url('nav-mcenter.jpg');
background-repeat:no-repeat;
}
#nav #mcenter-sel
{
display: block;
background-image:url('nav-mcenter-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #radio
{
display: block;
background-image:url('nav-radio.jpg');
background-repeat:no-repeat;
}
#nav #radio-sel
{
display: block;
background-image:url('nav-radio-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #partybilder
{
display: block;
background-image:url('nav-partybilder.jpg');
background-repeat:no-repeat;
}
#nav #partybilder-sel
{
display: block;
background-image:url('nav-partybilder-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #events
{
display: block;
background-image:url('nav-events.jpg');
background-repeat:no-repeat;
}
#nav #events-sel
{
display: block;
background-image:url('nav-events-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #home
{
display: block;
background-image:url('nav-home.jpg');
background-repeat:no-repeat;
}
#nav #home-sel
{
display: block;
background-image:url('nav-home-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #partyverpasser
{
display: block;
background-image:url('nav-partyverpasser.jpg');
background-repeat:no-repeat;
}
#nav #partyverpasser-sel
{
display: block;
background-image:url('nav-partyverpasser-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #locations
{
display: block;
background-image:url('nav-locations.jpg');
background-repeat:no-repeat;
}
#nav #locations-sel
{
display: block;
background-image:url('nav-locations-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #forum
{
display: block;
background-image:url('nav-forum.jpg');
background-repeat:no-repeat;
}
#nav #forum-sel
{
display: block;
background-image:url('nav-forum-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
#nav #sonst
{
display: block;
background-image:url('nav-sonst.jpg');
background-repeat:no-repeat;
}
#nav #sonst-sel
{
display: block;
background-image:url('nav-sonst-sel.jpg');
background-repeat:no-repeat;
color: #FFFFFF;
}
html:
Code:
<tr>
<td width=155>
<a href='index.php' id=home-sel>
Startseite </a>
</td>
</tr>
<tr>
<td>
<a href='uns.php' id=freunde>
Über Uns </a>
</td>
</tr>
Nun möchte ich zusätzlich das die Buttons einen Mouseover bekommen.
Hab jetzt schon mehrere Versuche gestartet aber entweder funktioniert der Mouseover nicht oder der Button verschwindet. Da ich kaum Ahnung hab mit CSS wäre ich für Hilfe dankbar.
Greetz SixxKiller