Autor Zpráva
ra100
Profil *
Zdravím vás.
tento príklad funguje bez problémov v tomto zoskupení -
 #a  {
    width: 100px;
    height: 20px;
    background: aqua;
    display: block;
}
#a:hover #b {
   visibility: visible;
}
#b{
   width: 200px;
   height: 20px;
   background: red;
   visibility: hidden;
   }



<div id="a"><a href="#" id="a">aaa</a><div id="b"><a href="#" id="b">bbb</a></div><br /></div><br />


...ako ale zfunkčniť bez js atd. to isté, no už rozdelené -
<div id="a"><a href="#" id="a">aaa</a></div><br />
<div id="b"><a href="#" id="b">bbb</a></div><br />

Ďakujem za každú dobrú radu.

Moderátor Joker: Titulek „Iná možnosť“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
_es
Profil
ra100:
Atribút id má byť v rámci dokumentu jedinečný, na označenie viacerých elementov slúži atribút class.
ra100
Profil *
yo...zabudol som po mojich pokusoch odstrániť opakovaný id. no na probléme to nič nemení.
Joker
Profil
ra100:
no na probléme to nič nemení.
A dovíme se třeba o jaký problém jde?
Možná jsem to teď špatně přejmenoval, což je důsledkem toho, že titulek byl nicneříkající a dotaz „Chci, aby -styl- fungoval na -kód-“ taky není zrovna moc informativní.

Jde o to na základě najetí myši na prvek „a“ změnit prvek „b“ který neleží uvnitř „a“?
ra100
Profil *
Joker:
Jde o to na základě najetí myši na prvek „a“ změnit prvek „b“ který neleží uvnitř „a“?
Prvok je b v prvom prípade vložený do prvku a. Po nabehnutí myšou na odkaz v prvku a sa zobrazí prvok b -
#a:hover #b {
   visibility: visible;
}

No keď rozdelím oba prvky na dva samostatné, účinnosť html a css sa stráca.
Je teda ešte iné riešenie v html a css na dva rozdelené prvky, aby kóod pracoval rovnako, ako v prvom prípade?
ďakujem za rady.
Joker
Profil
ra100:
Fajn, přejmenoval jsem to znovu.

Ano, tohle je problém, pokud ten zobrazovaný prvek není potomkem prvku na který se najede myší, půjde to přes CSS těžko.
Chamurappi
Profil
Reaguji na ra100:
#a:hover ~ #b {
  visibility: visible;
}
Kdybys chtěl zaměřit předcházející element (nebo rodiče), tak to pomocí CSS nejde.
ra100
Profil *
Joker:
...ďakujem za premenovanie, mňa nič jednoduché a výstižné nenapadlo )
...pokud ten zobrazovaný prvek není potomkem prvku...
Je to tak.
Márna snaha.
Ďakujem všetkým za ochotu.
ra100
Profil *
Chamurappi:
#a:hover ~ #b
..
Zaujímavý zápis. S tým som sa ešte nestretol. Mám otázku, je tento zápis takpovediac right, v súlade napr. s w3c, alebo sú problémi v kopaktibilite ?
Joker
Profil
ra100:
je tento zápis takpovediac right, v súlade napr. s w3c
Jde o CSS3, nefunguje v IE6 a starších, jinak snad ano (zdroj)
Chamurappi
Profil
Reaguji na ra100:
v súlade napr. s w3c
Proč na tom záleží? Válí se to už dvanáct let v nějakém pracovním návrhu. Žádná finální specifikace ho nedefinuje, takže je možné (ač nepravděpodobné), že se jeho definice ještě změní.

alebo sú problémi v kopaktibilite ?
Nefunguje ve starších Explorerech, stejně jako :hover na <div>u.
ra100
Profil *
Chamurappi:
ďakujem.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0