---
title: "position relative"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/150608-position-relative"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mattias Nordin"
published: "2006-08-27T10:03:10.000Z"
updated: "2006-08-27T14:30:13.000Z"
replies: 8
views: 428
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/150608-position-relative"
---

# position relative

## #1 — Mattias Nordin, 2006-08-27T10:03Z

Jag vill åstakomma: 

```
style="position:relative; top:10px; left:0px; "
```

fast med en följande syntax i ett javascript...

```
document.getElementById(x).style.color = 'red';
[B]document.getElementById(x).style.right = '50px';[/B]
```

Kan inte finna rätt syntax när jag letar. Tacksam för hjälp. 

  :stud

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

## #2 — @nders, 2006-08-27T10:05Z

Det finns inget som heter *right*. Använd left och utgå från fönstrets vänsterkant. Men, är det inte ett absolutpositionerat element du vill ha?

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

## #3 — Mattias Nordin, 2006-08-27T10:12Z

God morgon @nders :)

Det jag labbar med är om det går att få ett textstycke att flytta sig några pixlar uppåt när en funktion anropas i ett javascript. Jag byter även textfärgen med "document.getElementById(x).style.color = 'red';" och det fungerar så jag hade hoppats på att det skulle gå att använda sig av något liknande "position:relative" för att flytta texten.

```
<script>
....
function funHeadMouseOut(x){
	if((varSelectedHeadTabsString.indexOf(x)) < 0){ //Testar om x namnet finns i strängen över valda bilder. Skippa om true.
	document.getElementById(x).style.backgroundImage = 'url('+tab_out.src+')';
	document.getElementById(x).style.color = 'red';
	document.getElementById("tab1Text").style.right = '50px';
	}
}
</script>

	<!--- 1 --->
	<span onClick="document.location.href='/web07/tab1/havsbrus.asp'">
	<td id="tab_1" background="/web07/_design/tab_0.gif" onMouseOver="funHeadMouseOver(this.id);"  onMouseOut="funHeadMouseOut(this.id);" class="headMenyDesign">
	<span id="tab1Text">About me</span>
	</td>
	</span>
```

Det är alltså en tabell som har en bakgrundsbild som ändras vid mouse over. Tabellen används som ett menysystem där det är enkelt att byta text på flikarna.

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

## #4 — @nders, 2006-08-27T10:16Z

Morgon? :o

Jag hade försökt med något sånt härnt (utan att veta då förstås):

```
document.getElementById("tab1Text").style.left = document.getElementById("tab1Text").style.left + 50 + 'px';
```

Sen kanske du får problem att flytta en \<td\>, men det är en annan historia.

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

## #5 — Mattias Nordin, 2006-08-27T10:17Z

Går det att byta från class="headMenyDesign" till class="headMenyDesign2" på ett object med javascript? 

Jag är verkligen inte så kunnig på javascript / css.

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

## #6 — Mattias Nordin, 2006-08-27T10:19Z

> **@nders skrev:**
>
> Sen kanske du får problem att flytta en \<td\>, men det är en annan historia.

Jo det tror jag också men det går väl att lägga en ny \<div\> runt bara texten så det hoppas jag kunna gå runt.

Är lite för trött från gårdagen. Provade stadens nattliv ;)

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

## #7 — @nders, 2006-08-27T10:22Z

> Går det att byta från class="headMenyDesign" till class="headMenyDesign2" på ett object med javascript?

Jodå.

```
document.getElementById('mittelement').className='foo';
```

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

## #8 — Mattias Nordin, 2006-08-27T10:31Z

Det underlättar ju mycket... vad trevligt. Ibland blir man bara glad. 

Det vi pratade om tidigare verkar fungera om man tidigare angett positionen.

```
<span id="tab1Text" STYLE="position:relative;left:0px">Menytext</span>

<script>
document.getElementById("tab1Text").style.top= '5px';
</script>
```

Som alltid @nders, du rockar fett ;) (fasen vad trött jag är...   :r )

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

## #9 — @nders, 2006-08-27T14:30Z

Kul att du fick ihop det! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/150608-position-relative