hover kala

  • Kustutatud 20 a

    Kindlasti on see teema siit foorumist palju läbi käinud, aga kordamine on tarkuse ema ;)

    Et siis link kujul:
    <a href="#" class=thumb><img src="thumb/thumb1.gif" width="54" height="51" alt=""></a>

    Ja CSS:
    .thumb img {
    border : 1px solid red;
    }
    .thumb:hover img {
    border-color:blue;
    }

    Probleem on selles, et firefoxis töötab, aga IE's ei tööta.

    26. veebruar 2005 - 16:42:26 · Otselink

  • jüri 20 a

    see pole kala :P, vaid IE-s ei töötagi hoverdamine peale A elmentide

    pane see hover A-le:
    a.thumb {
    border : 1px solid red;
    }
    a.thumb:hover {
    border-color:blue;
    }

    26. veebruar 2005 - 16:57:04 · Otselink

  • Kustutatud 20 a

    Siis juhtub see:
    http://www.viik.ee/test/test.php

    IE's on ülemine border puudu ja firefox ei näita üldse image ümber raame.

    Bug või feature, igatahes saan ma emmas kummas selle tööle, aga mõlemis korraga mitte.

    26. veebruar 2005 - 17:05:53 · Otselink

  • SlumdogMilli† 20 a

    no pane pildile border="1" ka ikka

    ja img src="thumb/thumb1.gif" width="54" height="51" alt=""></a> lingi puhul peab pildil border nagunii vahel olema

    26. veebruar 2005 - 17:24:48 · Otselink

  • jüri 20 a

    pane A-le veel display:block

    a.thumb {
    display:block;
    border : 1px solid red;
    }
    a.thumb:hover {
    border-color:blue;
    }

    26. veebruar 2005 - 18:30:22 · Otselink

  • marko† 20 a

    või kasuta A background-i

    26. veebruar 2005 - 19:41:17 · Otselink

  • Kustutatud 20 a

    display block päästis mu!

    Aga kuidas? cyr, kas oskad seletada ka? ;)

    26. veebruar 2005 - 19:58:00 · Otselink

  • jüri 20 a

    html elementidel on põhimõttelised erinevused.
    Näiteks DIV, P, H1 on block elemendid, mis on mõeldud lehekülje sisu esitamise abistamiseks. Block element moodustab ploki üle terve võimaliku ala laiuses (kui ei ole laiusi ega kõrgusi määratud) ning alati on block elemendi lõpus linebreak, ehk järgnevad elemendid alustavad uuelt realt..

    Näiteks:
    <div>esimene div, see on terve ekraani pikkuses</div>
    <div>teine div, olen uuel real, esimese divi all</div>

    Block elemendile saad määrata kõikvõimalike kujunduslike atribuute nagu kõrgus, laius, background, padding, margin, border jne jne.

    Siis on teist sorti elemendid - inline elemendid, mis on mõeldud, sisu/teksti edastamiseks.

    Nendeks on A, SPAN, B, IMG jne. Need elemendid ei moodusta enda ümber "plokki" ja ei tee linebreaki pärast sulgumist. Samuti ei mõju neile hästi kõik struktuuri esitamiseks mõeldud atribuutid, neile näiteks ei saa määrata vertical paddingut, borderiga on probleeme, kõrgusi ega laiusi jne.

    Nõks on siis selles, et defineerides inline elemendile display:block käsitletakse seda kui block elementi, ning sellega omistab element kõik block elemendile iseäralikud jooned.

    siit ja siit veel täpsemalt lugemist, kui on huvi

    26. veebruar 2005 - 20:34:58 · Otselink

  • wuzz 20 a

    ja siit maalt hakkab pihta vahva porno erinevate brauserite vahel :D

    hea näide on border, mille puhul pole kokku lepitud, mis ta täpselt on. kas asub box modeli sees või väljas ja kas teda arvestatakse laiuse puhul või mitte :P iga brauser näitab nii kuidas juhtub.

    26. veebruar 2005 - 20:54:41 · Otselink

  • Kustutatud 20 a

    tänud, tänud!

    loodame, et IE jõuab ka "normaalsetele" brauseritele järgi või siis vastupidi... ;)

    27. veebruar 2005 - 02:45:42 · Otselink

  • paries 20 a

    See peaks anda hea ülevaate

    27. veebruar 2005 - 11:12:14 · Otselink

  • marko† 20 a

    einoh span ei ole kellegi sõber. div, margin display on meie sõbrad

    27. veebruar 2005 - 20:49:40 · Otselink