| Autor | Zpráva | ||
|---|---|---|---|
| BMAJTZ Profil * |
#1 · Zasláno: 22. 7. 2009, 15:38:14
Mam problem tagem menu dela mi to pekny bordel a opravdu nevim co s tim tak asi takhle:
Opera 10.00 
Firefox 3.5 
Internet Explorer 8.0 
CSS kod je nasledovovny
menu {
width: 960px;
height: 30px;
margin: 0 auto;
text-align: left;
background: #bf0;
}
menu li {
float: left;
list-style: none;
height: 30px;
line-height: 30px; /* vertikalni centrovani */
}
menu a {
display: block;
width: 150px;
height: 100%;
background: url(menu.png) no-repeat left #bbc;
text-align: center;
font-size: 1.0em;
font-family: verdana, arial, sans-serif;
text-decoration: none;
color: #000;
}
menu a:hover, menu a:active, menu a:focus {
background: url(menu.png) no-repeat right #eed;
color: #00f
}
A HTML pouzev body je tento
|
||
| panther Profil |
#2 · Zasláno: 22. 7. 2009, 15:40:27 · Upravil/a: panther
BMAJTZ
menu {margin: 0; padding: 0; ...} |
||
| BMAJTZ Profil * |
#3 · Zasláno: 22. 7. 2009, 15:45:34
Mno tim se vyresi jenom ty okraje v Opere a FF odskoceni (kdyz se kouknes na ty obrazky je tam pod tou listou napsano Levy sloupce) v IE zustava odskoceni od zbytku.
|
||
| Chamurappi Profil |
#4 · Zasláno: 22. 7. 2009, 15:51:08 · Upravil/a: Chamurappi
Reaguji na BMAJTZa:
Vynuluj i <li>. Ty ses ještě nesetkal s tím, že by měly některé elementy výchozí margin/padding? Jestli to nepomůže, prosím o odkaz na živou ukázku. |
||
| BMAJTZ Profil * |
#5 · Zasláno: 22. 7. 2009, 15:51:08
Presneji myslim toto
 
