Avatar billede testpilot_dk Nybegynder
06. marts 2006 - 20:31 Der er 9 kommentarer og
1 løsning

Layer i Tabel celle!

Hej!

Hvordan får jeg mit billede til at fylde hele cellen ud, jeg er næsten sikker på at man skal bruge Layers til at styre det, men er ikke helt sikker
Avatar billede testpilot_dk Nybegynder
06. marts 2006 - 20:42 #1
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">
Avatar billede mclemens Nybegynder
06. marts 2006 - 20:52 #2
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>
Avatar billede roenving Novice
07. marts 2006 - 00:21 #3
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 !-)
Avatar billede mclemens Nybegynder
07. marts 2006 - 01:06 #4
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 :/
Avatar billede testpilot_dk Nybegynder
07. marts 2006 - 08:45 #5
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!
Avatar billede mclemens Nybegynder
07. marts 2006 - 09:51 #6
>... 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 ;)
Avatar billede mclemens Nybegynder
07. marts 2006 - 09:52 #7
Nå, to sekunder - altså tekst ovenpå knappen...
Avatar billede mclemens Nybegynder
07. marts 2006 - 10:02 #8
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>
Avatar billede testpilot_dk Nybegynder
20. marts 2006 - 18:25 #9
Hej Mclemens, send et svar, så får du dine point
Avatar billede mclemens Nybegynder
21. marts 2006 - 13:49 #10
svar ;)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester