✔ Menü mit runden Ecken

[h4dhunTer]

Hallo,
ich habe ein Menü erstellt, was auch wunderbar funktioniert.

css

#headermenue {
    width: 695px;
    padding: 0 0 0 0;
    margin: 0 auto;
}
#headermenue ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#headermenue li {
    display: inline;
    margin: 0px;
    padding: 0px;
}
.men_an {
    background: url(images/menu_hintergrund.png);
    line-height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #333333;
}
#headermenue li a, #headermenue li a:link {
    text-decoration: none;
    padding: 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #333333;
    font-weight: bold;
	line-height: 30px;
    float: left;
}
#headermenue li a:visited {
    color: #333333;
}
#headermenue li a:hover, #headermenue li a:focus, #headermenue li a:active {
    background: url(images/menu_hintergrund.png);
    color: #ffffff;
    line-height: 30px;
}

Menü

<div id="headermenue">
         <ul>
          <li><a href="/index.html">Startseite</a></li>
          <li><a href="/sendeplan.html">Sendeplan</a></li>
          <li><a href="/team.html">Team</a></li>
          <li><a href="/news.html">News</a></li>
          <li><a href="/chat.html">Chat</a></li>
          <li><a href="/forum/" target="_blank">Forum</a></li>
          <li><a href="/partner.html">Partner</a></li>
          <li><a href="/gaestebuch.html">G&auml;stebuch</a></li>
          <li><a href="/kontakt.html">Kontakt</a></li>
          <li><a href="/impressum.html" class="men_an">Impressum</a></li>
         </ul>
        </div>

Das Bild ist einfach ne eckige Grafik. Nun soll aber links und rechts das Bild abgerundet sein. Wie ist das möglich?

 

[Maik]

Hi,

mit CSS lässen sich die Ecken einer Grafik nicht abrunden.

 

[h4dhunTer]

Hallo,
ok, aber ich kann ja ne linke und ne rechte Ecke dafür erstellen. Wie arbeite ich das in den Code ein, dass es links und rechts von dem Link ist? Auserdem sollte das Menü nicht sonderbar größer werden.

 

[Maik]

Soll jeder einzelne Link die abgerundeten Ecken besitzen, oder nur das Menü?

Und wie sieht denn die bisherige Grafik überhaupt aus?

 

[h4dhunTer]

Hallo,
die aktuelle Grafik ist: http://www.radio-nds.de/images/menu_hintergrund.png und jeder Link soll das haben. Also wenn es aktiviert ist und wenn man mit der Maus drauf ist soll das so kommen. Ansehen kannst du dir das Menü unter http://www.radio-nds.de

 

[Maik]

Sliding Doors of CSS bzw. Sliding Doors of CSS, Part II sollte dir da weiterhelfen.

 

[h4dhunTer]

Hallo,
vielen dank. Sowas habe ich gesucht.