sivut.web

ohjeita web-sivuston tekijälle

HTML-opas: Kuvat

Yleistä

Tekstin lisäksi kuvat esittävän huomattavan keskeistä osaa WWW-sivuilla. Yksinkertaisimmassa tapauksessa kuva.gif-nimisen kuvatiedoston lisääminen onnistuu seuraavasti:

<IMG SRC="kuva.gif">

<IMG>-tagi tarjoaa useita mahdollisuuksia kuvan sijainnin yms. tekijöiden määräämiseen. Niihin tutustutaan myöhemmin.

Testaamme seuraavalla dokumentilla kuvien käyttöä.

<HTML>
<HEAD>
<TITLE>Kuva-esimerkki 1</TITLE>
</HEAD>
<BODY>

<H1>Kuvien käyttäminen WWW-sivuilla</H1>

<p>Alle on sijoitettu kuva.</p>

<IMG SRC="kuva1.gif">

</BODY>
</HTML>

Selaimessa dokumentti näyttää seuraavalta:

esimerkit/kuva1.html

Kuvien tasaaminen sivun suhteen

Edellä kuva oli vakiopaikassaan sivun vasemmassa reunassa, mutta se voidaan myös keskittää ja tasata oikealle. Tässä dokumentti, joka esittelee kaikki kolme vaihtoehtoa:

<HTML>
<HEAD>
<TITLE>Kuva-esimerkki 2</TITLE>
</HEAD>
<BODY>

<H1>Kuvien käyttäminen WWW-sivuilla</H1>

<p>Alle on sijoitettu kuva
tyypillisesti vasemmalle.</p>
<IMG SRC="kuva1.gif">

<p>Alle on sijoitettu kuva keskitetysti.</p>
<center><IMG SRC="kuva1.gif"></center>

<p>Alla oleva kuva on tasattu oikealle.</p>
<IMG ALIGN=right SRC="kuva1.gif">

</BODY>
</HTML>

<center>-tagin käyttöön palaamme myöhemmin.

Edellinen esimerkki selaimesta nähtynä:

esimerkit/kuva2.html

Kuvien tasaaminen tekstin suhteen

Edellisessä tapauksessa kuva on itse omalla rivillään. Tämä onkin usein tyypillistä, mutta varsinkin käytettäessä kuvia tarkentamassa tekstiä, on hyödyllistä sijoittaa kuva tekstin viereen. Kuvalle voidaankin antaa useita erilaisia sijaintivaihtoehtoja tekstin suhteen.

Tämä esimerkki valaiskoon tilannetta niissä tapauksissa kun kuva on kappaleen yhteydessä:

<HTML>
<HEAD>
<TITLE>Kuva-esimerkki 3</TITLE>
</HEAD>
<BODY>

<H3>Kuvien käyttäminen tekstin vieressä:</H3>

<p><IMG ALIGN=left SRC="kuva2.gif">
Kuva tekstin vasemmalla puolella.
Teksti kiertää kauniisti kuvan.
</p>

<p><IMG ALIGN=right SRC="kuva2.gif">
Tekstin oikealla puolella on kuva,
jota tekstin oikea reuna kiertää.
</p>

</BODY>
</HTML>

Selain näyttää tämän dokumentin seuraavasti:

esimerkit/kuva3.html

Tästä esimerkistä selviää eri mahdollisuudet tasata kuvia rivin suhteen, mikäli ne ovat tekstin keskellä:

<HTML>
<HEAD>
<TITLE>Kuva-esimerkki 4</TITLE>
</HEAD>
<BODY>

<H3>Kuvat tekstirivien sisällä:</H3>

<p>Tämän rivin sisällä on kuva,
jonka <IMG SRC="kuva2.gif" ALIGN=top>
yläreuna on tekstin yläreunan tasolla.
Seuraavalle riville yltävä teksti valitettevasti
kasvattaa riviväliä huomattavasti,
kuvan yli se ei osaa hypätä.</p>

<p>Tämän rivin kuva <IMG SRC="kuva2.gif"> on
rivin alareunan tasolla.<br>
Seuraava rivi ei häiriinny.</p>

<p>Huomattavasti elegantein on tapa sijoittaa kuva
<IMG ALIGN=absmiddle SRC="kuva2.gif"> keskelle riviä,
varsinkin jos käytössä on vain yksi rivi.</p>

<p>Nyt kuva <IMG ALIGN=middle SRC="kuva2.gif">
on tasattu tekstin alareunan tasoon.</p>

</BODY>
</HTML>

Selain näyttää tämä sivun seuraavasti:

esimerkit/kuva4.html

Kuvasta oma kappale?

Joskus on tarpeen tehdä kuvasta oma kappale <p>- ja </p>-tagien väliin. Näin toimitaan esimerkiksi , jos tekstiä ei haluta kuva viereen, vaan sen alle. Tämä on kuitenkin tarpeetonta, jos kuva tulee kahden tekstikappaleen väliin.

Olet varmasti verkossa liikkuessasi pannut merkille, että usein kuvat latautuvat vasta sivun tekstisisällön ilmestymisen jälkeen. Tämä tietenkin johtuu niiden suuresta koosta.

Voit helpottaa selaajan tuskaa määrittämällä kuvalle tekstivaihtoehdon, tämä näytetään kun kuva ei ole vielä erinäisistä syistä ehtinyt ilmestyä. Toteutus on yksinkertainen:

<IMG SRC="kuvatiedosto" ALT="Tekstivaihtoehdo">

Seuraava sivu: Viivat.


Käyttäjien kommentit

1.10.2003 11:06
Jarkko Laaksonen <jslaakso@students.turkuai.fi>

Tietoa ei vain löydy kuvan läpinäkyväksi saamisesta... Epämukavaa - sepä mukavaa.

4.11.2003 14:54
avuton

Kiitos sivustosta, hurjasti on ollut apua :) . Mutta en millään keksi, mistä löydän .gif -päätteellä olevia kuvia. Kaikki kun ovat .jpg -päätteisiä. Pitääkö kuvan olla valmiiksi netissä, vai vain koneella?

12.1.2004 20:24
Lelle

Jarkko: Kuva muutetaan läpinäkyväksi kuvankäsittelyohjelmalla.

Avuton: Netissä näkyy useampiakin kuvatyyppejä .jpg ja .png esimerkiksi. Kuvia voi hakea netistä. Ilmaisia kuvapaikkoja löytyy hakuohjelmilla. Sijoita kuvat samaan paikaan kuin talletat html-sivusikin.

6.3.2004 13:55
sami <wrt1@luukku.com>

Miten saan kuvan kotikoneelta html koodien avulla sivulle. Kun tossa vaan neuvvotaan miten sen saa internetistä.

7.3.2004 19:00
Juha-Pekka Järvenpää <jp@sivut.org>

Siirrä kuvatiedostot kotikoneeltasi web-palvelimelle samaan paikkaan, mihin laitat html-tiedostosikin. Mikäli sinulla on 100x100 pikselin kuva esimerkki.jpg ja web-sivu testisivu.html samassa hakemistossa, saat kuvan näkymään sivulla koodilla:

<img src="esimerkki.jpg" width="100" height="100" alt="esimerkkikuva" />

8.3.2004 16:59
Sanna

Olisiko vinkkejä kuinka voin näppärästi toteuttaa kuvagallerian yhdistyksemme kotisivuille. Galleriaan tulisi kuvia vanhoista tapahtumistamme melko runsaasti ja galleriaa tulisi päivittää useamman kerran vuodessa. Aikaisempaa kokemusta nettisivujen teosta minulla ei ole.

9.3.2004 19:38
Juha-Pekka Järvenpää <jp@sivut.org>

Valmiita ohjelmia kuvagalleriasivujen tekemiseen on useita, tässä yksi:

http://www.ornj.net/software/webalbum/

Ohjelma tekee automaattisesti galleriasivut, indeksisivun ja pikkukuvat.

Web-sivujen tekemiseen kannattaa kuitenkin panostaa edes sen verran, että kuvagallerian lisäksi teette esimerkiksi etusivun, jossa on yhdistyksen yhteystiedot ja linkkejä tekemiinne kuvagallerioihin. HTML-kielen, jolla web-sivuja tehdään, alkeiden opetteleminen ei ole kovinkaan vaativaa jos on joskus käyttänyt tietokonetta ja webiä.

15.4.2004 16:31
bm </>

Kiitos sivuista, on ollut paljon apua koulussa ja kotona! :)

3.5.2004 00:21
danny

kiitos hirvittävästi. tästä on ollut paljon apua. kysyisin vain saako kuvasta tehtyä linkkiä? olisin kiitollinen avusta.

3.5.2004 13:41
Juha-Pekka Järvenpää <jp@sivut.org>

Toki kuvasta voi tehdä linkin. Sijoita img-elementti a-elementin sisään:

<a href="..."><img src="..." /></a>

10.5.2004 20:59
Jesse <jesseseon@hotmail.com>

Hyvät sivut on.Kiitos.
Entä miten voi laittaa sivulle tausta kuvan?
ei mielestäni missään lue, ja olisihan se ihan kiva...

12.5.2004 12:14
Esko

Miten saan haluamani logon nettisivuille, kun tällä hetkellä minulla on se sähköisessä muodossa vain Word-asiakirjassa? Kiitos erittäin hyvistä sivuista!

18.5.2004 10:10
Bemari <bemari@mbnet.fi>

Jesse: taustakuvan saat sivuille laittamalla sen body tagin sisään tyyliin ----> <body background="kuva.jpg"> ei tietenkään pakko olla jpg muodossa :-)

PS.Kiitos hyvistä sivuista, näitten avulla pääsin itekkin alkuun sivujen teossa.

19.6.2004 15:16
Pallero

miten saisin kuvan rivin alkuun ja tekstin keskelle?

28.7.2004 08:54
jare

Mulla on semmonen ongelma että en saa kuvaa ihan sivun reunaan kiinni. Siihen jää semmonen väli kuvankäsittely ohjelmissa ei sitä väliä ole.

28.7.2004 10:36
Juha-Pekka Järvenpää <jp@sivut.org>

Sivun sisällön ja selaimen reunojen välillä on sivun marginaali. Marginaalin kokoa voidaan muuttaa tyylipohjilla.

Seuraavilla tyylisäännöillä nollataan marginaali body-elementin eli sisällön ympäriltä.

body {
margin: 0;
}

Tyylimääritysten sijoittamisesta:

http://www.sivut.org/html/oppaat/tyylipohjat.php#tyylimaaritysten_sijainti

6.9.2004 21:26
JJ

Mitä pitäisi tehdä jos kuvan paikalle tulee raksi? Kuvassa on kirjaimia 8, siinä on pääte gif eikä sen nimessä ole ääkkösiä. Olen tarkistanut, osoite on oikein. Olen laittanut kuvan Kuvat-kansioon, joka on kotisivut kansion sisällä. Missähän on vika?

10.9.2004 22:16
hahahu

Miten sais venytettyy kuvan toisesta reunasta toiseen reunaan? onks siihen soku tyylikomento?

JJ onko se näin <img src="/kuvat/kuva.gif">?

jos on niin sit en tie mikä on vikana.

13.9.2004 18:37
JJ

Joo, on se.

11.10.2004 23:05
memmu

Kiitoksia todella kattavasta sivustosta! Täältä se tieto löytyy näköjään helpommin kuin monesta muusta paikasta. Asiat on selitetty niin että aloittelijakin ymmärtää:))

19.11.2004 23:34
Seppo

Miten saan ison kuvan monen linkin viereen?
Siis mun linkit on vasemmalla puolella ja kuva pitäs saada siihen oikeelle puolelle sillee et se ois niitten kaikkien linkkien vieressä.

13.12.2004 16:26
Pider <Crewi@hotmail.com>

Mulla on sellanen ongelma kun olen koonntu "Päivitysboksini" nii miten saisin sen vielä etusivulle sillai että se olisi ihan alinpana. eli se on päivitys boksi ja ku se on kuvista sekä sivusta nii miten saan.. HELP!

4.2.2005 23:37
tietoa tarvitseva <miikako@luukku.com>

kuinka saan pienennettyä kuvan 640x480 kokoiseksi sivulleni. vastaa sähköpostiini..

16.2.2005 18:25
XoPp <tohtoricolumbus@hotmail.com>

onko tietoa miten saa sivun YMPÄRILLE jotkut kuvat? niinkun että kaikki linkit ja sellaiset tekstit on niitten sisällä? joskus 100vuotta sitten osasin mut on päässy unohtumaan lähetä sähköpostiini jos tiedät...

18.2.2005 16:33
wham <wham@suomi24.fi>

GIf kuvat ovat muuten kivoja mutta jostain syystä lisäämäni gif ei "liiku" kun avaan sen koneeltani niin se liikkuu mut kun avaan HTML dokumentin niin se vain jököttää paikallaan. eikö niitä saa liikkumaan vai olenko vain tyhmä. olen siis käyttänyt tällaista riviä jolla se ilmestyy keskelle sivua. mailittakaa mulle jos tiedätte ratkaisua. olisin kiitollinen!!!

<CENTER> <IMG SRC="TOP.gif"> </CENTER>

18.2.2005 18:16
Juha-Pekka Järvenpää <jp@sivut.org>

Selaimessasi on todennäköisesti animaatiot laitettu pois päältä.

26.2.2005 21:35
Anssi

Oon yrittäny kaikkeni mutta kun ei onnistu niin ei onnistu, miktä voin tehdä väärin kuvaa laittaessa? Ainoo mikä voi olla ongelmana on formaatti: jpg.

27.2.2005 10:03
Anssi

Miten saan toimimaan jpg. formaatin kuvat tai gif. formaatin, olen tehnyt kaiken niinkuin neuvottiin ja ei onnistu! Mikä neuvoksi???

5.4.2005 21:50
Jaska

Miten saisin sivuilleni taustakuvan niin, että se jatkuisi ylä-, sivu ja "pää"-framessa yhtenäisenä? (siis niin, että näyttäisi että sivulla on vain yksi taustakuva, eikä kolmea erilaista)? Olen kokeillut jo kaikkea kuvan pilkkomisesta lähtien, mutta kunnollista en saa aikaan.

18.4.2005 20:07
K.K.

Mitenkäs kuvan alareunaan jäävän tyhjän tilan saa pois? Niin, ettei esim. taulukkoa tehdessä kuva on koko solun kokoinen, eikä alareunaan jää pientä tyhjää aluetta.

19.4.2005 11:19
Juha-Pekka Järvenpää <jp@sivut.org>

Kuvien alle jää helposti tyhjää tilaa jos kuvaelementti on koodattu liian väljästi. Koodaa näin:

<td><img src="..." /></td>

Ei näin:

<td>
<img src="..." />
</td>

Koska selaimet näyttävät myös peräkkäiset rivinvaihdot yhtenä välilyöntinä, voi kuvan perään (tai edelle) syntyä kiusallinen tyhjä tila.

19.4.2005 20:14
Make

Jees, ongelmana kuvan (yhdistyksen logon) saaminen yläreunaan "kiinni", siis keskelle ylös, auta tumpeloa. Toinen kysymys, teen etusivua, jossa on tuo logo ja sen alla linkit muille sivuille; ensinnäkin, miten tuo kuva/kuvat kannattaisi koodata sivulle VAI pitäisikö kuvista tehdä ns "kiinteä" pohjakuva esim photoshopilla?

24.4.2005 14:12
Milja <perapiki@luukku.com>

Miten saisin muokattua kuvaa, ilman että tarvii laittaa se itse nettiin?

18.5.2005 08:29
Olkki <olkki@netti.fi>

Mulla on sellanen ongelma et ku yritän laittaa kuvan sinne sivulle tai laitan sen logoks sinne sivulle nii se ei näytä sitä mulla vaan siinä on se merkki siinä mutta kuvaa ei näy?? Osaako kukaa neuvoo mikä on pielessä.

19.5.2005 09:16
Harri <hate63@jippii.fi>

Onko sulla tiedostopääte oikea tai onko kuva siinä osoitteessa josta koodi sitä hakee, uskoisin että jommassa kummassa on vika, joskus myös pienet ja isot kirjaimet auheuttavat ongelmia.

28.5.2005 11:42
Keijo

Mitenkä tuonne (mihin nettisivun osoite kirjoitetaan)edelle saa pienen kuvan? Kaikilla sivuilla ei tätä ole, mutta joillakin (esim. www.mbnet.fi tai www.jippii.fi) on.

Toisaalta, en tiedä onko tuosta kuvasta paljoakaan hyötyä, koska ainakaan IE ei niitä näytä, mutta Mozilla Firefox näyttää.

30.5.2005 14:05
Juha-Pekka Järvenpää <jp@sivut.org>

Kyseessä on ns. favicon-ikoni, joka alunperin näkyi Internet Explorerin Favorites-listassa saitin nimen edellä. Nykyjänsä ikoni näkyy mm. Mozillan osoitepalkissa ainakin kun ikoni löytyy palvelimelta. Lisätietoa esimerkiksi osoitteessa http://www.favicon.com/ .

23.6.2005 13:43
Elina

Miten voi saada kaksi kuvaa samalle riville vierekkäin?

24.6.2005 11:34
Juha-Pekka Järvenpää <jp@sivut.org>

Kuvia, tekstiä tai mitä tahansa saa ladottua vierekkäin käyttämällä palstoitusta.

http://www.sivut.org/html/vinkit/palstoja_tyylipohjilla.php

1.7.2005 13:26
Aloittelija <laatikainen1991@luukku.com>

VOisiko joku sano jonkin helpon ja hyvän palvelimen jolle voisin ladata sivuni ja kuvia??? Btw, todella hienot sivut! Näitten sivujen ansiosta olen päässyt alkuun HTML-koodauksessa.

2.7.2005 17:10
lankakera

Ärsyttää kun linkitettyjen kuvien reunat ovat liloja. Kuvien reunat saan pois, mutta miten ne saisi esim. mustiksi?

4.7.2005 22:20
Trooper <Joskuu@gmail.com>

Tällä komennolla saat linkit mustiksi, jos laitat sen vaikka indexiin. <BODY LINK="#oooooo" VLINK="#oooooo" ALINK="#oooooo">

6.7.2005 14:32
Sami <Zeldafun@hotmail.com>

Mitä pitää kirjotta jos kuva ei tule esille ja mun pitää kertoo mis se on. Minä kirjoitin näin ja se ei tullu kuitenkaa esii: <body background= file="F:/kuvat/zelda.jpeg"</body> .Mitä oon tehny väärin?

23.7.2005 17:56
Tarja

Kuvien reunat saa mustiksi seuraavasti:
<img src="kuva.JPG" border="1">
(ykkönen siis määrittelee viivan paksuuden)

1.8.2005 17:29
korkki

Ongelmani on sellainen, että haluaisin kuvani nettiin, mutten kopioitavaksi enkä edes tulostettavaksi. Olen kuullut, että tapoja estää kuvan kopiointi ja tulostus on useita. Olisin kyllä tosi kiitollinen, jos saisin vaikka linkkejä, mistä löytyy tietoa. En itse löydä mistään... =/

2.8.2005 10:29
Juha-Pekka Järvenpää <jp@sivut.org>

Pahoin pelkään, että olet ymmärtänyt väärin. On monia tapoja, joilla pystytään vaikeuttamaan kuvien kopiointia tai tulostamista, mutta mikäli kuva voidaan ladata palvelimelta ja näyttää näytöllä, voidaan se myös kopioida ja tulostaa.

8.8.2005 19:14
aloittelija

Hyvät sivut! Mikä pikseli koko on hyvä koko sivun täyttävälle taustakuvalle?

17.8.2005 16:06
lankakera

Osaisiko joku kiltti vastata?

23.8.2005 09:35
Ohto

Voiko taustakuvan sijoittaa esim taulukon soluun näkymään vain kerran. Siis onko siihen olemassa joku komento?

27.8.2005 23:19
niklas <nikka93@luukku.com>

haluasini vain kysyy et miten saan kotisivut nettiin sähkäri no nikka93@luukku.com

15.9.2005 20:44
Jape

JJ
[lainaus]
Mitä pitäisi tehdä jos kuvan paikalle tulee raksi? Kuvassa on kirjaimia 8, siinä on pääte gif eikä sen nimessä ole ääkkösiä. Olen tarkistanut, osoite on oikein. Olen laittanut kuvan Kuvat-kansioon, joka on kotisivut kansion sisällä. Missähän on vika?
[/lainaus]

Arvon 'JeyJey'. Osoite lienee KUITENKIN väärin tai sitten kuvan sijoitus tagissa <img...> on jotain väärin. Klikkaa kuvan kohtaa hiiren kakkospainikkeella (norm. oikean puoleinen), valitse avautuvasta context-listasta 'Ominaisuudet/Properties' ja tarkasta mitä 'Osoite/Address' kohdassa lukee. Tässä on kerrottu selaimen käsitys siitä mistä kuvaa pitäisi etsiä (src eli search). Vertaa tätä kuvasi todelliseen sijaintiin ja muuta koodiasi tämän perusteella vastaamaan paremmin todellisuutta... =)

28.10.2005 04:17
Tomi

Suuret kiitokset näistä ihanista sivuista! Minä halusin aloittaa tekemään omia kotisivuja, mutta kun etsin netistä tietoja miten niitä tehdään, tulikin tenkkapoo... En ymmärtänyt niistä ohjeista sanaakaan. Mutta sitten löysin tämän sivuston. Nyt olen innostunu tästä niin paljon että... Ja ymmärrän hyvin monta asiaa mitä en eilen vielä tiennytkään olevan olemassa.

Sitä minä pohdin, että onko tämä html-koodikieli ainut keino tehdä internetsivuja, kun olin lukenevani jostain, että on muitakin keinoja?

Kiitos tästä oppaasta vielä kerran!!!

5.11.2005 04:54
sami

miten kuvasta voisi tehä thumbnailin ja sitte ku sitä klikkaa nii näkee sen surempana?

8.11.2005 00:39
ju

Miten saisin sivuille esim. http://www.hlcomic.com/archive/index.html
tuollaisen kuvan tuonne ala nurkaan oikealle(flemable)???

9.11.2005 09:45
Juha-Pekka Järvenpää <jp@sivut.org>

Kyseisen sivun flammamble-kuva on sivun taustakuva, joka on määrätty pysymään aina sivun oikeassa alareunassa.

CSS:llä näin:

body {
background-image: url('kuva.png');
background-repeat: no-repeat;
background-position: bottom right;
}

Eli sivun taustakuvaksi kuva.png jota ei toisteta ja joka sijoitetaan oikeaan alakulmaan.

28.11.2005 18:28
krp

Miten saan tehtyä kuvasta klikkaamalla hiiren oikealla näppäimellä ei tule sitä tavallista valikkoa, vaan selain antaisi ikkunan, tavallaan varoituksen/kiellon, jossa lukisi esim. (C)opyright?

13.12.2005 18:54
marde

eikös sun pitäis laittaa vielä tohon kuvien linkityksestä. erittäin hyvät sivut kun aloitin aloitin tekemään sivuja--> tässä on tulos http://www.kolumbus.fi/merja.lindroos/markonsivut/

30.12.2005 14:35
Tiksu

Kiitos todella hienoista sivuista! Täällä on niin hyvät mallitkin ja selvä teksti niin että aloittelijakin ymmärtää! :) Ainoa juttu mikä jäi vielä epäselväksi, on kuvan laittaminen! Kun tartteisin sivuilleni taustakuvan, enterin yms..
;(

3.1.2006 08:43
Lartza <abc2463@hotmail.com>

HUOM! IE ei välttämättä näytä png-kuvia oikein/ollenkaan.

APUA! Saako kuvaa taustakuvaks vierekkäin ja päällekäin koko taustalle sama kuva (tile)

17.1.2006 15:42
n00b sivuntekijä <Josehp@luukku.com>

miten saa kuvan ton sivun taustakuvaksi siis sillai että se kuva oli tekstin TAKANA

18.1.2006 15:20
suvi

Tosi käytännölliset sivut :) on ollut paljon apua kun olen sivuja tehyt. useimmista en saa selvää muttä tämä on yksinkertainen ja helppo :>

2.2.2006 11:34
JORMA <PENIS@msn.com>

VITTU MITEN HUONOT OHJEET EI SAATAN OIKEESTI JOTAIN RAJAA

5.3.2006 19:10
joku

