Css problem z menu

Dla specjalistów Webmastering
#1

Witam, robię małe portfolio w html, css z layoutem i mam problem z menu… Wygląda to tak:

bladcl.jpg

Chcę aby te buttony w menu były na górze, lecz nie mogę rozwiązać tego problemu…

Tutaj daję kod css ze wszystkimi elementami menu:

#top_menu {

	padding: 0;

	background-image: url(topmenu_tlo.jpg);

	background-repeat: repeat-x;

	border-radius: 0px 0px 25px 25px;

	margin-left: 450px;

	position: absolute;

	width: 497px;

	height: 40px;

	z-index: 1;

}


#menu_list, ul li {

	display: block;

	height: 40px;

	float: left;

	margin-left: 10px;

}


#menu_list ul li, a:link, a:visited {

	padding: 0;

	text-align: center;

	list-style: none; 

	text-decoration: none;

	display: block;

	width: 80px;

	height: 40px;

	color: white;

	font-size: 12pt;

	margin-left: 10px;

	background-image: url(topmenu_tlo.jpg);

	background-repeat: repeat-x;

}

Proszę o pomoc i z góry dziękuję :slight_smile:

#2

A masz diva w html w odpowiednim miejscu?

#3
#4

Dla #menu_list, ul li dopisz zerowe wartości marginesu górnego i dolnego, ponieważ obie domyślnie przyjmują “1em” (takie jest “systemowe” formatowanie dla ul).

Przy okazji można jeszcze zrobić coś takiego dla odpowiedniego wyśrodkowania linków (są też inne metody, ja poleciałem skrótem, na tym co jest):

#menu_list ul li, a:link, a:visited {display: table-cell; vertical-align: middle;}

W powyższym, pierwsze zmieniasz, drugi dodajesz do tego co masz. Wtedy będziesz mieć linki po środku, a bez tego są na górze.

#5

Już jest o wiele lepiej ale nadal na górze jest odstęp 2 pixeli :frowning:

SS:

bladwo.jpg

EDIT! !!

Jednak już jest dobrze !!

Temat do zamknięcia :smiley: