Kursorilla tekstiloota tekstin päällä näkyviin kuinka?

19+15=34

En tiedä minkä WWW-sivujen teon aihealueeseen tämän threadin laittaisin.

http://www.guidetojapanese.org/finnish/particles.html

Tuolla sivulla kun kanji-merkkien päälle laittaa kursorin, niin ilmestyy tekstiloota sen luokse. Itsekin haluaisin tekstiini tuollaisia kohtia. En tiedä miten tuollaista tehdään. Käytössäni on ohjelma nimeltä KompoZer 0.7.10 (20070831).

8

161

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 19+15=34

      Ei tarvitse kertoa miten tekstiloota tekstin päällä kursorilla osoitettaessa juuri KompoZerilla tehdään. Voi vaikka kertoa minkälaista koodia käytetään sen tekoon tai jotain. En tiedä onko sille mitään yleistä nimitystä, niin jos on, voisi kertoa edes sen niin saattaisin osata etsiä paremmin ohjetta muualta.

    • ti tle

      Tuolla sivulla on käytetty

      title -ominaisuutta

      title="Tähän teksti joka näkyy laatikossa"

      • Niinpä, siellä on käytetty title-määritettä. Se on käytettävyydeltään surkea (hidas ilmestymään, nopea katoamaan, pientä fonttia, jota sivuntekijä ei voi suurentaa ja käyttäjä ei osaa suurentaa, jne.).

        Ei kannata ruveta käyttämään. Ennemmin kannattaa googlata sanoilla "css tooltips" (ja valita niin yksinkertainen vaihtoehto, että itse ymmärtää, miten se toimii).

        No tässä yksi melko simppeli CSS-koodi:

        [data-tip] {
        position: relative;
        }
        [data-tip]:hover:after {
        position: absolute;
        top: 1em;
        left: 0;
        width: 12em;
        content: attr(data-tip);
        background: white;
        color: #030;
        padding: 0.1em 0.2em;
        border: solid 0.1em #060;
        }

        Tätä käytettäessä kirjoitetaan haluttu teksti data-tip-määritteeseen, esimerkiksi Hello world.

        Lisäksi kannattaa miettiä, mistä käyttäjä voi arvata, että jotkin merkit tai merkkijonot ovat sellaisia, että viemällä osoittimen päälle saa jotain lisätietoa. Tähän ei ole hyvää ratkaisua, siedettävä saattaa olla margin-bottom-ominaisuudella tehty pisteviiva alla.


    • 19+15=34

      Tällaista nyt opin käyttämään kai HTML4.01:n seassa:

      Heading 2-tyyppiselle tekstille:
      Sivulla muuten näkyvä teksti

      Leipätekstille:
      Sivulla muuten näkyvä teksti

      • 19+15=34

        No oho, tuossa ei näykään sitä koodia.


      • doktor poopidou
        19+15=34 kirjoitti:

        No oho, tuossa ei näykään sitä koodia.

        korvaa html-koodin merkit < ja > vaikka tähdillä niin näkyy


    • näkyyksahrefatribuut

      Google

      Google

      Pitäis ihan title ominaisuudella saada näkymään

      • Etvaanosaa

        Yritit kai kirjoittaa

        Google

        Se on kyllä huono ajatus kyllä näin korjattunakin. Enkä nyt tarkoita sitä että title-määritteen arvo on typerä.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Porvarimediat paniikissa demareiden huiman kannatuksen vuoksi

      Piti sitten keksiä "nimettömiin lähteisiin" perustuen taas joku satu. Ovat kyllä noloja, ja unohtivat sen, että vaalit
      Maailman menoa
      86
      6023
    2. KATASTROFI - Tytti Tuppurainen itse yksi pahimmista kiusaajista!!!

      STT:n lähteiden mukaan SDP:n eduskuntaryhmän puheenjohtaja Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti
      Maailman menoa
      321
      5155
    3. Huono päivä

      Tänään on ollut tosi raskas päivä töissä. Tekis mieli itkeä ja huutaa. En jaksa just nyt mitään. Minä niin haluaisin ja
      Ikävä
      20
      2658
    4. Mikä siinä on ettei persuille leikkaukset käy?

      On esitetty leikkauksia mm. haitallisiin maataloustukiin, kuin myös muihin yritystukiin. Säästöjä saataisiin lisäksi lei
      Maailman menoa
      51
      2605
    5. Lääppijä Lindtman jäi kiinni itse teosta

      Lindtman kyselemättä ja epäasiallisesti koskettelee viestintäpäällikköä. https://www.is.fi/politiikka/art-2000011780852
      Maailman menoa
      83
      1842
    6. Juuri nyt! Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti

      Ai että mä nautin, Tytti erot vireille! "Käytös on kohdistunut avustajia ja toisia kansanedustajia kohtaan, uutisoi STT
      Maailman menoa
      103
      1669
    7. Puolen vuoden koeaika

      Voisi toimia meillä. Ensin pitäis selvittää "vaatimukset" puolin ja toisin, ennen kuin mitään aloittaa. Ja matalalla pro
      Ikävä
      17
      1521
    8. Onko kaivattusi

      liian vetovoimainen seksuaalisesti?
      Ikävä
      110
      1511
    9. seurakunnan talouspäällikön valinta meni perseelleen

      Nyt on ihan pakko kyseenalaistaa tuo Kemijärven seurakunnan päätös talouspäälliköstä. Valitulla ei ole talouspuolen osaa
      Kemijärvi
      119
      1412
    10. Olen ihmetellyt yhtä asiaa

      Eli miksi naiset ovat niin pelokkaan tai vaitonaisen oloisia minun seurassani. Se sai minut ajattelemaan, että olen epäm
      Ikävä
      133
      1393
    Aihe