miten kuvan tehdään laitan vaikka joku kuva pitääkö sit tallentaa vai tallentaa nimellä?

6.3.2006 14:46
Joku

Niin miksi kuvat ei tule kun laitan esimerkiksi:
<img src=blabla.jpg">

6.3.2006 16:15
joku

Jos kuva ei toimi mitä sitten pitää tehdä?esim:
<img src="blaablaa.jpg">

12.3.2006 18:48
km

Miten saa semmosen kuvan jokoa on ensiksi ihan pieni ja isonee kokoajan pyörien?

14.3.2006 19:43
HeGe

mites saisin sivun esim vasempaan reunaan palkin ja ylä reunaan ylä palkin, esim vihreällä ja sitte sillain et teksti ei voi tulla niitten päälle mutta linkit esim voi? on muuten tosi kattavat ja monipuoliset sivut. siitä kiitos teille :P

18.3.2006 17:48
Lasu

mahtavaa tästä oppii kauheesti

10.4.2006 16:46
antti

"Sivun sisällön ja selaimen reunojen välillä on sivun marginaali. Marginaalin kokoa voidaan muuttaa tyylipohjilla.

Seuraavilla tyylisäännöillä nollataan marginaali body-elementin eli sisällön ympäriltä.

body {
margin: 0;
}"

Tuo mainio neuvoi poisti marginaalin sivun oikeasta reunasta jonne kuvani on keskitetty tekstin perään. Mutta yläreunassa on edelleen marginaali. Pääseekö siitä eroon jotenkin?

14.4.2006 20:19
vsnkeläin

Tämä poistaa ylä marginaalin : margin-top : 0 pt;

Onko kuvan päälle mahdollista kirjoittaa tekstiä ?

11.5.2006 12:49
Jame

Täältä löytyy aika hyödyllinen kuvagalleria scripti: http://www.elkoo.net/html/kuvat.php#galleria

Ei oo kovin vaikea, mutta jos kuvia on tosi paljon niin voi olla että alkaa käydä melko työlääksi.

Ainakin itse käytin sitä kuvieni esittämiseen.

27.5.2006 12:35
aa <ss>

aika outo

9.6.2006 14:45
Kimmo Virtanen <fordescort92@suomi24.fi>

Kun laitan kuvan noiden ohjeiden kanssa se näkyy IE:llä muttei Firefoxilla! Miten saan kuvan näkymään myös Firefoxilla?? Vastatkaa mailiin!!!

20.6.2006 23:00
NEUVOJA?

haluaisin sivuiileni kuvagallerian.. löytyiskö minkäänlaista vinkkiä?

11.7.2006 23:08
ansqu_bansqu

unskeläin: kuvan päälle voi kirjoittaa tekstiä kuvankäsittelyohjelmilla. esim paintilla (huono ohjelma, mutta sitäkin voi käyttää..)
ainoa huono puoli on se, ettei kyseistä tekstiä voi muuttaa jälkeenpäin.
tässä kuitenkin ohjeet:
1. mene painttiin ja avaa kuva, johon haluat tekstin.
2. valitse: kuva>> piirrä peittäen. (eli ota piirrä peittäen toiminto pois päältä)
3. valitse työkaluista kirjoitus toiminto
4. valitse alue, johon haluat kirjoittaa.
5. kirjoita.
6. tallenna kuva
7. lisää kuva sivuillesi

