DL DT DD definition list – CSS – Fórum – Programujte.com

Čau potřebuji poradit s timto tipem listu. Mám následující kód:

      <dl id='menu'>

         <dt id='AAA'><a href='a'><span></span>AAA nazev.</a> </dt>

         <dd>popis  </dd>

         <dt id='BBB'><a href='a'><span></span>BBB nazev.</a></dt>

         <dd>popis </dt>

     </dl>

To kall_ell : Neskusal som to, ale ciste teoreticky skus pouzit pseudotriedu hover, daj tym dd (popisom) visibility : hidden a potom ked pouzijes hover tak ich zviditelni, alebo to skus JavaScriptom.

To jozo0025 : Přes hover jednoho prvku snad nemužeš přistupovat k vlastnostem prvku jiného :) tady asi nezbyde než použít JavaScript...

<script type="application/javascript;version=1.7">

  function zobraz(tab_id) {

    var prvek = getElementById(tab_id).style;

    if (prvek.display == 'none') {

      prvek.display == 'block';

    } else {

      prvek.display == 'none';

    }

  }

</script>



<dl id='menu'>



  <dt id='AAA' onMouseOver="zobraz('AAA_alt');"><a href='a'><span></span>AAA nazev.</a> </dt>

    <dd id='AAA_alt'>popis  </dd>

  <dt id='BBB' onMouseOver="zobraz('BBB_alt');"><a href='a'><span></span>BBB nazev.</a></dt>

    <dd id='BBB_alt'>popis </dd>



</dl>

To Nefaritus : asi se budeš divit, ale mám pocit, že to nějak v CSS jde... ale asi jen pocit.

Tak ne. uplně jiný element měnit v CSS nemůžeš, ale s vnořeným si možeš dělat co chceš :) stačilo by ti trochu změnit strukturu. Ale doporučuju ti to udělat javascriptem, v CSS budeš mít problémy u podpory prohlížečů.....

To pawlik : No jasný, s vnořeným můžeš dělat cokoliv :)

Tak jsem to udělal trošku jinak.

http://www.kntgroup.cz/test/index.php

můžete to omrknou jestli je to tak správně a korektně udělané?