iPhonelle optimoidut nettisivut

[Tege]

Varmaan moni onkin näitä jo kokeillut tehdä ja itsekin päätin kokeilla. Nyt vain näyttää siltä, että vaikka kuinka luen Applen antamia ohjeita niin en saa seuraavia hommia pelittämään.
Saatu toimimaan! 1. Ensinnäkin nyt teksti alkaa reunasta ja vaikka kuinka koitan .css asettaa seuraavaa -webkit-border-radius: 8px; niin ei tämä kuitenkaan muuta sitä kohta mistä teksti lähtee... Toki tuo voi olla väärä...
2. Miten saan input type="text" laatikon kokoa leveyssuunnassa rajoitettua?

Edit. Lisäksi voi tarjota valmiita pohjia jos niitä jostain löydätte.
Edit2. 1. kohdan sain korjattua tekemällä panel classin ja sinne määrittelemällä:

Koodi: Valitse kaikki

.panel {
    box-sizing: border-box;
    padding: 10px;
    background: #c8c8c8 url(pinstripes.png);
}

Eli enää tuo 2. kohta.

[Juhani L]

2. Miten saan input type="text" laatikon kokoa leveyssuunnassa rajoitettua?

Laatikon divin CSS:stä, jos haluat vakiolevyisen laatikon.
Vaikkapa näin

Koodi: Valitse kaikki

.infoboksi {
    width: 152px; 
   }

[Tege]

Edit. Unohda aivan lisäsin laatikkoon vain class="box"

[Tege]

No niin hommahan on niin, että tuossa käytetään xhtml jne. Mutta miten helkutissa saadaan tehtyä normaali formi. Eli anna nimi ja palaute ja sitten lähetä, joka toimii. Jos teen normaalin HTML sivun niin homma pelittää. Sitten muokkaan sen XHTML ja tuohon omaan iPhone sivuuni niin eipäs toimikkaan enää. Enkä mielestäni mitään erikoisia merkkejä käytä kun näyttää samat komennot molemmissa olevan mutta Lähetä-napista ei vaan tapahdu mitään.

[Tege]

Lisäksi normaali <a href="http://wwww.google.fi">TÄSTÄ</a><br> ei edes aukea... Lataa ja sitten lopettaa. Mutta kun pitää linkin päällä sormea niin se kyllä kysyyy, että avataanko toiseen ikkunaan jne.

[Kasimir]

Lisäksi normaali <a href="http://wwww.google.fi">TÄSTÄ</a><br> ei edes aukea... Lataa ja sitten lopettaa. Mutta kun pitää linkin päällä sormea niin se kyllä kysyyy, että avataanko toiseen ikkunaan jne.

Jos on innostusta pastee tai kerro mille sivustolle olet niitä optimoituja sivuja tekemässä niin voin vapaa-ajalla hiukan katsoa koodia.

[Tege]

Lisäksi normaali <a href="http://wwww.google.fi">TÄSTÄ</a><br> ei edes aukea... Lataa ja sitten lopettaa. Mutta kun pitää linkin päällä sormea niin se kyllä kysyyy, että avataanko toiseen ikkunaan jne.

Jos on innostusta pastee tai kerro mille sivustolle olet niitä optimoituja sivuja tekemässä niin voin vapaa-ajalla hiukan katsoa koodia.

Voit tästä ladata:
http://www.mediafire.com/?jnktnm3oezi

Koodi ei nyt ole niin puhdasta ja olen koittanut lukea Applen antamia ohjeistusta mutta ei vaan hiffaa.

[Kasimir]

Lisäksi normaali <a href="http://wwww.google.fi">TÄSTÄ</a><br> ei edes aukea... Lataa ja sitten lopettaa. Mutta kun pitää linkin päällä sormea niin se kyllä kysyyy, että avataanko toiseen ikkunaan jne.

Jos on innostusta pastee tai kerro mille sivustolle olet niitä optimoituja sivuja tekemässä niin voin vapaa-ajalla hiukan katsoa koodia.

Voit tästä ladata:
http://www.mediafire.com/?jnktnm3oezi

Koodi ei nyt ole niin puhdasta ja olen koittanut lukea Applen antamia ohjeistusta mutta ei vaan hiffaa.

Yksityinen tiedosto, ei pysty lataamaan.

[Tege]

Toimiskohan nyt.

[Juhani L]

Vilkaisin noita sivuja tuon linkin paketissa. Hyvä Tege, katsopa ensin, että sivut ovat syntaksiltaan kunnossa. Niissä oli kovasti virheitä ihan silmämääräisestikin. Paketissa ollut [isitemuro/]index.html sivu antoi validaattorissa 46 virhettä (validator.w3.org/). Kannattaa katsoa lävitse ja korjata ne ensin. Vasta html:ltä ja css:ltä terveitä sivuja kannattaa optimoida iPhonelle. Toisaalta, usein terveitä ja luontevasti skaalautuvia sivuja ei tarvitse juuri optimoida, kun ne pelaavat muutenkin.

[Tege]

Tarkoitus oli vaan vääntää perus sivut missä muutama info... Mutta tähän löytyi vastaus mobilejoomla lisäosalla kunhan sen saan jostain käsiini.