Tlačítko s textem v php

Nastuduj si, jaký je rozdíl mezi id a třídou (class).
Buď .menu-button a potom class="menu-button"
nebo
#menu-button a potom id="menu-button"

V tomto případě bude lepší třída, protože se tlačítko může na stránce vyskytovat více než jednou.

A ještě si oprav: u odkazu máš napsané 2x id="menu-button".

To už jsem zkoušel taky ale teď mi došlo, že pokud tam chci to že se tlačítko při najetí myší změní na jiné tak musím udělat jedno po druhém nebo najít podobný script který to umí přes css. Ale jinak dík...

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.

No mě to ani tak nefnguje.... a styl jsem si upravil podle mého stylu když mi to nešlo tak jsem to jen zkusil... Obrázek jsem si dal do PNG ( v css jsem si to změnil) ale furt nejde...

Jo dobré už mi to jde já vůl si tam před tlacitko.png images/ (mělo to být images/tlacitko.png)Ale mám další problém... "Jak dostat text do středu toho tlačítka...
Zde jsem si udělal jen testovací system s původním stylem než jsem ho začal upravovat jestli se chcete mrknout.

http://iminecraft.jecool.net/news.php

Jak text "Domů" dostanu tam kam chci neboli do středu...? a ještě aby se ty tlačítka dávali vedle sebe nikoliv pod sebe... Díky moc

Prosímmm poraďte někdo potřebuji to celkem rychle

Posun na +- střed (předpokládám výškově):

.menici {
background: url("tlacitko.png") 0 0 no-repeat;
width: 180px;
height: 36px;
color:#ffffff;
display: block;
padding-top: 8px;
margin: auto
}

vedle sebe to bude horší, jako vedle sebe s tím VIP?

Nejen to... když tam chci ještě do toho panelu další tlačíka tak aby se nedávaly pod sebe ale dele sebe na řádek... to VIP už je tam jako navíc to tam nebude jen jsem něco zkoušel

Ja se tam z mobilu nekoukal. Ale nedle sebe zkus obtekani - float: left

No float mi to sice hodí vedle sebe ale spojuje se to textem (je kousek tlačítka s testem a jakmlile skončí tekxt tak začína zase kousek tlačítka s textem.)... a tlačítko ztratí funkci.

Aha, asi to bude chtít obalit do divu a obtékání dát tomu. Nebo je dej do tabulky. Sice se to nemá, ale těch 5 odkazů...

Stačí to takto?
CSS

.menuset {
float: left
}

<div id="menuset" >
<!-- <a href='/index.php' class='link'>Domů</a>
<a href='www.serialy.bluefile.cz/viewpage.php?page_id=1' class='link'>Hvězdná Brána</a>
<a href='www.serialy.bluefile.cz/viewpage.php?page_id=2' class='link'>Teorie Velkého Třesku</a>
<a href='www.serialy.bluefile.cz/viewpage.php?page_id=3' class='link'>Futurama</a> -->
<a class="menici" href="viewpage.php?page_id=3" title="Test Buttonu">Test buttonu</a>
<a class="menici" href="viewpage.php?page_id=3" title="Test Buttonu">Test buttonu</a>
</div>

Měl jsem to na mysli jinak

.obtekany {
width: 165px /*nebo kolik to máš*/
height: 25px;
float: left;

v kódu

<div class="obtekany>
<a class="menici" href="http://iminecraft.jecool.net/viewpage.php?page_id= 1"
title="Domů"><big><b>Domů</b></big></a>
</div>

<div class="obtekany>
<a class="menici" href="http://iminecraft.jecool.net/viewpage.php?page_id= 1"
title="Admin Team"><big><b>Admin Team</b></big></a>
</div>

Udělej to do té tabulky a máš po starostech

<table border="0">
<tr>
<td>
<a class="menici" href="http://iminecraft.jecool.net/viewpage.php?page_id=1" 
title="Domů"><big><b>Domů</b></big></a>
</td>
<td>
<a class="menici" href="http://iminecraft.jecool.net/viewpage.php?page_id=1" 
title="Admin Team"><big><b>Admin Team</b></big></a>
</td>
</tr>
</table>

Jo paráda... děkuji...

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

http://serialy.proototype.eu/news.php

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...