h4dhunTer
Erfahrenes Mitglied
Hallo,
ich habe ein Menü erstellt, was auch wunderbar funktioniert.
css
Menü
Das Bild ist einfach ne eckige Grafik. Nun soll aber links und rechts das Bild abgerundet sein. Wie ist das möglich?
ich habe ein Menü erstellt, was auch wunderbar funktioniert.
css
Code:
#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ü
HTML:
<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ä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?