Autor | Zpráva | ||
---|---|---|---|
rOMIK Profil |
#1 · Zasláno: 27. 6. 2005, 19:06:54 · Upravil/a: rOMIK
Zdravim, prosim poradte:
Admin nasi site umoznil na strankach www.kozlovice.net pridavat vlastni vzhledy pomoci uprav css souboru. Ja jsem vytvoril dva vzhledy, s tim, ze jsem u a:hover pouzil jinou barvu pisma a podtrzeni (podtrzeni bylo i v puvodnim css souboru, ale zmena barvy nikoli...). Jenze ve finalovem zobrazeni se barva meni jen u nekterych odkazu (v IE i Firefox ruzne, ale nikde spravne). Rekl sem o tom adminovi a odepsal doslova toto: tak to cumim.....chova se to jinak v IE, jinak ve FF.... normalne dva stejne odkazy ve stejnem bloku se stejnym css se chovaji jinak - vypada to ze je to zpusobeno samotnym odkazem - odkazy jsou naprosto stejne, lisi se akorat parametrem ID, ktery se pouziva pro vypis clanku. TEn je v odkazu a nemel by mit vliv na chovani CSS, ale ma ! Podezreni pada na to, ze slovo ID se pouziva i v deklaraci CSS, nicmene by se tyhle veci nemely nijak omezovat.... to teda fakt cumim... Poradi mi prosi vas nekdo? |
||
marek01 Profil |
#2 · Zasláno: 27. 6. 2005, 19:15:37
Nesouvisí to s navštíveným a nenavštíveným odkazem? Zkuste na test vymazat historii.
|
||
DoubleThink Profil * |
#3 · Zasláno: 27. 6. 2005, 19:39:27
určitě "a.hover"?
správně má být "a:hover" |
||
rOMIK Profil |
#4 · Zasláno: 27. 6. 2005, 19:58:44
marek01
Nesouvisi... DoubleThink Jasne, ze a:hover... obcas (hodne casto) proste zapominam mackat Shift... |
||
Leo Profil |
#5 · Zasláno: 27. 6. 2005, 20:36:53
A konkretne ktere odkazy se chovaji jak? Leo
|
||
rOMIK Profil |
#6 · Zasláno: 27. 6. 2005, 21:03:04
Leo
Se sam podivej. zvol si vzhled zeleny, tam by mely byt vsechny odkazy v tom levem menu po prejeti mysi zelene ale nejsou... www.kozlovice.net |
||
Plaváček Profil |
#7 · Zasláno: 27. 6. 2005, 21:13:33
No, v definici odkazů ve stylech máš poměrně slušný chaos, každopádně chyba je jasná a mockrát se to zde probíralo. U stylování odkazů je nutné dodržet správné pořadí definic takto:
a{definice} - zde se vyplatí nastavit text-decoration:underline, některé prohlížeče (třeba Opera) ve výchozím nastavení odkazy nepodtrhává a:link {definice} - až zde nastavovat color, čili barvu odkazu a:active {definice} - zde nastavíš aktivní odkaz (třeba jinou, která se objeví, když návštěvní, na odkaz klikne) a:visited {definice} - zde nastavuješ barvu již navštívených odkazů a:hover {definice} - a konečně zde definuješ barvu, která se objeví, když uživatel nad odkazem přejede myší Stručně a jasně řečeno, pseudotřída a:hover musí být zapsána až jako poslední. |
||
peta Profil * |
#8 · Zasláno: 27. 6. 2005, 21:19:51
rOMIK: nepujde o prioritu? nemas nekde definovane a:background hromadne?
- treba color u ID ma vetsi prioritu nez v nadrazenem class nad nim .neco a {} (pro id jako #neco a) .neco2 {} (pro id jako #neco2) div class=neco a id=neco2 vitezi neco2 div id=neco a class=neco2 vitezi neco div class=neco a class=neco2 nekde vitezi neco nekde neco2 a {} neco a {} neco2 {} vitezi a {}, protoze je nadrazeny vsem ostatnim a href, pokud nemas neco jako id mi se stranka zobrazuje stejne jak v IE, tak FF a vsude se pri mensi sirce stranky stane toto: -jednak nadpis na 3 radky, pak stranka prilis dlouha, ani to neni pod sebou - a jeste to hlasi chyby v url, nejaky & neni zapsan jako & http://www.volny.cz/peter.mlich/x/xxx.JPG (velkymi JPG) |
||
Anonymní Profil * |
#9 · Zasláno: 27. 6. 2005, 21:41:13
Plaváček
ha ha ha... tak se zkus podivat treba na http://www.jakpsatweb.cz/odkazy.html#css tam to poradi taky dodrzene neni. a na tom netu ten hover funguje s podtrhavanim, ale nemeni barvy. TO je ta vec, co me udivuje... Ze jedne vlastnosti zapsane ve stylech to vyhovi a druhe ne... |
||
Plaváček Profil |
#10 · Zasláno: 27. 6. 2005, 21:46:54
ha ha ha, zkus si prosím prostudovat princip kaskády a dědičnosti. Pokud vše uděláš správně, vše se také správně chová a to ve všech prohlížečích. Pokud ti má rada nepomohla, pak je mi to líto a příště budu svůj drahý volný čas trávit jinde.
|
||
rOMIK Profil |
#11 · Zasláno: 27. 6. 2005, 22:02:55
Plaváček
To predtim sem byl taky ja, zapomel sem se prihlasit... A ted k veci: Priste, az budes chtit na neco odpovedet, tak se podivej, na co vlastne odpovidas a nehusti tady do me, tyhle samozdrejmosti. Ku tvemu velkemu udivu to tim, ale neni... vetsinou pouzivam poradi jako je na www.kozlovice.net a nikdy sem s tim nemel problem. P.S. A nesnasim namyslene radoby znalce, priste si ty podrobne poucky pro amatery odpust... |
||
rOMIK Profil |
#12 · Zasláno: 27. 6. 2005, 22:04:58
peta
Diky za radu, zkonzultuju to a dam vedet... |
||
Fred Profil |
#13 · Zasláno: 27. 6. 2005, 22:14:19
rOMIK Tak teď věřím, že spousty nás co na Plaváčka koukáme skoro jako na boha přes css opravdu koukáme s otvřenou hubou (pardon) co jsi si to dovolil, tohle jsi fakt trochu přehnal. Jestli tu někdo poradí se složitějšími problémy s css je to vždy Plaváček a dělá to ve svém volném čase a nenzištně. Takhle přehnal a ne trochu!
|
||
Petra Profil |
#14 · Zasláno: 27. 6. 2005, 22:26:27
rOMIK:
.levemenu a:hover {color: green;font-weight : bold;text-decoration : underline;} .levemenu a:visited {color: DarkGreen;font-weight : bold;} To ale fakt není správná definice. |
||
habendorf Profil |
#15 · Zasláno: 27. 6. 2005, 23:46:43 · Upravil/a: habendorf
rOMIK: A nesnasim namyslene radoby znalce, priste si ty podrobne poucky pro amatery odpust...
Ty jseš asi pěknej magor :o( Až budeš umět dvacetinu toho co Plaváček, pak možná teprve budeš hoden postavit se (na poli webdesignu) do stínu jeho osla. Plaváček: C'est la vie ... |
||
Plaváček Profil |
#16 · Zasláno: 28. 6. 2005, 09:13:04
Omlouvám se rOMIKovi i všem zúčastněným za svou nevymáchanou hubu, ale jeho ironická reakce na mou snahu mu (po patnáctiminutovém přehrabování se v kódu jeho stránky) nezištně pomoci a poradit mě prostě lidsky naštvala. Příště si dám raději frťana a smířím se s tím, že elementární lidská slušnost se z českého internetu postupně kamsi vytrácí.
Tudíž ještě jednou sorry a zároveň uvádím odkaz na stránku, která se problematice pseudotříd a:link, a:visited atd. věnuje podrobněji http://www.w3schools.com/css/css_pseudo_classes.asp a cituji: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!! P.S. - a:active by mělo být až úplně na konci, to mi uteklo a za tuto chybičku v mé radě se zase omlouvám. Tak. |
||
rOMIK Profil |
#17 · Zasláno: 28. 6. 2005, 13:25:35
Plaváček
O.K. asi sem to prehnal, protoze uz si s tim vazne nevim rady, ale ty podrobnosti pro zacatecniky, sis vzhledem k povaze stranek www.kozlovice.net moh odpustit... Polopatikcy: - o prioritu by jit nemelo, dedicnost by se tam nikde nemela uplatnovat, prakticky vse je nastaveno samostatne, bez nadrazeneho objektu... - ID v css vubec nevyuzivam - pri mensi sirce stranky dochazi k deformaci, coz je v poradku. Takto jsou i kdyz pri podupanem designu cist stranky treba i na PDA, zatimco pri "pevnem" layoutu by se objevil posuvnik a na PDA by sis toho moc neprecet. Jinak samozrejme je to optimalizovano pro 800x600 - pri nizsim rozsliseni uz se vetsina stranek chova nekontrolovatelne... - & vesrus & je detail, jeste jsem nezazil, ze by to delalo problemy, i kdyz se to snazim dodrzovat.... kazdopadne porad ty css mi nejsou jasne. menu totiz vypada takto : <p class="levemenu3"> <a href="index.php?tar=clanek_vypis&id=1">Jak se připojit</a><br> <a href="index.php?tar=clanek_vypis&id=2">Potřebné komponenty</a><br> <a href="index.php?tar=clanek_vypis&id=2">Potřebné komponenty</a><br> <a href="index.php?tar=clanek_vypis&id=13" >FAQ</a><br> <a href="index.php?tar=clanek_vypis&id=30" >Řešení problémů</a><br> <a href="index.php?tar=clanek_vypis&id=67" >Odkazy</a><br> <a href="index.php?tar=registrace_form" >Registrace</a><br> <a href="index.php?tar=clanek_vypis&id=36" >Kredity !!!</a><br> <a href="index.php?tar=clanek_vypis&id=8" >Email</a><br> <a href="index.php?tar=clanek_vypis&id=9" >WWW stránky</a><br> <a href="index.php?tar=kontakt" >Kontakt</a><br> <a href="index.php?tar=clanek_vypis&id=54" >Technologie</a><br> <a href="index.php?tar=clanek_vypis&id=58" >Bezpečnost</a><br> </p> jak vidite, tak jednotlive odkazy jeou definovany pouze odstavcem <p>, ktery by mel urcovat jejich chovani. Dalsi DIV, SPAN ci jine prvky tam nejsou. Jakokoli definice by v tomto pripade mela ovlivnovat vsechny odkazy stejne. Co je ale zajimave, ze kdyz vymenim odkaz <a href="index.php?tar=clanek_vypis&id=2">Potřebné komponenty</a><br> za (s jinym id v odkazu - coz by nemelo mit vliv) <a href="index.php?tar=clanek_vypis&id=1">Potřebné komponenty</a><br> tak se to chova jinak ! proto me podezreni pada na nejakou chybnou interpretaci browseru - i kdyz se mi tomu nechce verit |
||
rOMIK Profil |
#18 · Zasláno: 28. 6. 2005, 13:27:32
Pera
ne? a jak by to podle tebe melo byt? |
||
Petra Profil |
#19 · Zasláno: 28. 6. 2005, 13:33:35
rOMIK: Tak jak psal Plaváček a tys o tom prohlásil "nehusti tady do me, tyhle samozdrejmosti" nebo "ty podrobnosti pro zacatecniky, sis vzhledem k povaze stranek moh odpustit... ", takže ještě jednou, omlouvám se, jestli ti to přijde samozřejmé, ale asi to tak samozřejmé zase není:
Pseudotřída hover se píše až za visited Samozřejmě, že se to chová jinak se změnou id, protože změnou id dojde většinou ke změně "navštívenosti" stránky, tudíž se neaplikuje pravidlo pro visited jako předtím. |
||
Plaváček Profil |
#20 · Zasláno: 28. 6. 2005, 13:42:00
No, já teď nevím, co přesně máš na mysli, protože i v IE i v Mozille vidím všechno stejně. Ale čistě mezi námi, aniž bych tě chtěl poučovat, pořád trvám na tom, že definici odkazů máš špatně a z toho mohou plynout zmíněné problémy.
Nyní to máš takto: .levemenu3 a {color: DarkOrange;font-weight : bold;text-decoration : none;} .levemenu3 a:hover {color: green;font-weight : bold;text-decoration : underline;} .levemenu3 a:visited{color: DarkOrange;font-weight : bold;} Ale správně by to mělo být pro jednotlivé odstavce s třídou .levemenu3 takto (pro zelený vzhled): .levemenu3 a {font-weight:bold} .levemenu3 a:link, .levemenu3 a:visited {color: DarkOrange;text-decoration : none;} .levemenu3 a:hover {color: green;text-decoration : underline;} Prostě definice a:hover musí být uvedena až za a:link a a:visited, jak praví specifikace. Font-weight: bold je navíc zbytečné uvádět u každé pseoudtřídy a postačí ji definovat jenom jednou pro element A. |
||
rOMIK Profil |
#21 · Zasláno: 28. 6. 2005, 14:07:08
Petra
Samozdrejnostmi a podrobnostmi pro zacatecniky sem myslel veci, kdy mi vysvetloval, ze a:active je vzhled pri kliknuti na odkaz, a:hover je pri prejeti mysi apod... Plaváček Dobre, zkusim admina ukecat at si s tim da tu praci to predelat podle toho, co pises. Ale vysvetli mi, proc u vsech odkazu funguje .levemenu3 a:hover {text-decoration:underline}, ale ne u vsech odkazu funguje .levemenu3 a:hover {color:green}... to je vazne vec, kterou nechapu. prece kdyby slo o dedicnost, tak a:hover budto nefunguje nikde, nebo naopak vsude ne??? |
||
rOMIK Profil |
#22 · Zasláno: 28. 6. 2005, 14:13:56
Jo, a taky abyste vedeli v cem je presne problem, musite si nastavit vzhled Kastany, nebo Zelena...
|
||
Petra Profil |
#23 · Zasláno: 28. 6. 2005, 14:46:20
rOMIK:
vysvetli mi, proc u vsech odkazu funguje .levemenu3 a:hover {text-decoration:underline}, ale ne u vsech odkazu funguje .levemenu3 a:hover {color:green} Protože některé oékdazy již byly navštívené, proto se u nich aplikuje pravidlo pro a:visited, tj. aplikuje se na ně color: DarkOrange. U navštívených odkazů tak i při hoveru zůstává oranžová, u nenavštívených se definice pro a:visited neaplikuje, proto funguje normálně ta zelená. Text-decoration funguje normálně vždy proto, že u a:visited nijak předefinované podtržení není, tudíž definice v a:hover způsobí, že se odkaz podtrhne a protože v a:visited není, aby se navštívené nepodtrhávalo, tak při tom podtržení zůstane při hoveru u všech odkazů. |
||
rOMIK Profil |
#24 · Zasláno: 28. 6. 2005, 20:00:25
Petra
Oki, diky moc. Jestli to teda pojede, tak u me mate vsichni pivo (jenom nevim, jestli to proplati nas obecni urad, kdyz to je obecni sit... :-D) |
||
Leo Profil |
#25 · Zasláno: 28. 6. 2005, 20:22:25
Nepomahali obecnimu uradu, ale vam :-) Leo
|
||
rOMIK Profil |
#26 · Zasláno: 28. 6. 2005, 20:34:05
Leo
Njn, ale i kdyz u nas je www.kozlovice.net administrovany zadarmo, tak by mohlo byt v zajmu obce zajistovani bezproblemoveho chodu ;-) jinak stranky nasi obce jsou www.kozlovice.cz |
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0