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

148

    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. 132
      3677
    2. Putin lähti takki auki sotaan....

      Luuli, että kolmessa päivässä hoidetaan, nyt on mennyt 3,5 vuotta eikä voitosta tietoakaan. Kaiken lisäksi putin luuli,
      Maailman menoa
      81
      3193
    3. SDP ylivoimainen ykkönen

      En ole koskaan viitsinyt käydä äänestämässä, mutta nyt SDP:n etumatka on niin kutkuttava, että pakkohan se on vaivautua.
      Maailman menoa
      85
      2614
    4. Suomalainen lähti ilman takkia sotaan

      Malli oli "kajander", johon kuului pelkästään kokardi, ja sotilaan itse metsästä katkoma puukeppi ryssien huitomiseen.
      Maailman menoa
      7
      2406
    5. Polttomoottoriauto on köyhän merkki

      Kun ei ole varaa ostaa sähköautoa, niin joutuu köyhän autoa käyttämään.
      Maailman menoa
      241
      2320
    6. Patteriauton ovia ei saatu auki - kuljettaja koki hirvittävän kuoleman!

      ”Oviongelma johti kuskin kuolemaan kolarissa – tämä ratkaisu saatetaan kieltää kokonaan Sivulliset pyrkivät tempomaan a
      Maailman menoa
      37
      2179
    7. Mies älä

      Odota enää vaan toimi. Pieni vinkkivitonen 🫰💥
      Ikävä
      42
      949
    8. Harmittaa ettei paluuta entiseen enää ole

      Paluuta entiseen ei ole koska pilasit kaiken.
      Ikävä
      95
      938
    9. Mä tiedän

      Että sä tiedät, että mä tiedän, että sä tiedät. Me molemmat tiedetään. Onko näin?
      Ikävä
      53
      829
    10. Haapaveille jotain uutta!

      Huoltoasema Haapavein keskustaan tulossa. Semmoista Jeppasissa jaappasevat.
      Haapavesi
      16
      800
    Aihe