Elikkäs tein sivuja tein sille oman kansion. Nytte jos haluun kuvan sinne niin laitan siihen kohtaan mihin haluan niin tämän koodin

<img src="kuvan URL"> mutta laitankin kuvan kansioon ja laitan tohon kuvan url kohtaan sen kuvan nimen ja muodon esim Keijo.jpg

niin toimiiko tuo silloin? Jos ei niin miten saisin?

joo o kyl se toimii mut eikös pitäisi lopettaa .../› tollai?

Jannutin kirjoitti:joo o kyl se toimii mut eikös pitäisi lopettaa .../› tollai?

Ei välttämättä. HTML:ssä ei tarvitse laittaa /> loppuun.

Dava kirjoitti:Elikkäs tein sivuja tein sille oman kansion. Nytte jos haluun kuvan sinne niin laitan siihen kohtaan mihin haluan niin tämän koodin

<img src="kuvan URL"> mutta laitankin kuvan kansioon ja laitan tohon kuvan url kohtaan sen kuvan nimen ja muodon esim Keijo.jpg

niin toimiiko tuo silloin? Jos ei niin miten saisin?

Laitat kuvan kansioon ja haluut sen näkyville?

Koodi: Valitse kaikki

<img src="KANSIONNIMI/KUVANNIMI.jpg">

Hyödyllistä on usein myös tietää että käänteisesti (alemmasta kansiosta) sama tapahtuu näin:

Koodi: Valitse kaikki

<img src="../kuva.jpg" alt="kuva">

Useampia hakemistoja voi hypätä toistamalla ../ siirron:

Koodi: Valitse kaikki

<img src="../../../kuva.jpg" alt="kuva">

Kannattaa myös harkita kuvien sijainnin määrittelyä suoraan hakemiston juuresta, jolloin vältetään ongelmat html-sivuja siirreltäessä:

Koodi: Valitse kaikki

<img src="/polku/kuvan/kansioon/kuva.jpg" alt="kuva">

Ellei muuta niin ihan varmuuden vuoksi huomautan että alt-seliteteksti pitää aina jokaiseen kuvaan määritellä :)

muoks// Matso teki kyllä loistavan huomion :D Missä lie ajatukseni olleet. Liekö tuohon aikaan vain osoitteista puhuttaessa tajunta repinyt loogisuuden nimissä spontaanisti linkit esiin :) Korjailin linkkimokailun kuntoon. *lisää nolostunutta selittelyä*

wiipe_ kirjoitti:Hyödyllistä on usein myös tietää että käänteisesti (alemmasta kansiosta) sama tapahtuu näin:

Koodi: Valitse kaikki

<a href="../kuva.jpg" alt="kuva">

Useampia hakemistoja voi hypätä toistamalla ../ siirron:

Koodi: Valitse kaikki

<a href="../../../kuva.jpg" alt="kuva">

Kannattaa myös harkita kuvien sijainnin määrittelyä suoraan hakemiston juuresta, jolloin vältetään ongelmat html-sivuja siirreltäessä:

Koodi: Valitse kaikki

<a href="/polku/kuvan/kansioon/kuva.jpg" alt="kuva">

Ellei muuta niin ihan varmuuden vuoksi huomautan että alt-seliteteksti pitää aina jokaiseen kuvaan määritellä :)

Puhut kuvista ja käytät esimerkeissä linkki-tagia =D

Hitto en saanu toimiin kokeilin linkkinäki mutta se kuva ei vain yksin kertasesti tule tulee joku virhe kuva vaa siihe sellane outo leikelty paperi mutta kuva ei näy?

täs olis kuva mikä pitäs saada

http://img242.imageshack.us/img242/1731/logood3.gif
edit: Kokeilin tota tällä koodil <img src="http://img242.imageshack.us/img242/1731/logood3.gif>

Dava kirjoitti:Hitto en saanu toimiin kokeilin linkkinäki mutta se kuva ei vain yksin kertasesti tule tulee joku virhe kuva vaa siihe sellane outo leikelty paperi mutta kuva ei näy?

täs olis kuva mikä pitäs saada

http://img242.imageshack.us/img242/1731/logood3.gif
edit: Kokeilin tota tällä koodil <img src="http://img242.imageshack.us/img242/1731/logood3.gif>

Koodi: Valitse kaikki

<img src="http://img242.imageshack.us/img242/1731/logood3.gif" alt="kuva" />

Ainakin unohtunu toinen heittomerkki osoitteen lopusta.

Ranger kirjoitti:

Dava kirjoitti:Hitto en saanu toimiin kokeilin linkkinäki mutta se kuva ei vain yksin kertasesti tule tulee joku virhe kuva vaa siihe sellane outo leikelty paperi mutta kuva ei näy?

täs olis kuva mikä pitäs saada

http://img242.imageshack.us/img242/1731/logood3.gif
edit: Kokeilin tota tällä koodil <img src="http://img242.imageshack.us/img242/1731/logood3.gif>

Koodi: Valitse kaikki

<img src="http://img242.imageshack.us/img242/1731/logood3.gif" alt="kuva" />

Ainakin unohtunu toinen heittomerkki osoitteen lopusta.

ahaa kiitos

Noniin ois toinen asia

Teen boksin mihin teen kuvan ja sitte linkitän sen siihe kuvaks mutta sitten sen kuva koodin eteen kirjotan jtn näkyykö se siinä kuvan päällä sitten se teksti?
Aattelin kysyä tällästä enkä ite viitti koklaakku mul on outu juttu et se voi delttaa kaikki siit

Dava kirjoitti:Teen boksin mihin teen kuvan ja sitte linkitän sen siihe kuvaks mutta sitten sen kuva koodin eteen kirjotan jtn näkyykö se siinä kuvan päällä sitten se teksti?
Aattelin kysyä tällästä enkä ite viitti koklaakku mul on outu juttu et se voi delttaa kaikki siit

Rivivaihto onnistuu <br>-tagilla. Kannattavampaa kuitenkin olisi käyttää kappaleita esimerkiksi näin:

Koodi: Valitse kaikki

<p>Lorem ipsum dolor sit amet.</p>
<p><a href="sivu.html"><img src="kuva.jpg" alt="kuva"></a></p>
<p>Lorem ipsum dolor sit amet.</p>

Mutta tokihan eri ratkaisujen kannattavuus riippuu täysin kontekstista.

Jos tarkoitit että suoraan kuvan päällä aka kuvassa itsessään niin ei. Teksti tulee ilman rivivaihtoja vasemmalle ennen kuvaa, ja em. esittelemälläni tavalla toteutettaessa kuvan yläpuolelle. Tekstiä on CSS:n voimin kuitenkin mahdollista kuvan päälle tietenkin tyrkätä.

Jos kuvan päälle haluaa tekstiä, sitä varten on CSS-tyyli "background-image".

Koodi: Valitse kaikki

<div style="background: url(kuvan/osoite.png) no-repeat; width: 100px; height: 100px;">
plaa plaa
</div>

Mullakin olisi kysymys:
Miten saa semmosen "pidemmän" välin rivin alkuun?
Esim

Koodi: Valitse kaikki

<html>
   <head>
      <title></title>
   </head>
   <body>
   </body>
</html>


--
Tuossa nuo <head> <title> <body> Ovat "pitkän" välin jälkeen.

ıgogıĸo kirjoitti:Mullakin olisi kysymys:
Miten saa semmosen "pidemmän" välin rivin alkuun?
Esim

Koodi: Valitse kaikki

<html>
   <head>
      <title></title>
   </head>
   <body>
   </body>
</html>


--
Tuossa nuo <head> <title> <body> Ovat "pitkän" välin jälkeen.

Tabulaattorilla.

Bladize kirjoitti:Tabulaattorilla.

Ja munko kuuluis tietää mikä on tabulaattori? =D

Kenen tahansa kuuluis, kellä on näppäimistö nenän alla.
Tabulaattori on siis näppäin. Lyhenne tab. Tunnetaan myös nimellä sarkain.
Löytyy caps lockin yläpuolelta, §- merkin alapuolelta ja Q- merkin vasemmalta puolelta.