• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

css problem(hover)

Status
Für weitere Antworten geschlossen.
M

marcoz

Neues Mitglied
ja hallo, und zwar hab ich ein problem mit meiner seite, ich möchste mir eine navigationsleiste erstellen die so ähnlich ist wie auf der seite:

BRUSTZENTRUM | Brustzentrum | Frauenklinik und Brustzentrum Rheinfelden

also das man mit einem hover die symbole der liste(square in diesem fall) ändern kann.

könnt ihr mir helfen?

ich habe schonmal versucht das ganze umzusetzen aber bei mir klappt das nicht:

Code: 
<html>
<head>
<style type="text/css">
<!--
  table{
    font-size: 13pt;
    font-family: arial;
  }
  a{
    color: #000000;
    text-decoration: none;
  }
  ul{
    list-style-type: none;
  }

  #navi li a:hover {
    list-style-type: square;
    color: #000000;
    background-color: #C1BF93;
    font-weight: bold;
    text-decoration: none;
  }



-->
</style>
</head>
<body bgcolor="#DCDCDA">
<table bgcolor="#DCDCDA" align="left">
<tr>
 <td border="1"><ul id="navi"><li><a href="">Diagnostik - Brusterkrankung</a></li></ul></td>
</tr>
<tr border="1">
 <td>Behandlung - Brusterkrankung</td>
</tr>
<tr border="1">
 <td>Behandlung - Brusterkrankung</td>
</tr>
<tr border="1">
 <td>Informationsmaterial</td>
</tr>
<tr border="1">
 <td>Aktuelles und Veranstaltungen</td>
</tr>
<tr border="1">
 <td>Unsere Kooperationspartner</td>
</tr>
<tr border="1">
 <td>Selbsthilfegruppen</td>
</tr>
<tr border="1">
 <td>Studiensekretariat</td>
</tr>
</table>

</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
ok, aber ich meinte mit beispiel wie er das meint mit padding und hintergrundbild(das mir jemand n code schreiben kann wo ein beispiel dazu ist)
 
Code: 
<style>
 A{
padding-left:10px;
background-image:url(einbild);
}

 A:hover{
background-image:url(einanderesbild);
}

</style>
...
<li><a>link</a></li>
...
So in etwa...
 
dann habe ich aber das bild als kompletten hintergrund ich möchste aber nur ein quadrat haben sow ie bei der klinik seite von oben(dieses quadrat soll sich beim hover verändern).
 
Code: 
background-repeat:...
background-position:...

...und für den Rest schau bitte selbst im Manual nach. (siehe Signatur)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben