Jak nakodovat toto menu? – CSS – Fórum – Programujte.com

Připojen obrázek.

Zdravím, jak nakodovat toto menu?

Díky.

<ul>
  <li><a href="#"><span></span>odkaz</a></li>
  <li><a href="#"><span></span>odkaz</a></li>
  <li><a href="#"><span></span>odkaz</a></li>
  <li><a href="#"><span></span>odkaz</a></li>
  <li><a href="#"><span></span>odkaz</a></li>
</ul>

<style>
ul {
	margin: 0;
	padding: 0;
}
ul li {
	display: inline;
}
ul li a {
	border: 3px solid black;
	padding-left: 35px;
	padding-right: 5px;
	margin-right: 3px;
	float: left;
	display: block;
	height: 44px;
	line-height: 44px;
	background: url('pivo.png') no-repeat 2px;
	color: black;
	font-family: arial;
	font-weight: bold;
}
</style>

Fajn rozcvicka.

Diky ;)

Ericsko - chyba :)

- Proc tam cpes SPAN, kdyz tam mas LI a A?
- Nemas nastavenou barvu pozadi, tu musis nastavovat pro barvu pisma. Kdyz to neudelas a selze-li obrazek, pak muze cerne pismo zanoknout treba ve tmavem podkladu stranky.
- Stare IE bez spravneho doctype a mozna ani pak ne, neumi nastavovat vysku u elementu A. Nepomuze zmena na block. Mozna ale float jo, ted si nejsem jisty.
- Nektere prohlizece nemaji rady kombinaci height + line-height Chovaji se pak tak, ze to nejak divne poscitaji a je to treba vyssi nez tech 44.
- Schazi ti tam odstraneni odrazky list-style-image

#3 peter
Rozcvicka iba, nie dokonale dielo ;)

span som tam povodne nacpal kvoli tomu, aby tam mohol byt v nom ten obrazok, ale potom som ho dal do <a> a span som tam nechal.. nuz tak.

co sa tyka stareho ie, robim iba za priplatok ;)

vo vsetkych bezne pouzivanych browseroch to pojde.