| 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 |
#2 · Zasláno: 21. 7. 2009, 15:48:37 · Upravil/a: Bubák
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 |
#4 · Zasláno: 21. 7. 2009, 17:55:47
„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 |
#5 · Zasláno: 21. 7. 2009, 23:50:56
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.
|
||
|
Časová prodleva: 15 let
|
|||
0