Tekstilinkki kuvan päälle?

Heips

Minulla on jpg-kuva, sen kuvan päälle pitäisi saada kirjoitettua sana ja sanasta linkki toiselle sivulle. Miten onnistuu?

(Sain kyllä tekstiä kirjoitettua kuvan päälle tekemällä tekstilaatikon ja kirjoittamalla tekstin sen sisään mutta silloin linkki ei näköjään toimi.)

Minulla on käytössäni normaalit Office-ohjelmat ja FrontPage, tarvittaessa muualla myös esim. Photoshop (jota en osaa juurikaan käyttää).
11586
Äänestä

Muut lukivat myös

Vastaukset 11

Vanhimmat

Tee vaikka div tai span, jolla on taustakuvana ko. kuva, ja sitten kirjotat divin/spanin sisään tekstin, jonka haluat linkiksi. Perus-CSS:ää:


#kuvajateksti {
background: url(kuva.jpg);
width: [kuvanleveys]px;
height: [kuvankorkeus]px:
}



linkki

Äänestä
  • Kiitos vastauksesta, mutta ohje on liian vaikea. Koska FrontPage:llä voi tehdä webbisivuja syöttämättä suoraan koodia, eikö myös tätä voi ratkaista helpommin? Kyse on kuitenkin vain linkityksestä.

    Äänestä

  • Päivi kirjoitti:

    Kiitos vastauksesta, mutta ohje on liian vaikea. Koska FrontPage:llä voi tehdä webbisivuja syöttämättä suoraan koodia, eikö myös tätä voi ratkaista helpommin? Kyse on kuitenkin vain linkityksestä.

    "Koska FrontPage:llä voi tehdä webbisivuja syöttämättä suoraan koodia, eikö myös tätä voi ratkaista helpommin?"

    Juuri tälläisen takia kannattaisi uhrata edea muutama tunti html:n perusteiden opetteluun. Ja opetella käyttämään vaikka notepadia (en ole fp:tä koskaan käyttänyt, joten saattaahan siinäkin olla tekstieditori :)))) ).

    Äänestä

  • juusto. kirjoitti:

    "Koska FrontPage:llä voi tehdä webbisivuja syöttämättä suoraan koodia, eikö myös tätä voi ratkaista helpommin?"

    Juuri tälläisen takia kannattaisi uhrata edea muutama tunti html:n perusteiden opetteluun. Ja opetella käyttämään vaikka notepadia (en ole fp:tä koskaan käyttänyt, joten saattaahan siinäkin olla tekstieditori :)))) ).

    Elikkä, koska käytän FrontPagea niin ystävällisesti saisinko vastauksen sellaiselta joka FrontPagea myös osaa. Jos asiaa ei pysty hoitamaan FrontPagella niin selkeä rautalangasta väännetty ohje jotta siitä on hyötyä. HTML:n alkeita osaan kyllä jonkin verran, mutta annettua ohjetta en ymmärrä. En jouda tämän yhden pikkujutun vuoksi tuhlaamaan montaa tuntia aikaani kun joku varmaan osaa neuvoa asian ihan suoralta kädeltä. Kiitos!

    Äänestä

linkkejä kuvasta on image mapin avulla:

Äänestä
  • Olen kuullut tästä aiemminkin mutta en tiedä onko se järkevin ratkaisu tässä minun tapauksessani. Minä en tee linkkejä kuvan eri kohdista vaan tarkoitus on itse kirjoittaa kuvan päälle muutama sana allekkain, se on sisällysluettelo, ja jokaisesta sanasta lähtee linkki.

    Jos päädyn kokeilemaan tuota ehdottamaasi, mistä nuo koordinaattinumerot näkee? Luulen kuitekin että tässä tapauksessa kun tekstiä on allekkain lähellä toisiaan niin pienikin virhe koordinaattinumeroissa saattaa aiheuttaa ongelman kun vahingossa väärä sivu avautuu jos sattuu klikkaamaan johonkin kahden sanan välimaastoon.

    Äänestä

  • Päivi kirjoitti:

    Olen kuullut tästä aiemminkin mutta en tiedä onko se järkevin ratkaisu tässä minun tapauksessani. Minä en tee linkkejä kuvan eri kohdista vaan tarkoitus on itse kirjoittaa kuvan päälle muutama sana allekkain, se on sisällysluettelo, ja jokaisesta sanasta lähtee linkki.

    Jos päädyn kokeilemaan tuota ehdottamaasi, mistä nuo koordinaattinumerot näkee? Luulen kuitekin että tässä tapauksessa kun tekstiä on allekkain lähellä toisiaan niin pienikin virhe koordinaattinumeroissa saattaa aiheuttaa ongelman kun vahingossa väärä sivu avautuu jos sattuu klikkaamaan johonkin kahden sanan välimaastoon.

    kannata kuvakartta tehdä. Hae verkosta vaikka Stone's Webwriter 3.5 (ilmainen). Sillä voit graaffisesti piirtää linkkialueet ja määrittää linkit niistä. Muutenkin hyvä HTML-editori.

    Toinen tapa on käyttää CSS. Eli tee aivan tavallinen lista

    Äänestä

