Fixa til lager — webForum

Mika3lMedlem sedan nov. 20018 492 inlägg

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>

zcorpanMedlem sedan dec. 20042 245 inlägg

10 dec. 2004 23:35#2

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">