Autor | Zpráva | ||
---|---|---|---|
gajdynator Profil |
#1 · Zasláno: 18. 2. 2006, 13:13:02 · Upravil/a: gajdynator
moja stranka - mam na nej rozhazdane (cele posunute o niekolko pixlov doprava) menu.
V IE rozhadzane nie je. Co to robi?? |
||
RPG Profil |
#2 · Zasláno: 18. 2. 2006, 14:47:36
Nebude to tím, že máš menu udělané jako <ul>/<li> ? To je navíc pěkná blbost...
|
||
Leo Profil |
#3 · Zasláno: 18. 2. 2006, 14:52:38
"Nebude to tím, že máš menu udělané jako <ul>/<li> ? To je navíc pěkná blbost..."
Blbost? Proc? Leo |
||
gajdynator Profil |
#4 · Zasláno: 18. 2. 2006, 14:54:02 · Upravil/a: gajdynator
bolo to tym a preco je to blbost?
|
||
RPG Profil |
#5 · Zasláno: 18. 2. 2006, 14:55:46
Leo
Protože má menu v jednom řádku... A podle mě to odporuje základnímu účelu seznamu, nebo ne? |
||
bojars Profil |
#6 · Zasláno: 18. 2. 2006, 15:05:36
Protože má menu v jednom řádku... A podle mě to odporuje základnímu účelu seznamu, nebo ne?
Ja neviem, ale doteraz som bol presvedčený, že horizontálne menu sa bežne robí pomocou <ul><li></ĺi></ul>: http://css.maxdesign.com.au/listamatic/index.htm "Trochu" sa mi zdá divné, že gajdynator má na tom menu to <ul> a </li> aj ako tag aj ako triedu. A myslím, že by sa to menu nemuselo robiť ako display: block;, ale display: inline;. |
||
gajdynator Profil |
#7 · Zasláno: 18. 2. 2006, 15:10:14
stale to tam je:
V opere male V FF velke - ako predtym v Opere V IE je to zas pohoda |
||
bojars Profil |
#8 · Zasláno: 18. 2. 2006, 15:15:40
Skús pre <ul> zadať:
margin-left: 0; |
||
gajdynator Profil |
#9 · Zasláno: 18. 2. 2006, 15:19:42 · Upravil/a: gajdynator
uz som zmenil ul na menu a mam nan nastavene margin: 0px 0px 0px 0px;
|
||
RPG Profil |
#10 · Zasláno: 18. 2. 2006, 15:21:25
bojars
Tak možná jo... Jenom mi připadalo divné, že by takovým způsobem byl použitý seznam... Měl jsem za to, že položky seznamu by měly být pod sebou. |
||
gajdynator Profil |
#11 · Zasláno: 18. 2. 2006, 15:22:40
bojars
potrebujem tam display:block aby mi zobrazilo cele pozadie farbou a nie len tam kde je text |
||
RPG Profil |
#12 · Zasláno: 18. 2. 2006, 15:25:34
gajdynator
A co místo display:block; nastavit odkazu šířku width? |
||
bojars Profil |
#13 · Zasláno: 18. 2. 2006, 15:26:10
|
||
gajdynator Profil |
#14 · Zasláno: 18. 2. 2006, 15:28:47
co tam mam citat?
|
||
gajdynator Profil |
#15 · Zasláno: 18. 2. 2006, 15:29:01
co tam mam citat?
|
||
bojars Profil |
#16 · Zasláno: 18. 2. 2006, 15:31:25
Odsazení puntíku od levého okraje je součtem margin-left u ul a li. Li má margin-left normálně nula, ul má o něco víc.
Nastavením "ul {margin-left: 0px}" se naprosto skryjí puntíky. objeví se při "ul {margin-left: 6px}", což ale platí asi jenom pro IE5. Samozřejmě se jedná o součet u ul a li. Takže 6px je takovou magickou hranicí. Pokud se do toho součtu zahrne i margin-left u body, je magickou hranicí 16px. atď. |
||
bojars Profil |
#17 · Zasláno: 18. 2. 2006, 15:35:05
Chcem tým povedať asi toľko, že to odsadenie menu zľava (tak sa mi to javí vo FF 1.5) je zapríčinené odsadením položky zoznamu. Treba teda skúsiť do CSS zadať (doložiť):
ul, li {margin-left: 0;} |
||
Leo Profil |
#18 · Zasláno: 18. 2. 2006, 15:36:37
"Protože má menu v jednom řádku... A podle mě to odporuje základnímu účelu seznamu, nebo ne?"
Volba znacky (tagu) nema se vzhledem dane casti dokumentu co delat, pres CSS si to preformatujete podle potreby. Leo |
||
bojars Profil |
#19 · Zasláno: 18. 2. 2006, 15:37:19
BTW: vo FF sa mi nezobrazuje ten veľký obrázok, čo máš hore... banner(?).
|
||
gajdynator Profil |
#20 · Zasláno: 18. 2. 2006, 15:39:47 · Upravil/a: gajdynator
bojars
stale to iste a banner sa mi zobrazuje! |
||
bojars Profil |
#21 · Zasláno: 18. 2. 2006, 16:11:47 · Upravil/a: bojars
CSS:
#menu {width: 760px; height: 18px; background-color: #FFF;} ul {margin: 0; padding: 0;} li {display: block; width: 152px; height: 18px; float:left; margin-left: 0;} li a {display: block; width: 152px; height: 18px; text-decoration: none; background-color: #C6D6EF;} li a:hover {display: block; width: 152px; height: 18px; text-decoration: underline; background-color: #49699A;} HTML: <div id="menu"> <ul> <li><a href="index.php?menu=vizitka">VIZITKA</a></li> <li><a href="index.php?menu=mojatvorba">MOJA TVORBA</a></li> <li><a href="index.php?menu=clanky">ČLÁNKY</a></li> <li><a href="index.php?menu=fotogaleria">FOTOGALÉRIA</a></li> <li><a href="index.php?menu=kontakt">KONTAKT</a></li> </ul> </div> Testované: MSIE 6.0, FF 1.5 = O.K. |
||
gajdynator Profil |
#22 · Zasláno: 18. 2. 2006, 16:19:20
dakujem funguje to
|
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0