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

TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Trvalé přihlášení

Zapomněl jsi heslo?

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

Rozšířené hledání ›

Nejnovější témata ve fóru

22:06, Startupy Megastroj.cz – Vše na jednom místě: půjčovna, bazar a inze…

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

10:10, Cinema 4D Export USDC do DaVinci Resolve

16:58, Photoshop Jak odstranit (potlačit) odlesky

Stavba Laser Arény
Laser Game Brno

DL DT DD definition list

kall_ell 0

Newbie

3. 9. 2008 #1

Č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>

Potřeboval bych udělat, aby byl popis u obou DT skrytý a zobrazil se v určitém místě po najetí kurzoru na AAA název popřípadě BBB nazev.
ID AAA(BBB) mám pozicovaný do urcitého místa kde mě zobrazuje obrázek přes odkaz AAA nazev(BBBnazev). Po najetí kurzoru se mě obrazek změní a potřebuji, aby se současně zobrazil jeho popis.
poradíte jak na to? zkoušel jsem #AAA DD {...} ale to nemělo vliv.

Nahlásit jako SPAM

IP: 80.87.188.–

jozo00250

Návštěvník

3. 9. 2008 #2

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.

Nahlásit jako SPAM

IP: 78.99.193.–

Nefaritus

~ Redaktor

Posthunter

Kultivátor příspěvků ve starém fóru – 3.66 % z celku

3. 9. 2008 #3

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>

Nahlásit jako SPAM

IP: 213.191.111.–

pawlik0

Grafoman

Kultivátor příspěvků ve starém fóru – 1.87 % z celku

3. 9. 2008 #4

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

Nahlásit jako SPAM

IP: 84.42.151.–

Sa Nata A Na. Howgh

pawlik0

Grafoman

3. 9. 2008 #5

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čů.....

Nahlásit jako SPAM

IP: 84.42.151.–

Sa Nata A Na. Howgh

Nefaritus

~ Redaktor

Posthunter

3. 9. 2008 #6

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

Nahlásit jako SPAM

IP: 213.191.111.–

kall_ell 0

Newbie