| Autor | Zpráva | ||
|---|---|---|---|
| Noski Profil |
#1 · Zasláno: 9. 10. 2010, 14:40:12
Zdravím,
Jak posunu jednotlivé položky menu nahoru na ten dřevěný rámeček? http://prirodnihrozby.ic.cz/ Díky |
||
| jenikkozak Profil |
#2 · Zasláno: 9. 10. 2010, 14:52:30
Položky <li> by měly být obaleny tagy <menu>, případně <ul> (v tom horším případě).
Chcete-li, aby byly na jednom řádku, použijte vlastnost float pro elementy li. menu li{float: left} |
||
| Noski Profil |
#3 · Zasláno: 11. 10. 2010, 12:32:26
Mohl bys mi prosím poslat přesnou strukturu toho, jak by měl css kod pro tohle vypadat? Jsem trochu v lese.
|
||
| Webotikon Profil |
#4 · Zasláno: 11. 10. 2010, 12:51:11
Noski:
„Mohl bys mi prosím poslat přesnou strukturu toho, jak by měl css kod pro tohle vypadat?“ jenikkozak ti napísal spôsob, ako dostať všetky položky menu do jedného riadku. Už len treba doladiť presnú pozíciu (napr. pomocou margin alebo position) a prípadné rozdiely v starších prehliadačoch... A ešte by so odstránil odrážky zoznamu pomocou list-style-type. |
||
| Noski Profil |
#5 · Zasláno: 11. 10. 2010, 13:15:15
Mrkni na ten web, aktualizoval jsem to. Nechápu margin v tomhle případě. U jedne položky mám třeba margin: 0px 0px -35px 60px; a u druhé margin: 0px 0px -30px 200px; Když pohnu s margin u jedné položky, tak se mi pohne ta druhá.
|
||
| Webotikon Profil |
#6 · Zasláno: 11. 10. 2010, 13:23:48 · Upravil/a: Webotikon
Noski:
Menu obal do tagu <menu></menu>. Nastav margin u odkazov na 0 pixelov. A pozíciu celého menu nastavuj napr. pomocou vlastnosti position:
#ram_vrch { position: relative; }
#ram_vrch #menu { position: absolute; top: ...px; left: ...px; } /* miesto tých troch bodiek nastav vzdialenosť v pixeloch. */
a v HTML: <menu id="menu"> <li id="tsunami_btn"><a href="" class="replace">tsunami</a></li> <li id="povodne_btn"><a href="" class="replace">povodne</a></li> <li id="sesuvy_btn"><a href="" class="replace">sesuvy</a></li> <li id="zemetreseni_btn"><a href="" class="replace">zemetreseni</a></li> </menu> |
||
| Noski Profil |
#7 · Zasláno: 11. 10. 2010, 13:39:03
Udělal jsem to a menu je pořád pod sebou.
Každopádně děkuji za rady. |
||
| Webotikon Profil |
#8 · Zasláno: 11. 10. 2010, 13:43:43
Noski:
„Udělal jsem to a menu je pořád pod sebou.“ Zabudol si na vlastnosť float, ktorú ti tu jenikkozak radil už v prvom príspevku...
#menu li { float: left; }
|
||
| Noski Profil |
#9 · Zasláno: 11. 10. 2010, 13:58:22
Už to jde, neuvěřitelné, už jen odstraním tečky a trochu to poupravím a je to. Díky chlapi
|
||
| Noski Profil |
#10 · Zasláno: 11. 10. 2010, 16:02:37
Mohl bych se ještě zeptat proč se mi v IE to menu zobrazuje jinak?
|
||
| Webotikon Profil |
#11 · Zasláno: 11. 10. 2010, 16:14:48
Noski:
„Mohl bych se ještě zeptat proč se mi v IE to menu zobrazuje jinak?“ Nastav tieto vlastnosti pre #menu li v CSS:
#menu li { list-style-type: none; margin: 0; padding: 0; }
|
||
|
Časová prodleva: 14 let
|
|||
0