Iphone vänlig sida

6 svar · 703 visningar · startad av Gimbo 3 mars 2012

GimboMedlem sedan dec. 20001 626 inlägg

Frågan3 mars 2012 13:17#1

Hej,

Har googlat järnet, men hittar bara en massa snippets, skulle vilja göra en iphone vänlig sida, som är så enkel att det bara är en tabell med 5 kolumner och 10 rader och där i skall jag ha en bild i varje cell. Någon hr som gjort detta? och kan offra lite källkod för detta? om man kan scrolla i sidleds för nästa 5x10 bilderna skulle vara plus i kanten.

otroligt tacksam för svar, tack på förhand

voigtann1Medlem sedan juni 20019 519 inlägg

3 mars 2012 13:32#2

Kolla in foundation ifrån zurb. Bootstrap ifrån Twitter har också en som bör fungera för dig.

GimboMedlem sedan dec. 20001 626 inlägg

3 mars 2012 15:51#3

Tack för det voigtann1, jg har tankat hem bootstrap och laddat upp det till servern, men hur skall jag bygga själva sidan med css'er för att få det att fungera? har kommit så här långt, men vet inte hur jag ska bygga diven så att det blir 5x10 ?

<html>
<head><title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
...
</body>

GimboMedlem sedan dec. 20001 626 inlägg

3 mars 2012 15:59#4

Jag tanka hem foundation by zurb istället, jag mecka runt lite körde med följande:

				<div class="row">
					<div class="four columns">
						<div class="panel">
							<p>Four columns</p>
						</div>
					</div>
					<div class="four columns">
						<div class="panel">
							<p>Four columns</p>
						</div>
					</div>
					<div class="four columns">
						<div class="panel">
							<p>Four columns</p>
						</div>
					</div>
				</div>

Men när jag tittar på det i telefonen så hamnar kolumnerna under varandra som rader men när jag tittar pådet i datorn hamnar de bredvid varandra?

voigtann1Medlem sedan juni 20019 519 inlägg

3 mars 2012 23:28#5

http://foundation.zurb.com/docs/grid.php kolla mobile grid koden.

Danne VMedlem sedan aug. 20068 090 inlägg

5 mars 2012 07:51#6

http://jquerymobile.com/

voigtann1Medlem sedan juni 20019 519 inlägg

5 mars 2012 09:02#7

Danne V: tyvärr har de fått rätt dålig respons ifrån teamet bakom http://www.jqmobi.com/ hade hellre kört på den om du skall göra en liknande "app" känsla på en hemsida