Mając menu pionowe, którego kod css wygląda tak:

[CSS] pobierz, plaintext 
dl, dt, dd {
	display: block;
	margin: 0;
	padding: 0;
}
 
dl {
	width: 200px;
	padding: 1px 2px;
	background-color: #9ce;
	border: 3px double #28e;
}
 
dt {
	padding: 7px 15px;
	font-weight: bold;
	font-size: larger;
	background-color: #25b;
	color: #9ce;
	text-align: right;
	border-right: 20px solid #26d;
	margin-top: 1px;
}
 
dd {
	border-top: 1px solid #9ce;
}
 
dl a:link, dl a:visited {
	display: block;
	width: 176px;
	text-decoration: none;
	padding: 7px;
	font-weight: bold;
	background-color: #27c;
	color: #def;
	border-left: 10px solid #25b;
}
 
dl a:hover {
	width: 166px;
	background-color: #28e;
	color: #fff;
	border-left: 20px solid #26d;
}
[CSS] pobierz, plaintext 

nie wiem jak je zastosować w dokumencie HTML, aby wyglądało dobrze...

Z moich starań - <div class="ul"> praktycznie nic nie wynikło.
Proszę o szkielet divów lub czegoś innego, jak ma to dobrze wyglądać.

}

co to za linki w kodzie?

Coś się popiep*********, ale już poprawiłem

nigdzie nie utworzyles klasy ul

No masz kod css dla listy definicji, http://webmaster.helion.pl/kurshtml/indeks/dl.htm, http://w3schools.com/tags/tag_dl.asp . Więc o co chodzi?