21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
rOMIK
Profil
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
Nesouvisí to s navštíveným a nenavštíveným odkazem? Zkuste na test vymazat historii.
DoubleThink
Profil *
určitě "a.hover"?

správně má být "a:hover"
rOMIK
Profil
marek01
Nesouvisi...
DoubleThink
Jasne, ze a:hover... obcas (hodne casto) proste zapominam mackat Shift...
Leo
Profil
A konkretne ktere odkazy se chovaji jak? Leo
rOMIK
Profil
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
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 *
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 *
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
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
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
peta
Diky za radu, zkonzultuju to a dam vedet...
Fred
Profil
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
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
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
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
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 &amp 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&amp;id=1">Jak se připojit</a><br>
<a href="index.php?tar=clanek_vypis&amp;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&amp;id=13" >FAQ</a><br>
<a href="index.php?tar=clanek_vypis&amp;id=30" >Řešení problémů</a><br>
<a href="index.php?tar=clanek_vypis&amp;id=67" >Odkazy</a><br>
<a href="index.php?tar=registrace_form" >Registrace</a><br>
<a href="index.php?tar=clanek_vypis&amp;id=36" >Kredity !!!</a><br>
<a href="index.php?tar=clanek_vypis&amp;id=8" >Email</a><br>
<a href="index.php?tar=clanek_vypis&amp;id=9" >WWW stránky</a><br>
<a href="index.php?tar=kontakt" >Kontakt</a><br>
<a href="index.php?tar=clanek_vypis&amp;id=54" >Technologie</a><br>
<a href="index.php?tar=clanek_vypis&amp;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&amp;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&amp;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
Pera
ne? a jak by to podle tebe melo byt?
Petra
Profil
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
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
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
Jo, a taky abyste vedeli v cem je presne problem, musite si nastavit vzhled Kastany, nebo Zelena...
Petra
Profil
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
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
Nepomahali obecnimu uradu, ale vam :-) Leo
rOMIK
Profil
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
Toto téma je uzamčeno. Odpověď nelze zaslat.

0