M Mika3l Medlem sedan nov. 2001 8 492 inlägg Trådstart 10 dec. 2004 23:17 #1 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>
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg Hmm... inte direkt optimal kod, och vad händer om man inte har flash? 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">