---
title: "Positionering av länkar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/167229-positionering-av-länkar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "aasah"
published: "2007-12-13T12:06:57.000Z"
updated: "2007-12-13T16:12:55.000Z"
replies: 5
views: 296
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/167229-positionering-av-länkar"
---

# Positionering av länkar

## #1 — aasah, 2007-12-13T12:06Z

Jag har ett pussel på sidan och under det två länkar till föregående resp nästa. Dessa länkar vill jag ha (helst) i varsin ände av pusslet, så att föregående är till vänster och nästa till höger, men jag får inte till det? 

Första försöket som var menat att lägga länkarna så långt åt höger/vänster som möjligt i skärmen gav samma resultat som då jag tar bort style-delen, dvs ingen alls. Länkarna hamnar omedelbart efter varann, till vänster i fönstret. Varför då?

```
<p><a style=\"float: left;\" href="http://.../genJS.php?Pid=78&Type=JS&Cut=13">PREVIOUS JS <<< </a>
<a style=\"float: left;\" href="http://.../genJS.php?Pid=86&Type=JS&Cut=13">>>> NEXT JS </a>
```

Hur kan jag annars lösa det?

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

## #2 — headbug, 2007-12-13T12:17Z

Tycker kanske att åtminstonde en av länkarna borde ha float: right, men det är bara jag :)

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

## #3 — SPiN, 2007-12-13T12:21Z

```
<div style="width: 100%;">
<div style="float: left;">
<a>1</a>
</div>
<div style="float: right;">
<a>2</a>
</div>
</div>
```

Dom måste läggas i containers. Antar jag. :)

Ett stycke/paragraf ska inte kunna ha ett längd-attribut (bl.a.), så vitt jag vet, trots att de flesta webbläddrare tar det som giltigt.

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

## #4 — aasah, 2007-12-13T14:24Z

Tack, SPiN! Hur får man in en tredje länk mitt imellan dessa två?

headbug, det var en miss i inskrivningen här...

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

## #5 — SPiN, 2007-12-13T14:59Z

Jag skulle ha skapat en tabell...

```
<table style="width: 100%">
<tr>
<td style="text-align: left;">
<a>1</a>
</td>
<td style="text-align: center;">
<a>2</a>
</td>
<td style="text-align: right;">
<a>3</a>
</td>
</tr>
</table>
```

Ett annat sätt är att göra lagren flytande, och positionera ut dom manuellt.

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

## #6 — Fuel, 2007-12-13T16:12Z

Snabb hackade.. funkar FF 2 och IE 6

```
<div style="width:100%; clear:both; text-align:center;">
<div style="width:100px; float: right; text-align:right;">
<a href="">Right</a>
</div>
<div style="width:100px; float:left; text-align:left;">
<a href="">Left</a>
</div>
<div style="width:100px; margin:0 auto;">
<a href="">Middle</a>
</div>
</div>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/167229-positionering-av-länkar