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. Suomalaisten pinna paloi - Ärsytys iskee uudesta TTK-juontajasta "Eihän tälle voi kun nauraa"

      Oliko Veronica Verho hyvä valinta TTK-juontajaksi? Uuden TTK-juontajan henkilöllisyyttä on arvailtu siitä asti, kun Va
      Suomalaiset julkkikset
      106
      2195
    2. Mitäpä luulet että tykkääkö

      kukaan kaivatustasi ?
      Ikävä
      103
      886
    3. T rakastan sua

      vaikket sitä usko
      Ikävä
      64
      801
    4. Varmaan aika moni

      Haluaisi sinut enemmän kuin mielellään
      Ikävä
      46
      790
    5. Mitä tapahtuu?

      Mitä tapahtuu Humalojalla? Poliiseja talon ympärillä ja paljon ihmisiä pitkin pihoja???
      Haapavesi
      21
      706
    6. Suomi on viittä vaille sodassa Venäjän kanssa...

      ...syynä tähän on kokoomuslainen presidenttimme Stubb. Hän on ainoa eurooppalaisen maan johtaja, joka kärkkäästi ja taha
      Maailman menoa
      511
      698
    7. Olen vähän epävarma siitä, oletko kiltti

      Nainen, ensivaikutelma oli, että olet tosi hyväsydäminen eli siinä mielessä harvinaisuus. Eli et mene virran mukana, etk
      Ikävä
      76
      630
    8. Miksi et lähesty minua

      Jos kerran kaipaat, mies? Mitä pelkäät?
      Ikävä
      64
      595
    9. Herkkä, hellä, aurinkoinen, kaunis upea, valonsäde on hän nainen

      Ja myös fiksu, älykäs ja luonnonläheinen. Erittäin mielenkiintoinen ja kiltti ihminen. Haluan tuntea hänet, koska kaik
      Ikävä
      23
      570
    10. Kai sä olet

      Luovuttanut mun suhteen.
      Ikävä
      57
      551
    Aihe