Autor | Zpráva | ||
---|---|---|---|
Pan P Profil * |
Dobrý den,
nefunguje mi horizontální menu obrázky pozadí jsou malinkaté a mají mít na šířku 129px. Prosím o radu. Děkuji <div id="main-menu"> <ul class="list"> <li><a href="#">Úvod</a></li> <li><a href="#">Služby</a></li> <li><a href="#">Ceník</a></li> <li><a href="#">O nás</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Kontakt</a></li> </ul> </div> /* start main menu */ #main-menu { width: 780px; height: 35px; background-color: white; } #main-menu ul{ } #main-menu ul li{ display: inline; } #main-menu a{ font-size: 1.2em; text-decoration: none; height: 35px; width: 129px; background: url("img/menu_button.png"); color: #FFF; display: inline; padding: 0px 1px; } /* konec main menu */ |
||
Bubák Profil |
#2 · Zasláno: 19. 1. 2009, 21:05:20 · Upravil/a: Bubák
Nevím, proč deklaruješ inline odkaz jako inline. Navíc inline elementům nejde dát rozměry (jde to jen v IE ve quirk režimu). Položky menu LI nemůžeš mít inline, můžeš zkusit, co to udělá, ale použij float.
Nevím, jestli tam nemáš více chyb, pro srovnání koukni na http://teststranek.kvalitne.cz/menu6/ |
||
Pan P Profil * |
Trochu se to zlepšilo ale stejně je tam problém celé menu se nechce zarovnat k okraji je asi odsazen o 20px. zkoušel jsem to ještě přes position: relative, ale nic.
/* start main menu */ #main-menu { width: 780px; background-color: white; } #main-menu ul{ } #main-menu li{ float: left; height: 35px; list-style: none; } #main-menu a{ display: block; font-size: 1.2em; text-decoration: none; height: 35px; width: 129px; background: url("img/menu_button.png"); color: #FFF; padding: 5px 0px; text-align: center; } .cistic { clear: both; overflow: hidden; } |
||
Bubák Profil |
#4 · Zasláno: 19. 1. 2009, 22:34:55 · Upravil/a: Bubák
#main-menu ul {margin: 0; padding: 0;} Tipuji, že to máš odsazené o 40px. Musíš deklarovat levý margin i levý padding, ve výše uvedené deklaraci všechny nuluju, ale můžeš to upravit podle svých potřeb. |
||
Pan P Profil * |
#5 · Zasláno: 20. 1. 2009, 14:53:28
Dobrý den,
takže všechno jsem zatím zváldnul bez problému. Ještě mám, ale jeden dotaz. Chtěl bych udělat mezírky pomocí rovné čáry, ale zatím všechny pokusy zklamaly a vždy mi to rozhodí menu. Příklad: http://www.varhall.cz/ - tato stránka má hezky vyřešené rovné čáry mezi odkazama. |
||
SwimX Profil |
#6 · Zasláno: 20. 1. 2009, 14:56:10
Pan P
„Chtěl bych udělat mezírky pomocí rovné čáry“ Tak ji přidej do obrázku na pozadí položek - background: url("img/menu_button.png"); |
||
Pan P Profil * |
#7 · Zasláno: 20. 1. 2009, 14:59:13
To se mi nezdá moc praktická hlavně když roztahuju menu podle repeat-x.
|
||
SwimX Profil |
#8 · Zasláno: 20. 1. 2009, 15:06:52
Pan P
Aha. A zkusit dát li{border-right: 1px solid #fff;} |
||
Pan P Profil * |
#9 · Zasláno: 20. 1. 2009, 15:56:55
Podívejte se na ten příklad li{border-right: 1px solid #fff;} mi ohraničí celé to tlačítko.
|
||
panther Profil |
#10 · Zasláno: 20. 1. 2009, 16:26:17
Pan P
„li{border-right: 1px solid #fff;} mi ohraničí celé to tlačítko.“ border-right - pravý border - rámeček |
||
Pan P Profil * |
#11 · Zasláno: 20. 1. 2009, 17:15:00
Ohraničí mi celou pravou délku tlačítka jenže v příkladu co jsem zasílál to to nemaj z horního okraje až do dolního ale jen v půlce. Zkoušel jsem to dát i jako text <span> | </span>, ale to mi též rozhodí celé menu.
|
||
SwimX Profil |
#12 · Zasláno: 20. 1. 2009, 17:25:38
Pan P
v tom příkladu to mají podle mě takle: #main-menu li{ height: 45px; padding-top: 10px; } #main-menu li a{border-right: 1px solid #color; height: 25;} |
||
panther Profil |
#13 · Zasláno: 20. 1. 2009, 17:28:24
SwimX
„height: 25;“ a jednotky jsou kde? |
||
Pan P Profil * |
#14 · Zasláno: 20. 1. 2009, 17:48:26
Nefunguje výšku menu mám 35 a když nastavím aby to bylo široký třeba 15px tak se mizmenší tlačítka. Nešlo by to udlat přes textový: | ? Děkuji
|
||
panther Profil |
#15 · Zasláno: 20. 1. 2009, 18:02:55
Pan P
„Nešlo by to udlat přes textový: | ?“ ne. Jednak je to grafické oddělení položek a za druhé - v seznamu smí být jen položky, tedy „<li>“ |
||
Pan P Profil * |
#16 · Zasláno: 20. 1. 2009, 18:10:32
Tak to ž tedy nevím jak na to mě to vždy zmenší menu
|
||
SwimX Profil |
#17 · Zasláno: 20. 1. 2009, 23:02:30
panther
„a jednotky jsou kde?“ utekly mi mršky :) samozřejmě tam měly být px; Pan P mě to běhá. netestoval sem to všude, na to nemám čas ani náladu a bdue to chtít trošku doladit aby to nevypadalo tak děsně. http://plavec.borec.cz/upfiles/fg.html |
||
Časová prodleva: 15 let
|
0