---
title: "Länk som flyttar på sig..!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/139003-länk-som-flyttar-på-sig"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "learn"
published: "2005-12-08T11:47:42.000Z"
updated: "2005-12-09T14:04:57.000Z"
replies: 11
views: 622
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/139003-länk-som-flyttar-på-sig"
---

# Länk som flyttar på sig..!

## #1 — learn, 2005-12-08T11:47Z

Jag har ett VÄLDIGT irreterande problem!

Det är en länk som jag satt skugga på mha att lägga text på text genom position:absolute. Till vänster om länken har jag placerat en liten bild. Ser väldigt snyggt ut, men bara när jag klickat på "uppdatera" på browsern (Firefox). När jag först öppnar sidan så ligger både länken och dess skugga ovanpå bilden, men så fort jag uppdaterar så flyttar sig texten till höger om bilden...?????????? 

Någon som förstår vad jag menar och kanske stött på det själv? Måste vara en bugg??

Snälla hjälp mig!

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

## #2 — learn, 2005-12-08T11:56Z

Upptäckte samma effekt på <http://www.tydal.nu/category/>. Alla länkarna till vänster hamnar ovanpå varandra, tills jag klickar på uppdatera...

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

## #3 — learn, 2005-12-08T19:33Z

Ingen som kan hjälpa mig..?   :q 

Tydal tycks ju ha samma problem som jag...

Det är likadant från min andra dator (samma webbläsare)... Funkar dock bra i IE.

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

## #4 — UlfT, 2005-12-08T19:48Z

Jag förstår inte vad du menar. Jag har själv Firefox. Jag tycker Tydals länkar ser ok ut.

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

## #5 — m_soderlund, 2005-12-08T19:48Z

Jag förstår inte vad som händer på tydals hemsida? Den fungerar ju utmärkt med alla länkar?

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

## #6 — learn, 2005-12-08T19:54Z

Så här ser det ut för mig (se bifogad bild). Liknande problem har jag på min sida...   :x

Bilagor:

- [konstigt.gif](https://www.webforum.nu/a/8764.gif)

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

## #7 — tanten, 2005-12-08T20:01Z

Sådant har oftast att göra med att man inte placerat objektet eller vad det nu är på ett sådant sätt så webläsaren inte behöver tveka när den ska placera den på sidan. Svårt att uttrycka vad jag menar med rätta ord känner jag, så det får bli lite som det blir. Tydals h4 svävar i en jättestor div och vet inte vart den egentligen ska placera sig. Så den dyker ner där den tror den ska vara. När webläsaren sedan har gått igenom all kod, så finns det noterat någonstans i minnet vart den skulle ha varit och placerar sig där när man uppdaterar. Ingen bugg, man har bara varit vag.
När det gäller din bild så är det svårt att säga utan att ha sett koden. Men förmodligen handlar det om samma sak på ett ungefär :-)

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

## #8 — learn, 2005-12-08T20:06Z

Ok! Jobbigt problem! Hur kommer det sig att det ser bra ut för andra då?

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

## #9 — tanten, 2005-12-08T20:14Z

webläsaren, cachminne... Jag fick samma problem första gången jag gick in på sidan, men inte nu längre.
Problemet behöver inte alls vara jobbigt, kan vara en pyttegrej, ibland kan det räcka med att man flyttar ner det som spökar längst ner i stylesheeten... så webläsaren läser det sist. Lite fuskigt kanske, men prova med det.

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

## #10 — learn, 2005-12-09T10:09Z

Har testat allt nu känns det som...

Här kommer koden som strular:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >	

<head>
<title>Test</title>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="sv" />

<style type="text/css">

html, body {
font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
}
p {
margin-bottom:2px;
}
p img, p span { 
vertical-align:middle; 
}
.skugga{
color:#000;
font-weight:bold;
position:absolute; 
margin:1px 0px 0px 1px; 
}
.meny a:link, .meny a:visited {
text-decoration: none; 
color:#CCC; font-weight:bold;
position:absolute;
}
.meny a:active, .meny a:hover {
text-decoration: none; 
color: #000; font-weight:bold;
position:absolute;
}

</style>

</head>

<body>

<div class="meny">

<p><img src="bild.gif" border="0" />&nbsp;<span class="skugga">Länk 1</span><span><a href="#">Länk 1</a></span></p>

<p><img src="bild.gif" border="0" />&nbsp;<span class="skugga">Länk 2</span><span><a href="#">Länk 2</a></span></p>

<p><img src="bild.gif" border="0" />&nbsp;<span class="skugga">Länk 3</span><span><a href="#">Länk 3</a></span></p>

</div>

</body>
</html>
```

 
Bifogar även bilden.

Bilagor:

- [bild.gif](https://www.webforum.nu/a/8768.gif)

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

## #11 — tanten, 2005-12-09T13:34Z

Har du testat med att sätta vidd och höjd på dina bilder, det vill ff ha...:-).
När du kör xhtml får du inte ha border på bilderna.
i stället skriver du 
img {
	border: none;
	padding-right: 2px; (så slipper du ha &nbsp; i koden)
}

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

## #12 — learn, 2005-12-09T14:04Z

Tack!! Det var bredden på bilden som saknades, nu funkar det fint. Tack!!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/139003-länk-som-flyttar-på-sig
