---
title: "Iphone vänlig sida"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189243-iphone-vänlig-sida"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Gimbo"
published: "2012-03-03T13:17:17.000Z"
updated: "2012-03-05T09:02:48.000Z"
replies: 6
views: 714
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/189243-iphone-vänlig-sida"
---

# Iphone vänlig sida

## #1 — Gimbo, 2012-03-03T13:17Z

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

Permalänk: https://www.webforum.nu/p/189243

## #2 — voigtann1, 2012-03-03T13:32Z

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

Permalänk: https://www.webforum.nu/p/2296482

## #3 — Gimbo, 2012-03-03T15:51Z

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>
```

Permalänk: https://www.webforum.nu/p/2296483

## #4 — Gimbo, 2012-03-03T15:59Z

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?

Permalänk: https://www.webforum.nu/p/2296484

## #5 — voigtann1, 2012-03-03T23:28Z

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

Permalänk: https://www.webforum.nu/p/2296488

## #6 — Danne V, 2012-03-05T07:51Z

<http://jquerymobile.com/>

Permalänk: https://www.webforum.nu/p/2296513

## #7 — voigtann1, 2012-03-05T09:02Z

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

Permalänk: https://www.webforum.nu/p/2296514

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189243-iphone-vänlig-sida
