CSS - Problém s hoverem u divu

no mas tam, ze na hover sa ma nastavit opacity na 1, co je maximalna. Skus dat 0.5 a uvidis vysledok.

navyse mas debilne tie selectory v poslednom style. Daj medzi ne ciarku.

Čárka tam chybí, ale probelém to nevyřešilo, jelikož potřebuji po načtení stránky zobrazit pouze červený čtvereček a po najetí myši zobrazit pouze modrý čtverečej a to na úplně stejném místě jak byl ten červený.. Asi jsem to blbě formuloval ten dotaz, Omluva.

Ještě upřesním, že nechci měnit jen barvy pozadí, ale i obsah těch divů...

rgfb

Neuvěřitelné... Díky moc !

PS: Se tím živíš ?

I tak to má ale chybku: tag <a> nemůže obsahovat tag <div>.

Jenže jinak to nejde

Neznám konkrétní situaci, ale takhle by to nemohlo být?

<div class="obal">
  <div class="div1">
    <a href="#">text1<br>text1</a></div>
  <div class="div2">
    <a href="#">text2<br>text2</a></div>
</div>

V HTML5 klidně může.

Ani v HTML5. Ale je to jenom chyba na kráse, když to funguje.

Ten obrázok si robil v MS Painte?

V HTML5 môže byť DIV umiestnený v A.

Jo. Chceš ho na chvíli půjčit?

Mňa skôr zaujímalo, aký program ti to napísal, tak som sa spýtal takto nepriamo.

Já jsem to pochopil. Microsoft Expression Web.

Mimochodem - prošel jsem (přiznám se, že letmo) ty odkazované stránky, ale nikde jsem tam nenašel, že je možné napsat do zdrojáku toto:

<a href="#"><div> Něco cosi</div></a>

The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).

Toto je z toho najpodstatnejšie:

4.5.1 The a element
Content model:
Transparent, but there must be no interactive content descendant.

Znamená to, že v elemente A sa môže nachádzať to isté, čo v nadradených elementoch, len to nesmie byť interaktívne. Nižšie tam je aj príklad, kde to je vidno.

Připomínám, že se tady jedná o <div>. A nikde v odstavci 4.5.1 se tento tag nevyskytuje, ani v příkladech.

Tak nemusí přece vypisovat, co všechno tam být může. Důležité je, co tam být nemůže - a tomu div neodpovídá.

Poslal jsem to zkontrolovat na validator.w3.org a ten to prohlásil za bojeschopné. Takže asi máte pravdu, i když to nerad musím přiznat.

V príkladoch nie je priamo div, ale section, čo je prezlečený div. Kľúčové je slovo transparent (je tam odkaz na vysvetlenie jeho významu) v časti Content model pre element a. A tiež kategórie, do ktorých patrí element div - medzi nimi nie je interactive content, takže má zelenú.