tee taulukko ja vaikka vain 1 solu johon laitat sen kuvan taustakuvaksi.
Suurenna solua siten, että kuva näkyy kokonaan...
Sitten vain normaalisti tekstiä soluun (jonka taustakuvana on sinun kuvasi) ja teet tekstistä linkin.

Ja jos et osaa käyttää PS niin hommaa edes ilmainen IrfanView tai Xnview joilla on helppo muuttaa kuvien kokoa ja muotoa (jpg-> gif, jne.) ihan suomenkielellä...
Kotisivuillehan ei kannata laittaa 1 megan kuvia, sillä se kestää kauan latautua 56k modeemilla (juu, kyllä niitäkin on vielä).

Äänestä
  • Hei

    Varmasti linkitys näin onnistuisi, mutta taustakuvahan kopioituu eli kuvani tulee tässä tapauksessa kahteen kertaan rinnakkain. Kuva pitää näkyä vain kerran (ruudun keskellä).

    (Kuva on valmiiksi oikean kokoinen, ainoa ongelma on linkitys. Jos haluaisin muuttaa kokoa niin osaisin sen kyllä tehdä helposti FrontPagella tai Photoshopilla. Kuva on jpg ja sitä ei ole mielestäni syytä muuttaa gif:ksi, myös siksi että kuvan laatu kärsii.)

    Äänestä

  • Päivi kirjoitti:

    Hei

    Varmasti linkitys näin onnistuisi, mutta taustakuvahan kopioituu eli kuvani tulee tässä tapauksessa kahteen kertaan rinnakkain. Kuva pitää näkyä vain kerran (ruudun keskellä).

    (Kuva on valmiiksi oikean kokoinen, ainoa ongelma on linkitys. Jos haluaisin muuttaa kokoa niin osaisin sen kyllä tehdä helposti FrontPagella tai Photoshopilla. Kuva on jpg ja sitä ei ole mielestäni syytä muuttaa gif:ksi, myös siksi että kuvan laatu kärsii.)

    Ei kun laita se taustakuva vain siihen yhteen soluun, ja tee solusta täsmälleen saman suuruinen kuin kuva.

    Toinen tapa, ja ylivoimaisesti helpoin, on tehdä se teksti Photoshopilla siihen kuvaan ja aktivoida sitten se kuvan kohta.

    Äänestä

Hei Päivi. Ota koodista mallia ja käy katsomassa osoitteessa:
http://koti.mbnet.fi/phweb/MIKKO/index.html

Ei se vaikea ole FP llä tehdä... tosin FP tekee kammottavan suuren kuvatiedoston siitä taustakuvastasi jonka sinun pitää myös lähettää palvelimellesi.











td>











 

Äänestä

Kommentoi aloitusta


Päivi kirjoitti:

Heips

Minulla on jpg-kuva, sen kuvan päälle pitäisi saada kirjoitettua sana ja sanasta linkki toiselle sivulle. Miten onnistuu?

(Sain kyllä tekstiä kirjoitettua kuvan päälle tekemällä tekstilaatikon ja kirjoittamalla tekstin sen sisään mutta silloin linkki ei näköjään toimi.)

Minulla on käytössäni normaalit Office-ohjelmat ja FrontPage, tarvittaessa muualla myös esim. Photoshop (jota en osaa juurikaan käyttää).

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu