Autor | Zpráva | ||
---|---|---|---|
kubo Profil * |
#1 · Zasláno: 10. 6. 2011, 15:15:57
Ahoj počuj ak mám web na ktorom mám kompletne napísané menu v CSS a takisto aj definovanú triedu a:hover aby sa menil orázok keď na to prejde myšou. To ide ale keď na to prejdem myšou tak sa mi písmo posunie trochu dole asi o 2.5px padding ani position mi nefunguje.
Pls pomôž. Swift |
||
Taurus Profil |
#2 · Zasláno: 10. 6. 2011, 15:21:52
Asi nastavuješ při hoveru něco co tam nepatří. Těžko ti někdo poradí, když nedodáš živou ukázku...
2,5px posunutí jsem ještě neviděl. |
||
laijk Profil |
#3 · Zasláno: 10. 6. 2011, 15:24:01
a:hover je odkaz nie obrázok, mohol by si sem dať ten kód v a:hover.
|
||
Časová prodleva: 3 dny
|
|||
kubo Profil * |
#4 · Zasláno: 13. 6. 2011, 08:44:41
.menu3 li a:hover { color:#FFF; background: no-repeat url(../images/Single%20Without%20Words%20Highlighted.png); height:32px; margin-top:2.5px; } ten margin-top tam jen to aby mi neskákal celý obrázok o tých 2,5px hore. |
||
panther Profil |
#5 · Zasláno: 13. 6. 2011, 09:11:58
kubo:
dodej odkaz na problematickou stránku. |
||
kubo Profil * |
#6 · Zasláno: 13. 6. 2011, 10:15:26
Ona nieje nahodená na serveri.
|
||
blaaablaaa Profil |
#7 · Zasláno: 13. 6. 2011, 11:19:53
kubo:
Je problem ji nekam umistit? Prip. alespon problemovou cast, kdyz nechces cele stranky. |
||
Chamurappi Profil |
#8 · Zasláno: 13. 6. 2011, 12:41:12
Reaguji na kuba:
Viz Povídání o živých ukázkách. |
||
kubo Profil * |
#9 · Zasláno: 13. 6. 2011, 17:03:47
http://mindpixels.host22.com/ no podaril sa mi najst skvely free web hosting. ten text si nevsimajte ten je tam random nech tam nieco je hlavne mi ide o to menu.
|
||
panther Profil |
#10 · Zasláno: 13. 6. 2011, 18:46:36
kubo:
celý ten odkaz udělej o 3px vyšší. Je bytečné zvyšovat jen :hover. |
||
margin Profil * |
#11 · Zasláno: 13. 6. 2011, 18:55:01
Odkaz nefunguje, přesněji je přesměrován kódem 302 na http://www.000webhost.com/admin-review, kde je odůvodnění.
|
||
kubo Profil * |
#12 · Zasláno: 13. 6. 2011, 19:47:06
čiže len ho posunúť o 3px hore?
|
||
panther Profil |
#13 · Zasláno: 13. 6. 2011, 20:30:13
kubo:
ne posunout, zvětšit výšku. Odkaz bude i 3px pod obrázkem, v těhle 3px se zobrazí šipka pro hover. S výškou odkazu při hoveru nemanipuluj, to je v tomto případě zbytečné. |
||
kubo Profil * |
#14 · Zasláno: 14. 6. 2011, 17:52:50
Ok to je fajn ale to písmo sa stále posunie o pár px dole ako môžeš vidieť.
|
||
Bubák Profil |
#15 · Zasláno: 14. 6. 2011, 18:44:11
To menu je nakódováno dost nešťastně, je poznat, že začínáš, ale tím si musí projít každý.
Nechceš to nakódovat znovu a pořádně, neboli normálně? V tom případě bych ti dal pár užitečných rad. Ale v tom případě bych začal dotazem, jestli chceš mít všechny položky stejně široké, nebo jestli se má jejich šířka přizpůsobovat automaticky podle délky textu odkazu. |
||
kubo Profil * |
#16 · Zasláno: 14. 6. 2011, 19:40:21
Rovnaké ale aj tak potrebujem vedieť čo mi tam robí tú chybu...
|
||
panther Profil |
#17 · Zasláno: 14. 6. 2011, 20:25:40
kubo:
„aj tak potrebujem vedieť čo mi tam robí tú chybu...“ horní 2.5px margin. Vlastně 3px. Jak se podle tebe má pixel rozdělit na půlku, když je to nejnižší jednotka v zobrazování? Nic menšího není. |
||
Bubák Profil |
#18 · Zasláno: 14. 6. 2011, 20:52:31
Při hoveru se ti mění výška odkazu. Možná někdo zhušený ví, jak z toho ven, ale mnohem jednodušší je vždy dodržovat pravidlo, že se při hoveru nemají měnit rozměry odkazu.
- dej floatovat položky <li> a případně i odkazy nebo deklaruj odkazy blokové a do odkazů už nestrkej DIVy - deklaruj položkám <li> a odkazům rozměry, vertikální zarovnání textu uděláš pomocí line-height se stejnou hodnotou, jako height - už zmíněnou výšku dáš takovou, jako je výška "oválu" + dvojnásobek výšky "šipky" - jak "ovál", tak i "ovál s šipkou" dáš jako pozadí odkazu, nezapomeň na background-position pro každé z pozadí Pro inspiraci koukni na http://teststranek.kvalitne.cz/menu6/, to tvé menu bude hodně podobné. I tvé menu by šlo udělat jedním obrázkem, bylo by to (sloučení tvých dvou obrázků do jednoho) na necelých pět minut práce v grafickém editoru. |
||
Petr ZZZ Profil |
#19 · Zasláno: 14. 6. 2011, 22:26:58 · Upravil/a: Petr ZZZ
Bubák:
Na stránce menu6 máš takovýto doctype: <!DOCTYPE HTML">
Ta uvozovka tam vypadá divně, to je překlep? |
||
Bubák Profil |
Petr ZZZ:
Překlep, v editoru, který používám, je výchozí šablona, která má tento !doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML> , omylem zůstala koncová uvozovka. Díky za upozornění, !doctype jsem opravil a provedl jsem pár dalších drobných úprav, hlavní změna byla změna z <menu> na <ul> .
Pro úplnost, menu funguje stejně ve standardu i ve quirku, není nutné nic upravovat. Akorát ve quirku v IE nebude menu vycentrované, ale to jde vyřešit jedním obalovým divem s text-align: center .
|
||
panther Profil |
#21 · Zasláno: 15. 6. 2011, 07:19:14
Bubák:
„hlavní změna byla změna z <menu> na <ul>.“ zrovna tahle změna mi na webu, kam často posíláme začátečníky na kukandu, přijde nešťastná. |
||
Bubák Profil |
#22 · Zasláno: 15. 6. 2011, 15:57:00
panther:
„zrovna tahle změna mi na webu, kam často posíláme začátečníky na kukandu, přijde nešťastná.“ Přiznávám, že nevím, jestli je na menu vhodnější <menu>, nebo <ul>. Podle sémantiky u menu není o čem diskutovat, ale chápat menu jako seznam odkazů je také časté a podle mého názoru i správné. Chápu, že menu se nědělá odkazy v tabulce, odkazy v DIVech, odkazy v odstavcích, odkazy "jen tak", odkazy oddělené odřádkováním <br>, jak je to u začátečníků časté. Chamurappi několikrát zmiňoval, že v HTML5 došlo k posunu významu <menu>, ale zatím jsem to nestudoval, ale jak koukám, tak to (se) budu muset napravit. Otevřu, pokud mě nikdo nepředběhne, což mi nebude vadit, na téma <menu> nebo <li> diskusní vlákno. |
||
kubo Profil * |
#23 · Zasláno: 16. 6. 2011, 13:04:06
Ok diki moc všetkým čo mi tu pomohli. Je fatkť ťažké nájsť ludí ktorý sú ochotný.
PS: podstata topicu splnená->menu funguje. Ak by som mal s niečím problém napíšem zase do nového topicu. |
||
Časová prodleva: 13 let
|
0