en ole aivan varma, tarkoititko ihan tätä, mutta tuossa kuitenkin olisi.
epäilisin, että tarkoitat, miten kuvan päälle voi kirjoittaa suoraan esim. file managerissa, mutta siihen ongelmaan en tiedä vastausta :(

24.7.2006 18:20
Allu <aleppa@luukku.com>

Kun teen kuvista linkkejä, niiden reunoille jää sellaset ärsyttävät kehykset? Miten ne mahtaa saada pois?

29.9.2006 21:36
Erkki

Minulla on sama ongelma erittäin ärsyttävää!

9.10.2006 16:18
marisu-chan <will.wandom4@luukku.com>

miten linkkejen väriä muutetaan? on todella ärsyttävää, jos esim. tausta on saman värinen kuin linkit, niin niitä ei huomaa
ja myös minulla on linkitettyjen kuvien kehys-ongelma

21.10.2006 13:31
Rooa

Miten saa kuvan nettiin? Tai tiiän miten mut en muista osotteita...

31.10.2006 20:12
Tomi <imot90@suomi24.fi>

Miten saa esim. johonkin sivun laitaan sellasen satunnais kuvan esim. tällä sivulla on sellainen: http://www.fishingteamkalu.com/

6.11.2006 18:06
Windi

Kiitos hyvästä ja selkeästä sivusta.

25.11.2006 14:21
PolarFox

Jostain syystä kuvani ei näy web.sivussani. Koodi on varmasti oikea. Mutta kun ei näy. Kuvan tilalle tulee vain valkoinen ruutu jossa on punainen rasti. Mikä siinä voisi olla vikana?

27.11.2006 22:48
samppa <walk-here@hotmail.com>

kun kuvasta tekee linkin niin siihen tulee sellanen sininen laatikko ympärille ja se ei ole kovinkaan hieno niin että mitenkä sen saisi pois???

4.12.2006 20:43
Tomi <imot90@suomi24.fi>

polarfox: Miulla on ollut sama vika jotta noi kuvat ei näy ja yleensä ne alkaa näkymään jos muuttaa kuvan nimen joksikin numero sarjaksi esim. 334655667.jpg En sitten tiedä mistä johtuu mutta se toimii...

Samppa: Lisää siihen tagiin border="no" eli esim. <img src="kuva.jpg" border="no">

6.12.2006 12:48
PolarFox

Ei toimi vieläkään... Mutin kuvan nimen numerosarjaksi 112223334. Mutta vieläkin tulee paikalle ruksi. :(

10.12.2006 13:01
M

Ää. Sekosin ihan sivuja tehdessäni.. Siis minulla on otsikko, kuva sen alla ja kuvan vieressä tekstiä. Ongelmana onkin:Miten ihmeessä saan seuraavan otsikon ja kuvan seuraavan alle, kun kuva on korkeussuunnassa niin suuri, että <P>-tagilla se ei onnistu. Yritin myös div; position-koodia, mutta ei onnistunut silläkään! Voisitko neuvoa mahdollisimman nopeasti?

15.12.2006 09:01
KMS

Miten saa videon kotisivuille? löysin ohjeet jostain mutta hukkasin ne...

27.12.2006 19:30
nico <nizo9@hotmail.com>

Koodasin omat sivut notepadilla, tein etusivulle kuvasta linkin, mutta firefoxi tekee kuvaan siniset reunat koska se on linkki. miten saan poistettua siniset reunat tai vaihdettua reunojen väriä mustaksi? Jos joku tietää niin olisin kiitolinen jos voisit vastata sähköpostiini. Kiitos.

30.12.2006 21:03
Jellikka

Aivan yksinkertaiset ja kaikilta sivuilta löytyvät asiat, ei mitään uutta tai tarvittavaa :(

18.1.2007 20:40
Avuton <Tuke1357@hotmail.com>

Kun otan netistä valmiita sivupohjia, ja otan lähdekoodin ja lisään sen sivuilleni, niin miksi kuvat ja tietyt yksityiskohdat eivät näy?

28.1.2007 19:09
Fuji <saara_rusanen1@luukku.com>

Hei, todella hienoa että joku on jaksanut
väkertää tälläisen hienon "oppaan".
Mutta kuitenkin, kysyisin miten leiskaan saa laitettua kuvan?

6.2.2007 23:47
tiedoton

Käytän erästä ohjelmaa, joka tukee js'ää. Haluaisin siksi tietää osaako javascript itse näyttää kuvaa, siis ilman html-tageja. Ongelma saattaa tosin olla ohjelmistopohjainen, sillä ainakaan document-kirjasto ei vaikuta toimivan.

25.2.2007 20:25
aloittelija

Voisitko laittaa jonnekin sivuillesi tiedon että miten saa kuvan taustakuvaksi? En ainakaan itse löytänyt sitä. Tai sitten, että kun esim. paint shop pro:lla pystyy muokkaan monivärisiä taustoja, niin miten sellasen voi laittaa taustakuvaksi kun itse osaan laittaan vain yksivärisiä taustoja.

1.3.2007 20:33
Lauri <lare_52hotmail.com>

Onko muuten mahdollista tehdä niin että laitan yhden kuvan, laitan toisen kuvan samaan kohtaan niin että vain toinen näkyy tietyn ajan?

(kuvat vaihtuu samassa kohdassa sillain jännästi)

4.3.2007 13:45
gg

Kun yritän lisätä gif-päätteistä kuvaa sivuilleni, se ei silti onnistu. Aina tulee se perhanan raksi siihen. Kaikilla muilla aina onnistuu..

9.3.2007 20:41
yakumo

miten saan taustaksi jonkun kuvan joka on jpeg-muotoa. pystyykö sitä laittaa vielä kun säätää vielä omalla koneella ku harjoittelee.=?? auttakaa .. :D

15.3.2007 09:31
tuntematon

miks en saa kuvaa näkyviin vaikka teen ohjeiden mukaisesti. kuvassa on vikaa tai sit tekijässä. kiitos jo etukäteen jos vastaan

27.3.2007 17:41
Wingman

Mitenköhän saan tekstiä kuvan päälle?

5.4.2007 17:22
Marko <venalainenmarko@gmail.com>

Hei!

Sivustolla on hyviä HTML-vinkkejä, kiitos niistä.
Mutta miksi minulla tulee sellainen merkki sivulle, ettei kuva näy, vaikka laitoin <IMG SRC="">
homman? kuva on JPEG-muodossa, kiitos.

5.4.2007 19:06
Tsadaa

Moi! Mulla oli vähän kiire nii en ehtiny kattoo kysytäänkö tätä samaa jossain muualla. No kuitenkin, mitä mä voin tehdä kun en millään saa sitä kuvaa siihen? Oon tehnyt niinkuin käsketään mutta siihen tulee vaan semmonen rastihomma. Yhyy

11.4.2007 16:00
mari

Hei,

Minulla on sellainen telkkaria kuvaava kuva, jonka haluaisin sivulle taustakuvaksi ja tänne tv:n sisään haluaisin tehdä linkkejä jne. Miten saan tautakuvan sellaiseksi että se on vain kerran ja skaalautuu sivun koon mukaiseksi? nyt tv -kuva monistuu vierekkäin ja allekkain.

18.4.2007 15:13
KJ <joelpartanen@hotmail.com>

Venytä sitä kuvankäsittelyohjelmalla. Tosin pikselit varmasti venyvät todella paljon.

22.5.2007 07:40
avuton ukkko

miten saan kuvan, sillä lailla että jos siitä painaa niin se menee eri dokumenttiin..miten saa?

23.5.2007 08:49
Shelleri <Fuusioitunut@hotmail.com>

Miten tonne taustalle saa laitettua kuvan??

18.6.2007 12:34
TouchOfDeath

Aika moni kyseli siitä linkiksi laitetun kuvan ympärillä olevista kehyksistä. Ne saa pois lisäämällä kuvan koodiin border=0. Jos jotakuta auttoi, itselläni oli sama ongelma.

Mutta miten saan taustakuvaan ns. vesileimakoodin, ettei kuva liiku vaikka tekstiä olisi paljon..? Siis framessa, että tulee scrollatuksi, miten saan taustan pysymään paikoillaan?

6.7.2007 00:11
ap85 <ap85(at)mbnet.fi>

pitäs saada kaksi kuvaa aivan vierekkäin? Onnistuuko mitenkään? Ylensähän kuvien väliin jää pieni rako.

20.7.2007 16:33
Hölmö

Osaisikohan joku auttaa? Minulla on nyt sivullani pieni gif-animaatio. Millähän käskyllä saisin sen toistamaan itseään loputtomasti? Nyt se toimii vain yhden kerran. Kiitos.

22.10.2007 14:50
Kersantti Vaara

en usko että nämä ohjeet ovat monimutkaisia nmä ovat niin helppoja minun mielestäni =P =P =P =I =)

1.11.2007 13:48
 

   joo

29.1.2008 13:43
moi

Moi.¨
miten tohon voi kirjoittaa

5.2.2008 11:46
jortsu69

no hei sulle BEIBEH voi ollakki ;))<333