|
||
| BMAJTZ Profil * |
#6 · Zasláno: 22. 7. 2009, 15:54:51
Chamurappi
Prave ze setkal pripoustim ze v tom menu jsem to nejak opomel (ale padding a margin zkousim vzdycky nejdriv) nicmene tvoje reseni vynulovat <li> nefunguje to uz jsem zkousel problem proste zustava |
||
| Chamurappi Profil |
#7 · Zasláno: 22. 7. 2009, 16:04:14
Reaguji na BMAJTZa:
Hm. Tak máš smůlu. To je tenhle týden nějaká epidemie? Proč sem všichni dávají jen krátké úryvky kódů? Proč nikdo neposílá rovnou odkaz na problémovou stránku? Jen zdržují. |
||
| BMAJTZ Profil |
#8 · Zasláno: 22. 7. 2009, 16:09:16
Mozna to bude tim ze jsem to jeste nikam nedal. Ale dobre rad bych to vyresil takze
http://www.obou.ic.cz/www/ ale myslim ze vic kodu nez jsem napsal stejne nepotrebujes |
||
| tiso Profil |
#9 · Zasláno: 22. 7. 2009, 16:16:57
BMAJTZ: „ale myslim ze vic kodu nez jsem napsal stejne nepotrebujes“
To má byť argument? |
||
| Bubák Profil |
#10 · Zasláno: 22. 7. 2009, 16:19:16
„v IE zustava odskoceni od zbytku.“
„A tem mi reknete co mi tu dela takovyhle bordel?“ Možná zbytek. Těžko uhodnout bez odkazu na stránku. Chamurappi „To je tenhle týden nějaká epidemie?“ Fotky stránky, k tomu kousíčky kódu, místo jednoho obyčejného odkazu. |
||
| BMAJTZ Profil |
#11 · Zasláno: 22. 7. 2009, 16:36:20
|
||
| Bubák Profil |
#12 · Zasláno: 22. 7. 2009, 16:49:25
Otevřeljsem několik stránek, než jsem se dostal k té tvé a sepsal odpověď, dal jsi odkaz.
Nemám teď IE, abych to vyzkoušel, ale problém může dělat dolní margin nadpisu H1. Jedna z indicií, IE máš ve quirku. |
||
| Chamurappi Profil |
#13 · Zasláno: 22. 7. 2009, 16:49:35 · Upravil/a: Chamurappi
Reaguji na BMAJTZa:
„myslim ze vic kodu nez jsem napsal stejne nepotrebujes“ Když uděláš přesně to, co bys chtěl po nás — tedy když ten výše uvedený kód dáš do nové stránky + přidáš ta nulování, tak tam žádný problém s odskočením nebude. Logicky z toho vyplývá, že chyba musí být někde jinde. Kdybys nepoužíval pro velikost písma jednotky „px“, mohl bych snadno zjistit, jestli je ta mezera závislá na velikosti písma. Hm, není závislá (zjištěno složitěji), tudy tedy ne. Ale stejně na velikost nepoužívej jednotky „px“. V kódu nahoře jsi neuvedl, že používáš quirk mód. V quirku Explorer nepodporuje hodnotu „auto“ u vlastnosti „margin“. Ve tvém stylopisu čtu: menu {
width: 960px;
height: 30px;
margin: 0 auto;
padding: 0px;
text-align: left;
background: #bf0;
}Děkuji za zajímavou záhadu, ale příště prosím dodej zadání bez toho zdržování. P.S.: Až ti bude vadit, že obrázky (hlavně zelená v nich) vypadají v každém prohlížeči jinak, hledej „gAMA chunk“. |
||
| BMAJTZ Profil |
#14 · Zasláno: 22. 7. 2009, 16:53:13
Chamurappi
Super tohle jsme vyresili opravdu to vypada na to auto smula bohuzel je ze kdyz odstranim to auto odstranim zaroven vycentrovani pro Operu a FF |
||
| Chamurappi Profil |
#15 · Zasláno: 22. 7. 2009, 16:56:16
Reaguji na BMAJTZa:
Vycentruj ten obalující <div id="menu">. |
||
| BMAJTZ Profil |
#16 · Zasláno: 22. 7. 2009, 16:56:19
Chamurappi
Ty jo s tou barvou jsem si toho ani nevsim. Nevis jak ten gAMA chunk odstranit v photoshopu? |
||
| BMAJTZ Profil |
#17 · Zasláno: 22. 7. 2009, 17:02:20
Chamurappi
Mimochodem diky uz de vsechno jak ma ted si du hrat s tou barvou |
||
| Chamurappi Profil |
#18 · Zasláno: 22. 7. 2009, 17:14:01
Reaguji na BMAJTZa:
„Nevis jak ten gAMA chunk odstranit v photoshopu?“ Nevím, ale znám program TweakPNG, ten to umí. |
||
| Bubák Profil |
#19 · Zasláno: 22. 7. 2009, 17:25:34 · Upravil/a: Bubák
„Super tohle jsme vyresili opravdu to vypada na to auto smula bohuzel je ze kdyz odstranim to auto odstranim zaroven vycentrovani pro Operu a FF“
Můžeš použít standardní režim pro IE, ve tvém případě ho docílíš třeba touhle DTD: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Nebo můžeš vynulovat margin a pak deklarovat automatický margin pro protolehlé strany, nějak takto : menu {
width: 960px;
height: 30px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: left;
background: #bf0;
}Dodatek: kód jsem opravil podle Chamurappiho rady. |
||
| Chamurappi Profil |
#20 · Zasláno: 22. 7. 2009, 17:32:11 · Upravil/a: Chamurappi
Reaguji na Bubáka:
„Nebo můžeš deklarovat margin pro jednotlivé strany postupně“ Tím si nepomůže, protože čtyřicetipixelový margin-left se hodnotou „auto“ nevynuluje. Pomohl by si, kdyby vynuloval vše pomocí „margin: 0“ a pak teprve nastavil „auto“ pro levý a pravý margin. Ale nejjednodušší asi bude využít zmíněný obalující <div>, který tam doposud zbytečně ležel. |
||
| Bubák Profil |
#21 · Zasláno: 22. 7. 2009, 17:41:49
Chamurappi
Nějak mi to nedošlo :o) Výše uvedený kód opravím. |
||
| BMAJTZ Profil |
#22 · Zasláno: 22. 7. 2009, 18:42:14
Chamurappi
Ja jsem ho puvodne vymazal to co tam zbylo byl jenom fragment kdy jsem zkousel v cem je chyba nicmene vrazil jsem ho zpet a ted vse funguje jak ma |
||
|
Časová prodleva: 15 let
|
|||
0