✔ Runde Ecken in CSS Navigation

[Tixiland]

Hallo,

bin gearde dabei zu versuchen eine Navigation mit runden Ecken zu basteln - die Navi ist in CSS erstellt und mit einer JS.Datei ist die Einstellung auch für den IE aktiviert.
Hier ist die CSS Datei, vielleicht habt ihr ja Tipps wie man die Navigation hinbekommt.

<style type="text/css">
<!--
td {
font-family:verdana,arial,helvetica;
font-size:12px;
font-weight:normal;
color: #000000;
}
a {
font-family:verdana,arial,helvetica;
font-size:12px;
font-weight:normal;
text-decoration:none;
color: #0000FF;
}




ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 130px;
}

ul li {
	position: relative;
}


li ul {
	position: absolute;
	left: 119px;
	top: 0;
	display: none;
}


ul li a {
	
	display: block;
	text-decoration: none;
	border-top: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	background-color: none;
	background-image:  url("bg_link.gif");
	font-weight: regular;
	padding: 3px 0px 3px 10px;
	color: #333333;
}

a:hover{
	border-top: 1px solid #cccccc;
	background-color: #FFFFCC;
	background-image: none;
	font-weight: regular;
	text-decoration: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px;
	border-bottom: 1px solid #666;
	}

li:hover ul { display: block; }

li:hover ul, li.over ul { 
	display: block; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

-->
</style>

Schöne Grüße,
TIXI

 

[hpvw]

Beispiele zu abgerundeten Ecken findest Du zum Beispiel bei Stu Nicholls:

• curved corners
• snazzy borders
• krazy korners

Gruß hpvw

 

[Tixiland]

Ok, dank Dir erst mal - ich werd mich da später durchforsten und mich dann gegebenfalls noc mal melden....
Weiss auf den ersten Blick nicht so genau wo ich die neue Funktion in meine alte CSS.datei einbinde...
LG,
TIXI