Tlačítko s textem v php

Já to dělám posunem pozadí jednoho obrázku

CSS

	/*měnící*/
	.menici {
		background: url("images/pod_odkaz.gif") 0 0 no-repeat;
		width: 162px;
		height: 29px;
		display: block;
		color: #ffffff;
		margin: auto
		}
	.menici:hover {
		background-position: -162px 0;
		width: 162px;
		height: 29px;
		display: block;
		margin: auto
	}
	/*měnící konec*/

kód odkazu

<a class="menici" href="en_index.html" title="DUTCH SHEPHERD - HOME">HOME</a>

Ten obrázek se při najetí šoupne. Není třeba vyrábět nějaké přednačítání obrázků etc. a vypadá takto

K omrknutí, jak to vypadá
en_menu.html

naučil jsem se to na
odkazy.html (Pixiho vylepšení)

Díky ale nějak mi to nefunguje... do images jsem jen na zkoušku dal ten obrázek , do css vypsal teda toto

.menici {
	background-image: url(images/pod_odkaz.gif) 0 0 no-repeat;
	width: 162px;
	height: 29px;
	display: block;
	color: #ffffff;
	margin: auto
	}
.menici:hover {
	background-position: -162px 0;
	width: 162px;
	height: 29px;
	display: block;
	margin: auto
}

a do theme.php (kde je tedy i menu) dal

<a class="menici" href="viewpage.php?page_id=3" title="Test Buttonu">Test Buttonu</a>

Mně to taky nefunguje, tak jsem zkoumal kde je chyba a když jsem vyměnil obrázek za jiný tak to jelo a najednou to pak začlo fungovat i s tím jeho.
Tak asi má nějaký divný ten obrázek, navíc je tam chyba i v tom zápisu stylu.
Zkus si uložit tento obrázek (přeuložil jsem ho přes jpg):

a oprav si zápis stylu (jenom background, ne background-image!):

.menici {
background: url("poz.gif") 0 0 no-repeat;
width: 162px;
height: 29px;
color:#ffffff;
display: block;
margin: auto
}
.menici:hover {
background-position: -162px 0;
display: block;
margin: auto
}

Tohle mi už funguje.

Ono ti to tady nefunguje?
en_menu.html
kód tady i obrázek jsou identické

Ještě prosím o poslední radu... jak to dám do středu toho panelu? zkoušel jsem to přes padding-left: ale to se posunou tlačítka i od sebe a to se mi nelíbí... jak na to?

Pokud to celé máš v divu, tak dáš divu šířku a margin: auto. Pokud v tabulce, dáš jí align="center a totéž (šířku, margin).

Teď jsem tomu nepochopil... Můžete mi to napsat podrobněji prosím?

<div style="width: 555px; margin: auto; border: 1px solid red">
tady jednotlivé odkazy s float left
</div>

nebo

<table align="center" style="width: 555px; margin: auto" border="0">
<tr>
<td>první odkaz</td>
<td>druhý odkaz</td>
<td>třetí odkaz</td>
</tr>
</table>

Jo děkuji... já tam nenapsal style=... a ještě se mi ten text zase zarovnal do leva ale to jsem k tomu divu připsal "text-align: center" a už je to v poho ... díky za vše...