Autor | Zpráva | ||
---|---|---|---|
MirekL Profil * |
#1 · Zasláno: 15. 11. 2007, 20:52:00
Zdravím. Potřeboval bych nakopnout. Na http://lorenc.info/3MA381 mám pod levým menu obrázek (jako stín). Dal jsem margin i padding na 0px, ale v IE mi to pořád odskakuje kousek pod menu. Ve FF a Opeře je to ok. Kde mám chybku?
Díky. Nějak to nemůžu najít. |
||
Miloš Profil |
#2 · Zasláno: 15. 11. 2007, 21:36:34
V IE ti nic neodskakuje, ono to tak jen vypadá – hýbe se ti poloha borderu při :hover stavu, ale jinak je to v jedné lajně:
|
||
MirekL Profil * |
#3 · Zasláno: 15. 11. 2007, 21:42:47
Asi jsem se nepřesně vyjádřil - jde mi o ten stín pod poslední položkou menu - pod "Odkazy"
Jinak pod tím logem nechci mít při :hover podtržení - to musim taky dořešit... |
||
Miloš Profil |
#4 · Zasláno: 15. 11. 2007, 21:57:58
Už to mám – ten bílý flek je mezera, která vznikla odřádkováním:
<img alt="Lorenc menu-stin" src="default_files/menu-sti.gif" width="189" height="8" class="nula"/> </div> Když </div> nacpeš hned za ten img: <img alt="Lorenc menu-stin" src="default_files/menu-sti.gif" width="189" height="8" class="nula"/></div> bílý flek je fuč. |
||
Miloš Profil |
#5 · Zasláno: 15. 11. 2007, 22:24:08
Dále – ten border při hoveru zrušíš tak, že logo obalujícímu a:hover ten border zakážeš:
<a href="http://lorenc.info/3MA381/index.htm" … id="imglogo"> #imglogo {border-bottom: none;} Objevuje se ti tam proto, že a:hover {border-bottom: 1px #4F81BD dotted; *** A když už tak koukám na to tvé CSS, dala by se řada věcí zjednodušit: margin: 0; místo margin: 0px 0px 0px 0px; padding rovněž tak font-family: Verdana; A co ten, kdo nemá verdanu? Tušíš, jaká jsou různá výchozí písma? čím se to zobrazí? Doporučuju toto: font-family: Verdana, "DejaVu Sans", sans-serif; Podobn font-family: helvetika; — krom toho, že je to helvetica, tento font v systému nemám, windowsy použijou arial. font-size nenastavuj v pt nebo px. protože to v IE nepůjde zvětšit. Používej procenta nebo klíčová slova (a nebo, pokud nastavíš pro body font-size v procentech, pak i jednotku em). Toto: .tab-invisible{margin-right:150px} .tab-e{ margin-right:150px} .tab-excel{margin-right:150px} .tab1{margin-right:150px} table{margin-right:150px} zjednodušíš takto: .tab-invisible, .tab-e, .tab-excel, .tab1, table {margin-right: 150px} Dál už se mi to nechce procházet, snad to stačí. |
||
MirekL Profil * |
#6 · Zasláno: 15. 11. 2007, 22:40:23
Díky moc za rady. Jdu to zapracovat.
|
||
MirekL Profil * |
#7 · Zasláno: 16. 11. 2007, 15:16:33
Tak jsem to upravil podle tvojich rad - ještě jednou díky. Není mi sice jasný, proč u toho loga muselo být id a nestačilo class, ale když to funguje tak je to dobrý.
Kdyby byly další návrhy k css nebo webu celkově, tak budu rád. Snesu i kritiku ;-) |
||
Str4wberry Profil |
#8 · Zasláno: 16. 11. 2007, 15:20:35
Odpovídám MirkoviL:
„Kdyby byly další návrhy k css nebo webu celkově, tak budu rád. Snesu i kritiku ;-)“ Na to tu máme oddělení Názor na stránku. |
||
MirekL Profil * |
#9 · Zasláno: 16. 11. 2007, 15:49:47
Str4wberry:
Já vím. Hodím to tam |
||
Miloš Profil |
#10 · Zasláno: 17. 11. 2007, 09:56:14
MirekL
ID dávám těm prvkům, které se na stránce vyskytujou jen jednou. Class dávám těm prvkům, které se na stránce vyskytují vícekrát. Protože tam byl takový problematický prvek jen jednou, použil jsem ID, ale klidně tam můžeš dát class. |
||
Časová prodleva: 16 let
|
0