Css menu – CSS – Fórum – Programujte.com

Ahoj všem, mel bych prosbu. potrebuji udelat nabidku neco podobneho jako je tady uplne nahore. jenom bych potreboval pod kazdy odkaz dat obrazek pevneho rozmeru. pokud pouziju tag span, tak me sice nacte pozadi ale uplne ignoruje width a heigth atributy. jak ho mam dokutit aby jsem mel rozmer ktery potrebuji?

    <div id="menu_hor">

         <a href="index.htm"><b><span>O firme</span><b></a>

         <a href="produkty-STARMONT.htm"><span>produkty</span></a>

         <a href="aktuabty-STARMONT.htm"><span>aktuabty</span></a>

         <a href="referencie-STARMONT.htm"><span>referencie</span></a>

         <a href="kontakty-STARMONT.htm"><span>kontakt</span></a>

    </div>

#menu_hor{

	margin: 0px;

	padding: 0px;

	height: 40px;

	width: 1100px;

	background-image: url(images/lista.jpg);

	text-align: right;

}

#menu_hor a{

	margin: 0px;

	padding: 0px;

	color: #FF3300;

	font-variant: small-caps;

	font-size: 150%;

}

#menu_hor a span{

	height: 40px;

	width: 160px;

	background-image: url(images/buton.jpg);

}

To kall_ell : Opravdu se mi to nechce zkoušet. Ale možná vím, v čem je chyba.

Defaultně mají spany display: inline; správně se u tohoto příkladu nedá nastavit width a height, protože to NENÍ BLOK. Dokonce mám pocit, že IE to sežere - IE umí to, co namá umět a neumí to, co má umět. Display: block to nastaví do bloku, avšak ne za sebe, což nechceme také. Pokud vím, dá se to vyhackovat nějak takto:

display: inline-block;

display: table-cell;

display: -moz-inline-box; /* for FF */

_display: inline; /* for IE */

To kall_ell : Tohle jsem našel na bukajovym webu ;-) http://bukaj.netuje.cz/know-how/horizontalni-menu-pomoci-display-inline-block/

To pawlik :
Dík za nakopnutí