---
title: "Fixa til lager"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/117785-fixa-til-lager"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mika3l"
published: "2004-12-10T23:17:32.000Z"
updated: "2004-12-10T23:35:16.000Z"
replies: 1
views: 197
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/117785-fixa-til-lager"
---

# Fixa til lager

## #1 — Mika3l, 2004-12-10T23:17Z

Har inte hållit på så mycket med lager innan och skulle behöva lite hjälp med att göra om tabell-koden till lager istället (borde vara smidigast).
Layer 1-7 är lagrena där innehållet ska presenteras. Vill alltså få menyn i ett lager och sedan kanten på det hela med rundade hörn efter innehållet. :)

```
<table align="center" cellspacing="0" cellpadding="0" border="0" style="width: 610px;">
 <tr>
  <td colspan="3" valign="top" style="width: 610px; height: 215px; background: #FAFAFA;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="610" height="215" id="menu">
<param name="movie" value="menu.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<param name="menu" value="false">
</object>
  </td>
 </tr>
 <tr>
  <td colspan="3" valign="top" style="width: 610px; background: #FAFAFA;">
<div id="layer1" style="visibility:visible; position: absolute; width: 610px; padding: 8px;">Hem</div>
<div id="layer2" style="visibility:hidden; position: absolute; width: 610px; padding: 8px;">Om bilen</div>
<div id="layer3" style="visibility:hidden; position: absolute; width: 610px; padding: 8px;">Bilder</div>
<div id="layer4" style="visibility:hidden; position: absolute; width: 610px; padding: 8px;">Utställningar</div>
<div id="layer5" style="visibility:hidden; position: absolute; width: 610px; padding: 8px;">Projekt</div>
<div id="layer6" style="visibility:hidden; position: absolute; width: 610px; padding: 8px;">Gästbok</div>
<div id="layer7" style="visibility:hidden; position: absolute; width: 610px; padding: 8px;">Kontakta mig</div>
  </td>
 </tr>
 <tr>
  <td style="width: 4px; height: 5px; background: url('images/corner-left.gif') no-repeat;">
  </td>
  <td style="width: 602px; height: 5px; background: #FAFAFA;">
  </td>
  <td style="width: 4px; height: 5px; background: url('images/corner-right.gif') no-repeat;">
  </td>
 </tr>
</table>
```

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

## #2 — zcorpan, 2004-12-10T23:35Z

Hmm... inte direkt optimal kod, och vad händer om man inte har flash? :S <http://alistapart.com/articles/flashsatay/>
Såhär skulle jag skriva uppmärkningen: 

```
<ul id="nav">
  <li><a href="#">Hem</a></li>
  <li><a href="#">Om bilen</a></li>
  ...
</ul>
```

Och sen anger du utseendet och layouten i en extern stilmall, som du länkar till i \<head\>

```
<link rel="stylesheet" type="text/css" media="screen, projection" href="style.css">
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/117785-fixa-til-lager