Layer i Tabel celle!

Følgende er koden til den aktuelle celle

<td width="130" height="24" valign="top" bgcolor="#FFFFFF" bordercolor="#C0C0C0" bordercolordark="#FFFFFF"><font size="1">
    <div id="Layer2" style="z-index: 10; position: absolute; width:auto; height:auto"><img border="0" src="greyboks.bmp" width="128" height="22" align="left">
    <span id="layer3" style="z-index: 2; position: absolute; top: 0; left: 0">

Hvad med:

<td width="130" height="24" valign="top" bgcolor="#FFFFFF" bordercolor="#C0C0C0" bordercolordark="#FFFFFF"><font size="1">
    <div id="Layer2" style="z-index: 10; position: absolute; width:100%;"><img border="0" src="greyboks.bmp" style="width:100%;" align="left">
    <span id="layer3" style="z-index: 2; position: absolute; top: 0; left: 0">

</font></td>

eller

<td width="130" height="24" valign="top" bgcolor="#FFFFFF" bordercolor="#C0C0C0" bordercolordark="#FFFFFF"><font size="1">
<img border="0" src="greyboks.bmp" style="width:100%;">
</font></td>

eller

<td width="130" height="24" valign="top" bgcolor="#FFFFFF" bordercolor="#C0C0C0" bordercolordark="#FFFFFF"><font size="1">
<img border="0" src="greyboks.bmp" style="width:100%;height:100%;">
</font></td>

eller

<td width="130" height="24" style="background: #000000 url('greyboks.bmp')" valign="top" bgcolor="#FFFFFF" bordercolor="#C0C0C0" bordercolordark="#FFFFFF"></td>

Hvad er di greyboks for en ting ?-)

-- hvis det er en ensfarvet ting vil den som baggrund blive gentaget, så den udfylder hele cellen, men hvis den skal skaleres til størrelsen er du nødt til at angive størrelsen eksplicit ...

-- i øvrigt er det ikke smart at bruge bmp-formatet til internet-sider, da du vel egentlig også gerne vil have besøgende, der f.eks. bruger andre styresystemer end Windows !-)

Jeg formoder at den skulle udvides...
- 1 eksempel udvider greyboks
- 2 eksempel udvider også
- 3 ditto dog sørger den for at den passer med td'en
(den forvrænger billedet hvis højde/bredde ikke stemmer med td'ens højde/bredde /=divideret)
- 4 eksempel gentager billedet som en baggrund

>roenving
- Jeg giver dig ret et andet filformat var at foretrække :/

Jeg har ændret billede til Gif istedet for, bmp var kun til at teste noget med og så er det nemmest at lave et bmp billede !

Kan jeg i nummer 3 skrive tekst oven på denne!

>... og så er det nemmest at lave et bmp billede !
- Det gør jeg også tit :)

>Kan jeg i nummer 3 skrive tekst oven på denne!
- Uden problemer ;)

Nå, to sekunder - altså tekst ovenpå knappen...

Sådan her?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
.toppos{
    position:absolute;
    left:0px;
    top:0px;
}
body{color:white;}
-->
</style>
</head>

<body>

<table><tr>

<td width="50"></td>
<td width="130" height="24" valign="top" bgcolor="#FFFFFF" bordercolor="#C0C0C0" bordercolordark="#FFFFFF"><div style="width:100%;height:100%;position:relative;">
<div class="toppos"><img border="0" src="greyboks.bmp" style="width:100%;height:100%;"></div>
<div class="toppos">Tekst</div>
</div></td>

</tr></table>

</body>
</html>

Hej Mclemens, send et svar, så får du dine point

svar ;)