5.2.2008 11:47
tyttö94

mennääX mesee?? vai nähääX jossai niiQ??
lisääXä mut vai mä sut? ;)

5.2.2008 11:48
jortsu69

joo mennää vaa ;DDD nähää pimeel kujal keskel yöt ;) 69696999 <3333

5.2.2008 11:49
tyttö94

kaijjj jossain Firal tai jossai sellasses paikkaa missä ei vaan koskaa oo ketää, vaiko? ;)

5.2.2008 11:52
jortsu69

eiku shellin vessas ;DDD MIESTEN VESSAS ku mähän oon mies tai oikeestaan ORI

23.2.2008 00:42
Kk

Mitäs jos kuva ei olekkaan gif vaan bmp ?

24.2.2008 00:50
Moro

Miten tota kuvaa voi laittaa sillee peräkkäin...
http://www.ast-fast.com/upload/helmi08/poisvali.PNG

Kuvat on keskitetty <center> tageilla.
Tarkotus olis saada ne yhtee ja sitten teksti siihen päälle.

2.3.2008 13:18
John

Tämä toimii mozillalla täysin mutta miten saan tämän toimimaan IE:llä? title, head ja kuvan nimi on eri kuin oikeasti... Mutta asiat ovat samat. Miksi ie ei avaa tätä..

<HTML>
<TITLE>Aihe 1<TITLE>
<div align="center">
<FONT COLOR="darkgreen">
<font size=+7>
<HEAD> Aihe 1</HEAD>
</div>
<BODY>
<body bgcolor="lightblue">
<div align="center">
<img src="xxxx.jpg"></div>
<br>
<font size=+2>
<div align="right">
<FONT COLOR="red">
<script type="text/javascript">
RightNow = new Date();
document.write("Tänään on " + RightNow.getDate() +
"." + (RightNow.getMonth()+1) + "." + RightNow.getFullYear())
</script>
</BODY>
</HTML>

27.3.2008 17:34
SuomalainenMies

Mitenkä saa JPEG tiedostot kotisivulle?

27.3.2008 17:42
SuomalainenMies <en.kerro.kerro@kerro.ri>

Niin Minkäköhän takia kuvat eivät näy (näkyy pieni "x")

17.4.2008 23:08
Yo

Hei.Miten saan kuvan koneelta sivuille. Ku koitan laittaa siihe tulee vaa punanen risti ettei se näy.

Lisää oma kommentti


Tatu Jaakkola
tatu@jaakkola.net
http://tatu.jaakkola.net/