Eredmény: 1 - 7 (7) összesen

Téma: CSS segítség: hover képnél

  1. #1
    Új tag
    Csatlakozott
    13-06-29
    Hozzászólás
    34
    Thanked 2 Times in 1 Post

    Alapbeállítás CSS segítség: hover képnél

    Sziasztok!
    Szeretném ha az egeret rávinném megváltozna a kép és kattintani is lehetne. Ha az "<a>"-t kiveszem akkor viszont nem lesz kattintható.

    HTML kód:
    Kód:
    <body>
    <a href="http://www.valami.hu/">
    <div id="semmi" ></div>
    </a>
    </body>
    És a CSS:
    Kód:
    #semmi {
       background-image: url('semmi.png');
       height: 55px;
       width: 70px;
    }
    
    #semmi:a:hover {
       background-image: url('semmi2.png');
       height: 55px;
       width: 70px;
    }
    Valaki tudja, hogy hogyan kellene megoldani?



  2. #2
    Bölcs lexxx7 logója
    Csatlakozott
    10-07-09
    Hely
    BP
    Hozzászólás
    1.297
    Begyűjtött 326 köszönetet
    226 hozzászólásával

  3. Az alábbi felhasználók hálásak a válaszért:

    fini (2014-08-12)

  4. #3
    Seo-Titán hunprobalazs logója
    Csatlakozott
    10-05-30
    Hely
    Sin City
    Hozzászólás
    2.153
    Begyűjtött 379 köszönetet
    267 hozzászólásával

    Alapbeállítás re: CSS segítség: hover képnél

    Sima div nem kell ez esetben... Legyen egy kattintható doboz (<a>), annak állítod be CSS-el a szélességét, magasságát, illetve a hover értékét...

    Szóval valahogy így fog kinézni:

    HTML kód:
    <a href="" id="kep">Ez maradhat üresen, vagy bármi jöhet ide, ide jön be majd a háttérkép</a>
    CSS-be meg:

    HTML kód:
    #kep{
        background-image: url('semmi.png');
       height: 55px;
       width: 70px;
    }
    
    #kep:hover{
       background-image: url('semmi2.png');
    }
    Nem próbáltam ki, de így működnie kell, max meghegeszted! :-)



  5. #4
    Új tag
    Csatlakozott
    13-06-29
    Hozzászólás
    34
    Thanked 2 Times in 1 Post

    Alapbeállítás re: CSS segítség: hover képnél

    Köszi, ez bejött
    2525252525252525



  6. #5
    Új tag
    Csatlakozott
    13-06-29
    Hozzászólás
    34
    Thanked 2 Times in 1 Post

    Alapbeállítás re: CSS segítség: hover képnél

    Igen, így csináltam meg csak "class"-al.



  7. #6
    Moderátor sZeKo logója
    Csatlakozott
    09-07-01
    Hely
    Budapest
    Hozzászólás
    1.379
    Begyűjtött 65 köszönetet
    39 hozzászólásával

    Alapbeállítás re: CSS segítség: hover képnél

    Még a kezdő hozzászóláshoz annyit, hogy div taget nem szoktunk a tagbe rakni, arra ott van a span.


    sZeKo



  8. #7
    Tag
    Csatlakozott
    12-03-11
    Hozzászólás
    57
    Begyűjtött 18 köszönetet
    15 hozzászólásával

    Alapbeállítás re: CSS segítség: hover képnél

    Idézet sZeKo eredeti hozzászólása Hozzászólás megtekintése
    Még a kezdő hozzászóláshoz annyit, hogy div taget nem szoktunk a tagbe rakni, arra ott van a span.


    sZeKo
    Illetve W3C standard szerint nem is szabad



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •