Autor | Zpráva | ||
---|---|---|---|
noobiq Profil |
#1 · Zasláno: 29. 11. 2009, 21:43:37
zdravim..
mam taky mensi problem a neviem si rady. mam lave menu, ktore by malo vyzerat asi takto: ![]() ten obrazok sa sklada z troch casti: vrchna cast je ![]() stredna cast alebo vypln: ![]() a spodok ![]() ked pridam dalsi riadok tak ta stredna cast sa proste roztiahne lebo je cez css nastavena ako pozadie vrchna a spodna cast su vlozene normalne cez html tag <img src="url"> a teraz.. jak by som tam vlozil tu vrchnu a spodnu cast cez css? nikde som nic take nenasiel a ani vlkadanie obrazkov cez css, takze neviem ci je to mozne pripadne ako to obist |
||
Leo Profil |
#2 · Zasláno: 29. 11. 2009, 21:48:20
Nějak si odporujete. Ve střední části přes CSS obrázek vkládáte, ale pak tvrdíte, že jste nic takového nenašel.... možná vám jen chybí CSS vlastnost background-repeat: no-repeat, plus background-position. Leo
|
||
RockFire Profil |
#3 · Zasláno: 30. 11. 2009, 07:26:31 · Upravil/a: RockFire
Problém je v tom, že on vkládá pozadí, které se roztáhne pod položkami (ten rovný střed) a chce vložit ty další dva obrázky (vrchní a spodní) přes CSS a né přes HTML tagem <img>.
HTML: <span id="horni-cast"> </span> <menu> BLABLA </menu> <span id="spodni-cast"> </span> CSS: #horni-cast { display: block; width XYpx; height: YZpx; background: url('ADRESAOBRÁZKU') no-repeat ALTERNATIVNÍBARVA; } #spodni-cast { display: block; width XYpx; height: YZpx; background: url('JINÁADRESAOBRÁZKU') no-repeat ALTERNATIVNÍBARVA; } |
||
panther Profil |
#4 · Zasláno: 30. 11. 2009, 07:55:46
RockFire:
ve tvém řešení je jeden span navíc. Horní - anebo dolní - pozadí může noobiq nastavit přímo k <menu>. Ušetří si tak jeden zbytečný kousek plevele v HTML souboru. |
||
Bubák Profil |
#5 · Zasláno: 30. 11. 2009, 09:07:27
RockFire
Navíc jde použít místo SPANu rovnou prázdný blokový DIV. Nevím, kde se vzala pověra, že uvnitř musí být tvrdá mezera. |
||
noobiq Profil |
#6 · Zasláno: 1. 12. 2009, 16:13:33 · Upravil/a: noobiq
musi tam byt ten tag <menu>? s nim som sa este nestretol a mam to zapisane bez <menu> a funguje to v tak jak som si to (cca) predstavoval
inak vdaka vsetkym za rady ;) ale este preca jedna vec.. ked odtial display: block; vymazem tak sa nic nezmeni, tak naco to tam je? |
||
panther Profil |
#7 · Zasláno: 1. 12. 2009, 16:50:49
|
||
Bubák Profil |
#8 · Zasláno: 1. 12. 2009, 23:33:12
noobiq:
„musi tam byt ten tag <menu>?“ Můžeš to udělat jako seznam odkazů, tagem <ul>. Ať už použiješ <menu>, nebo <ul>, jednotlivé odkazy patří do <li>. „funguje to v tak jak som si to (cca) predstavoval“ Jde o sémantiku a s tím souvisí třebas i vzhled při vypnutých stylech, menu pak vypadá přehledně. „ked odtial display: block; vymazem tak sa nic nezmeni, tak naco to tam je?“ Neznám kód tvého menu, kdybys dal odkaz, dostal bys odpověď. |
||
noobiq Profil |
http://www.leso.sk/ostatne/stranka/info/ly.html
v lavo je menu, v strede bude vlastne obsah a v pravo nejake odkazi pripadne anketa a pod. inak menu vlavo sa uz nezmeni (okrem odkazov :)) priadne style dokument http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.leso.sk%2Fostatne%2Fstranka%2Fstyle.css&profile=css21&usermedium=all&warning=1&lang=en edit: teraz som si spomenul ze toto je starsia "stranka/.css". v tej novsiej som to lave menu dal do <menu> a do css som pridal styl na menu {margin: 0px;} a il {margin-left: xypx;margin-top:xypx;} mam to doma na pc, ale som v skole na pozicanom mobile :p |
||
Bubák Profil |
#10 · Zasláno: 2. 12. 2009, 12:57:34
Nad a pod menu jsi použil DIVy, které jsou blokové.
Řádkový SPANům nejde dát rozměty, proto je RockFire deklaroval jako blokové. Protože pro použití SPANů nebyl důvod, poradil jsem rovnou použít blokové DIVy, s tím, že je v CSS je nebudu duplicitně deklarovat jako blokové. www.jakpsatweb.cz/div-span.html#rozdil |
||
noobiq Profil |
#11 · Zasláno: 3. 12. 2009, 18:47:14
tak som tam dal to menu, ale teraz je problem s prehliadacmi.. chrome a firefox to zobrazuju dobre (resp. tak ako to chcem aby to vyzeralo) ale IE8 a opera stranku zobrazuju inak (rovnako alebo aspon priblizne rovnako ak neratam to ze IE zobrazuje farby tych obrazkov trochu inak)
http://www.leso.sk/ostatne/stranka/info/ly.html (css je teraz v tom .html) |
||
SiSt3M-DOWN Profil * |
#12 · Zasláno: 3. 12. 2009, 18:52:29
Mrknu na CSS a vidim ze to psalo nejaky prase... chce to cely prepsat
|
||
panther Profil |
#13 · Zasláno: 3. 12. 2009, 18:52:50
noobiq:
„chrome a firefox to zobrazuju dobre[...] ale IE8 a opera stranku zobrazuju inak“ je to tím levým marginem, který jsi vynuloval. Na seznamech je defaultně odsazení zleva 40px. Některé prohlížeče odsazují levým marginem, jiné levým paddingem. Chromu a Firefoxu zůstal nezměněný padding (tedy defaultní levý 40px), IE si nastavil levý margin na nulu => zrušil jsi 40px odsazení, které mělo. Bude stačit, když v CSS nahradíš margin:-9px 0 0; za margin-top: -9px; |
||
panther Profil |
SiSt3M-DOWN:
„Mrknu na CSS a vidim ze to psalo nejaky prase... chce to cely prepsat“ nejsme v hodnotící sekci, takže tvůj příspěvek je naprosto mimo mísu, nikdo se tě o něj neprosil. Prosím>mm o smazání příspěvku [#12]. Děkuji. |
||
noobiq Profil |
#15 · Zasláno: 3. 12. 2009, 21:13:50
panther:
„Na seznamech je defaultně odsazení zleva 40px. Některé prohlížeče odsazují levým marginem, jiné levým paddingem. Chromu a Firefoxu zůstal nezměněný padding (tedy defaultní levý 40px), IE si nastavil levý margin na nulu => zrušil jsi 40px odsazení, které mělo.“ aha tak to som fakt netusil, a kto vie kedy by som to zistil... vdaka moc ale ked som nahradil to jak si napisal, tak sa nic nezmenilo ^^ ale spravil som to tak ze som dal padding: 0px; pozmenil som margin a us to zobrazuje v ie/ff rovnako SiSt3M-DOWN: „Mrknu na CSS a vidim ze to psalo nejaky prase... chce to cely prepsat“ moc nechapem co je na tom zle napisane.. validatorom to preslo bez chyby a je to prehladne (hmm sice asi ne pre kazdeho) za dalsie, nejsom ziaden expert na css |
||
SiSt3M-DOWN Profil * |
#16 · Zasláno: 3. 12. 2009, 22:51:53
Kazdy ma jinej styl kodovani... Ale aby to jelo v Opere , Exploreru, Firefoxu, Chrome tak bych to trosku nakodoval kompaktibilneji
|
||
SiSt3M-DOWN Profil * |
#17 · Zasláno: 3. 12. 2009, 22:58:50
Dřív jsem taky používal margin-top: -9px; (mínusové hodnoty xD) časem jsem zjistil jak je to nekompaktibilni a jak to nahradit za kvalitni kod :)
|
||
Bubák Profil |
#18 · Zasláno: 4. 12. 2009, 00:38:50
SiSt3M-DOWN:
„Dřív jsem taky používal margin-top: -9px; (mínusové hodnoty xD) časem jsem zjistil jak je to nekompaktibilni“ Podle CSS specifikace jsou záporné hodnoty směroplatné a na žádnou nekompaktibilitu jsem nenarazil. noobiq: Ovšem třebas místo záporné hodnoty margin-bottom pro položky <li> by bylo rozumnější dekrarovat line-height, chceš přece změnit rozestup řádků v menu. |
||
Časová prodleva: 11 let
|
0