---
title: "Logotyp göms bakom?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/146710-logotyp-göms-bakom"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "SoulGod"
published: "2006-05-11T09:37:29.000Z"
updated: "2006-05-12T17:09:46.000Z"
replies: 14
views: 647
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/146710-logotyp-göms-bakom"
---

# Logotyp göms bakom?

## #1 — SoulGod, 2006-05-11T09:37Z

Vad är det för fel på min sida:
<http://soulgod.no-ip.info/webshop/default.asp>

När jag går in på den, så kommer logotypen "bakom" alla fält... varför?

Behöver ni se någon kod, säg till.

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

## #2 — nitro2k01, 2006-05-11T09:43Z

Just nu har du ett internt serverfel, bara så att du är medveten. Annars brukar z-index hjälpa, t ex \<img src="foo.gif" style="z-index: 20;"\>

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

## #3 — dea, 2006-05-11T10:25Z

Du kan inte lägga en img tagg innan html taggen..

```
[red]<img src="pics/logo.jpg">[/red]

<html>
<head>
	
	<link rel="stylesheet" type="text/css" href="css/default.css">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<!-- no cache headers -->
	<meta http-equiv="Pragma" content="no-cache">
....
```

den bör ligga i en div eller liknande efter body

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

## #4 — SoulGod, 2006-05-12T04:54Z

nitro \> Jo, är IIS på en XP maskin, är min beta-test server ... 

\> Får inte "style="z ... att fungera..

Och dea \> koden är flyttad, en liten copy-paste-fel av mig bara.

Fortfarande samma fel.

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

## #5 — Nipon, 2006-05-12T05:34Z

Nu ligger din \<img src="pics/logo.jpg"\> överst inom head i stället. Det funkar inte. Flytta den den till överst i body.

Så här:

\<body\>
\<img src="pics/logo.jpg"\>

:::

\</body\>

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

## #6 — dea, 2006-05-12T06:04Z

Ok, men då måste du nog ge oss koden annars kan vi inte hjälpa dig!

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

## #7 — SoulGod, 2006-05-12T06:17Z

Koden runt "loggan" just nu är:

```
<body>
<div class="logo"><a href="default.asp"><img src="pics/logo.jpg">
  </a></div>
```

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

## #8 — tanten, 2006-05-12T06:34Z

Du har det som kommer under, eller ska komma under loggan placerade absolut och med 80px från toppen och det är så sidan visas... Om du inte har absoluta positioner lagda inne i en omslutande div, så räknas allt från fönstrets topp.

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

## #9 — SoulGod, 2006-05-12T06:45Z

Okej. Till en viss del är inte koden min, då jag fick hjälp med att bygga detta.
Just detta med "absolut" position och sådant, känner jag att jag inte har koll på.

Hur ändrar jag detta då?

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

## #10 — tanten, 2006-05-12T06:54Z

Öka på antal pixlar där det står top:80px; tills de kommer under i .main och .menu.  Vet inte nu om det kommer lägga sig över något annat som du måste flytta neråt. Men  börja med det om du inte vill bygga sidan med divar och se vart det hamnar. Hinner inte kolla själv nu...

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

## #11 — tanten, 2006-05-12T08:45Z

tittade lite mer nu i om du ändrar dessa värden i
.logo{ height: 183px; vilket är den nya loggans höjd.
om du sedan ändrar top: 203px i .menu{, .main{ och .right{ så borde allt hamna på plats.

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

## #12 — SoulGod, 2006-05-12T12:59Z

Ehm, jag har letat som en tok, jag måste vara blind, vart ändrar jag detta???

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

## #13 — tanten, 2006-05-12T13:23Z

Här men nu ändrade jag siffrorna så du kan kopiera och klistra in...

```
.logo {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 750px;
	height: 183px;
	font: bold 24px Trebuchet Ms;
	color: #A1A1A1;
	background-color: #FFF;
	border: 1px solid #CCC;
}
.main {
	width: auto;
	height: 100%;
	float: left;
	position: absolute;
	top: 203px;
	left: 170px;
}
.menu {
	width: 150px;
	height: 100%;
	float: left;
	position: absolute;
	top: 203px;
	left: 10px;
}
.right {
	width: 100px;
	height: 100%;
	float: left;
	position: absolute;
	top: 203px;
	left: 610px;
}
```

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

## #14 — SoulGod, 2006-05-12T16:32Z

Lägger jag den rakt in i html dokumentet, eller ?

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

## #15 — derJonas, 2006-05-12T17:09Z

I CSS-filen som är inlänkad i koden: "css/default.css". Ersätt motsvarande klasser med de som tanten gav.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/146710-logotyp-göms-bakom
