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

99

    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. Sekin pöllöpää

      Kait sä nyt ymmärrät ettei kukaan ole niinkuin sinä. Ei kukaan voi sun paikkaa viedä. Ei kukaan milloinkaan. Eli rauhoi
      Ikävä
      73
      12928
    2. Theermannilla kulkee!

      Vouti vie kaiken mikä mieheltä irti lähtee ja palstan naiset syyttävät tilanteesta kilpaa eri naisia. Miehellä on elämän
      Kotimaiset julkkisjuorut
      136
      8359
    3. Samuli Vasala vakava tauti

      Iltalehdessä sanottiin röntgen kuvissa paha elin vuosia ei paljon jäljellä Maksu muurin takana mikä tauti On entisellä h
      Juoksu
      58
      6699
    4. Näin unta viime yönä

      Että tulit nainen istumaan syliini minihame päällä.
      Ikävä
      75
      6329
    5. Miehille kysymys

      Onko näin, että jos miestä kiinnostaa tarpeeksi niin hän kyllä ottaa vaikka riskin pakeista ja osoittaa sen kiinnostukse
      Tunteet
      147
      4719
    6. Esivaihdevuodet, menopaussi

      https://www.pihlajalinna.fi/palvelut/yksityisasiakkaat/terveys/esivaihdevuodet-eli-premenopaussi Täällä kun puhutaan pa
      Sinkut
      82
      3541
    7. Tänään taas tuli pari-kolme juttua

      Jotka niin mielelläni jakaisin sun kanssa. Niin paljon elämää jaettavana ja niin selkeä paikka sinulle. Mutta ymmärrän
      Tunteet
      7
      3473
    8. Suomi julkaisi varautumisoppaan

      Että sellanen tappaus. Kun kriisitilanne iskee, niin on mentävä nettiin ja luettava ohjeet suomi.fi -sivuilta. Onkohan j
      Maailman menoa
      270
      3412
    9. Jaahas. Stefun Hangon tila ulosmitataan

      Nyt tutkitaan, onko rahaa siirretty ulkomaille. Siinä meni rapujuhlat.
      Kotimaiset julkkisjuorut
      226
      2473
    10. Kuhmo tekisi perässä

      Lomauttakaa kaupungin talolta turhat lattiankuluttajat pois, kuten naapuripitäjä
      Kuhmo
      16
      2246
    Aihe