Autor Zpráva
Garry
Profil
Zdravim,
na webu http://www.mereni-vykonu.cz/skodaweb/ mi jak vidno zlobi menu. Dokud tam neumistim zadny text a mam to pouze jako background (definovany v css), je to OK. Jinak se to roze$ere (v IE nejmin, ve FF a mozille uz vic)
Zdroj:

HTML:
<div id="menu">
<span class="menu1"><img src="obrazky/menu1.png" alt="Menu" width="316" height="25"/></span><span class="uvod"><a href="index.html" title="Úvodní strtana" class="uvod-tlacitko"><strong>Úvod</strong></a></span><span class="mezera1"></span><span class="chiptuning"></span><span class="mezera2"></span><span class="reference"></span><span class="mezera3"></span><span class="vykonovetabulky"></span><span class="mezera4"></span><span class="kontakt"></span><span class="mezera5"></span>
</div>


CSS:
#menu {
	width: 904px;
	height: 25px;
	margin: 0 auto;
	
} 
.uvod {
background: url(../obrazky/tlacitka/uvod.png) no-repeat;
display: inline-block;
width:85px;
height:25px;
text-align: center;
}

.uvod a {
display: inline-block;
height:25px;
width:85px;
text-decoration: none;
color: #000000;
font-size: 14px;
font-family:"Trebuchet MS", Helvetica, sans-serif;

}

.uvod-tlacitko {
	
}

.uvod a:hover {
	
	background: url(../obrazky/tlacitka/uvod-hover.png);
}


Zkousel jsem to ruzne posouvat, ale bez vysledku. Diky za jakoukoliv radu.

Petr


Abych dopnil. Ten repeat pri hoveru se tam zacal ukazovat az ted. Zkousel jsem uz toho tolik, ze jsem neco zapomnel vratit. Kazdopadne text ma byt na stredu v obou osach a hlavne by mel zapadat celkove to obrazku.

Moderátor Chamurappi: Příště prosím vymysli lepší titulek, text „ocenim jakoukoliv radu“ skutečně nevystihuje podstatu dotazu.
Bubák
Profil
Nerad to píšu, ale doporučil bych tuhle zrůdnost snazat a udělat menu normálně.
Na menu je tag menu (tagy MENU, LI, A), nebo ho můžeš udělat klasicky, jako seznam odkazů (tagy UL, LI, A)
Mezery se obrázkama dělaly v pravěku webdresinku. Na odsazení se podle situace používá margin nebo padding.

Ten repeat pri hoveru se tam zacal ukazovat az ted. Zkousel jsem uz toho tolik, ze jsem neco zapomnel vratit.
To je tak těžké najít, když v celém tvém CSS máš jen jediný hover?
Já osobně se, až na pár výjimek, bez no-repeat obejdu, kouzlo je v tom, že mám element o vhodné velikosti.

Dodatek, jednořádkové texty v menu se vystředí takto:
http://css.interval.cz/clanky/horizontalni-obrazkove-menu/

Dodatek 2:
Co je to za nový mor, lepit sem celé CSS, nebo jeho kousky, ničemu tím nepomůžeš. Lépe je to takto:
Do příkladů použijte interní styl
Garry
Profil
Margin/padding nechodi (jinak se to chova v IE a jinak ve zbytku, coz vyresim ruznejma stylama, nicmene OK vysledek proste neni). LI/UL jsem se chtel vyhnout, ale koukam ze nebude jina cesta :(.

Co se tyce hoveru. Postoval jsem 5 minut pred odchodem od pocitace, ze se to kaka j sem si vsiml, az kdyz jsem uploadnul. Tak to byl jen komentar, ze tohle odstranit nepotrebuju, ale spatne jsem se vyjadril.

Kazdopadne, diky za typy a ucesani prizpevku.

Petr

EDIT: Zminovany odkaz (ted jsem si ho precet) vsechno resi a vecer to predelam. Jen to nemam tak jednoduchy, ze kazdej buttonek je jinej :/. DIIIIKY :)

Moderátor Chamurappi: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
Bubák
Profil
Margin/padding nechodi (jinak se to chova v IE a jinak ve zbytku, coz vyresim ruznejma stylama,
Margin je bezproblémový, nepočítám double-margin bug, který v případě jednoduchého menu nehrozí.
Rozměry paddingu (a bodderu) se zapocítavají, nebo nezapočítavají podle toho, jaký box-model prohlížeč použije. Je několik způsobů, jak se s tím vyrovnat, a třeba na nejčistší, matrjošku, je v případě menu pomocí MEMU, nebo UL dost elementů, takže je velmi pravděpodobné, že odsazení půjde udělat marginem.

Jsou i další možnosti.
Garry
Profil
Takže předěláno dle přiloženého linku a 100% funkčnost, takže díky a tento postup mohu jen doporučit.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: