---
title: "Förslag på struktur för flera form-fält i sidled?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/150409-förslag-på-struktur-för-flera-form-fält-i-sidled"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "bassebhu"
published: "2006-08-21T21:19:43.000Z"
updated: "2006-08-21T22:04:46.000Z"
replies: 4
views: 318
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/150409-förslag-på-struktur-för-flera-form-fält-i-sidled"
---

# Förslag på struktur för flera form-fält i sidled?

## #1 — bassebhu, 2006-08-21T21:19Z

Hej!

Jag försöker komma på något smart sätt att strukturera upp formulärsfält, men det känns onödigt krångligt med den float-metod som jag har gett mig på.

Jag vill ha rubrik över varje fält och flera fält i sidled och under varann.

Ett snabbt och överskådligt exempel:

```
<div>

<div style="float: left;">
<div>Rubrik</div>
<div><input></div>
</div>

<div style="float: left;">
<div>Rubrik</div>
<div><input></div>
</div>

<div style="float: left;">
<div>Rubrik</div>
<div><input></div>
</div>

</div>
```

1) Vad gör jag när sista floaten har varit? Återställer med ett \<hr /\> med clear eller dylikt?
2) Hur åstakommer man samma sak på ett bättre sätt? :) 

Tack!

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

## #2 — Dies_Irae, 2006-08-21T21:41Z

Kan inte komma på nått bättre sätt. Fast de räcker ju med en \<br\> efter rubrikerna och sen som du sa en clear: left efter sista floaten. Ska bli intressant att se om de dyker upp något smart sätt :)

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

## #3 — Addeladde, 2006-08-21T21:43Z

Varför inte använda tabeller. Det är väl typ en tabell du ska fylla i?

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

## #4 — bassebhu, 2006-08-21T21:51Z

> **Dies_Irae skrev:**
>
> Kan inte komma på nått bättre sätt. Fast de räcker ju med en \<br\> efter rubrikerna och sen som du sa en clear: left efter sista floaten. Ska bli intressant att se om de dyker upp något smart sätt :)

Sant med br, men då får jag lägga lite margin-top på fälten i stället för på divarna för att det ska bli lite luft från texten då?

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

## #5 — zcorpan, 2006-08-21T22:04Z

```
<form>
 <p><label>Rubrik <input></label></p>
 <p><label>Rubrik <input></label></p>
 <p><label>Rubrik <input></label></p>
</form>
```

```
form { zoom:1; /* haslayout ie */ }
form::after { content:""; display:block; clear:left; } /* bana flöten */
form p { float:left; }
input { display:block; }
```

Nåt i den stilen?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/150409-förslag-på-struktur-för-flera-form-fält-i-sidled