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

190

    Vastaukset 8

    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. Anni Ihamäki saa tylyä kommenttia TTK:sta - Erityisesti tämä "vääryys" ärsyttää

      Kaikille ei ole mieleen se, että Anni Ihamäki on mukana uudella Tanssii Tähtien Kanssa -kaudella. Ihamäki saa varsin ty
      Kotimaiset julkkisjuorut
      40
      1296
    2. Päivän Riikka: Pandan suklaatehdas Jyväskylästä Viroon

      Menkää töihin! Viroon! --- Liki sata vuotta kestänyt suklaantuotanto makeisvalmistaja Pandan tehtaalla Vaajakoskella pä
      Maailman menoa
      310
      1114
    3. Tiesitkö? Vappu Pimiän ensimmäinen aviomies ei ole Teemu-rakas

      Vappu Pimiä on tätä nykyä naimisissa Teemu Huuhtasen kanssa. Pimiä on toista kertaa naimisissa, sillä ensimmäinen liitto
      Kotimaiset julkkisjuorut
      25
      939
    4. Mitä et ole valmis sietämään ihmissuhteissasi ja miksi?

      Aiemmin jo kyseltiin mitkä vaatimukset olivat mielestänne liiallisia. Kyselläänkin nyt sitä, että millaisilla asioilla s
      Sinkut
      301
      924
    5. Älä nyt ylikuormitu vaikka sinusta pidänkin rakas nainen

      Tiedän, että olet minulle oikea. En halua pilata tätä juttua malttamattomuudella, mutta epäilen. Haluan vain olla lähel
      Ikävä
      33
      781
    6. Kai mua vähän

      Masentaa tämä kaikki. Tämä koko meidän välinen juttu on niin vaikea… Voitaisiinko molemmat lopettaa tilanteen ruokkimine
      Ikävä
      117
      682
    7. Treffi-ilmoituksia!

      Tähän avaukseen voipi treffeille halukkaat laittaa oman - lyhyen - vapaamuotoisen hakunsa,burneri emaileinee). Tavoitte
      Sinkut
      193
      672
    8. kolme tunnistetta kaivatustasi

      Anna kolme tunnistetta kaivatussasi!
      Ikävä
      45
      636
    9. Riittäisikö se

      Että nähtäisiin viikonloppuisin? Naiselta.
      Ikävä
      61
      595
    10. Olenko käsittänyt oikein?

      Tykkäät, mutta et halua mitään (ymmärrän kyllä syyn miksi et).
      Ikävä
      40
      536
    Aihe