Avatar billede hanz Nybegynder
05. januar 2002 - 14:55 Der er 16 kommentarer og
1 løsning

Skygge på tabel

Hvordan laver jeg en skygge der er flyttet eksempelvis 5px mod højre og 5 px mod bunden på en tabel? Det skal ikke være med en absolut værdi, men sådan at skyggen altid dynamisk ændrer størrelse efter tabellens indhold
Avatar billede tobias_cool Nybegynder
06. januar 2002 - 11:47 #1
http://www.toxicorp.com/vml_start.html
Måske med lidt VML, kik i bunden
Avatar billede cdelicht Nybegynder
06. januar 2002 - 13:50 #2
Eller endnu nemmere: med CSS. Prøv f.eks. dette:
<head>
<style type=\"text/css\">
<!--
TABLE
{
    border-bottom-width: thick;   
    border-bottom-style: solid  ;   
    border-bottom-color: black;   

    border-right-width: thick;   
    border-right-style: solid  ;   
    border-right-color: black;   

}
-->
</style>

</head>

<table width=\"100%\">
  <tr>
    <td width=\"33%\">celle&nbsp;</td>
    <td width=\"33%\">celle</td>
    <td width=\"34%\">celle</td>
  </tr>
  <tr>
    <td width=\"33%\">celle</td>
    <td width=\"33%\">celle</td>
    <td width=\"34%\">celle</td>
  </tr>
  <tr>
    <td width=\"33%\">&nbsp;celle</td>
    <td width=\"33%\">celle</td>
    <td width=\"34%\">celle</td>
  </tr>
</table>
Avatar billede cdelicht Nybegynder
06. januar 2002 - 13:51 #3
Forresten:
...-width kan bare erstattes med 5px, og
...-color med din ønskede hex-farve
Avatar billede hanz Nybegynder
07. januar 2002 - 13:19 #4
Tak for indlæggende. VML virker kun i IE, så det er uinteressant. Border i højre side og i bunden giver ikke den rigtige \"skyggeeffekt\" hvor det hele er rykket til siden og nedaf. Der er forskellige filtre tilknyttet CSS men de virker ikke helt godt i alle browsere. Så hvis der er andre forslag... eventuelt med lidt flere point på højkant!
Avatar billede ras2000 Nybegynder
07. januar 2002 - 18:37 #5
Jeg tror det nemmeste er at lave et div eller layer der er flyttet de pixler du vil have. Hvis det skal gøres dynamisk, kræver det temmelig meget kode.
Avatar billede ras2000 Nybegynder
07. januar 2002 - 18:48 #6
Hvad med noget af denne stil?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
</head>

<body>

<layer>
<table border=\"1\">
    <tr>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
    </tr>
    <tr>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
    </tr>
    <tr>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
    </tr>
</table>
</layer>
<layer style=\"position:absolute; left:5; top:5\">
<div style=\"position:absolute; left:5; top:5\">
<table border=\"1\">
    <tr>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
    </tr>
    <tr>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
    </tr>
    <tr>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
        <td>asdlkfj</td>
    </tr>
</table>
</div>
</layer>
</body>
</html>
Avatar billede tobias_cool Nybegynder
07. januar 2002 - 19:23 #7
Tror du han gider skrive alt to gange
Avatar billede ras2000 Nybegynder
07. januar 2002 - 19:25 #8
Jeg kan ikke se andre muligheder, hvis det skal være x-browser. I ie er det jo nemt nok, men...
Avatar billede tobias_cool Nybegynder
07. januar 2002 - 19:26 #9
Æh man kan jo lave et script der kopierer tabellen og skriver nogle pixels til så fylder det i hvertfald ikke så meget og det kan nok genbruges
Avatar billede ras2000 Nybegynder
07. januar 2002 - 19:29 #10
Hvordan vil du gøre det uden innerHTML eller innerText??
Avatar billede tobias_cool Nybegynder
07. januar 2002 - 19:31 #11
document.getElementById(\"kopiSpan\").open()
//sletter indhold

document.getElementById(\"kopispan\").write(indholdvar)

//skriver varibeln indholdvar

document.getElmentById(\"KopiSpan\").close()
//lukker streamet
Avatar billede ras2000 Nybegynder
07. januar 2002 - 19:38 #12
virker getElementById i netscape?
Avatar billede tobias_cool Nybegynder
07. januar 2002 - 19:58 #13
Det er da i hvertfald med i DOM syntax og den understøttes af netscape jeg bruger altid getElementById
Avatar billede ras2000 Nybegynder
07. januar 2002 - 20:05 #14
Nå, nu kan jeg se det. Du skriver hele indholdet dynamisk. Tjo, det kunne man, men så skal man lave hele tabellen som en tekststreng.
Avatar billede tobias_cool Nybegynder
07. januar 2002 - 20:06 #15
Du kunne jo også finde tabellen med dom Også skrive den igen
Avatar billede hanz Nybegynder
07. januar 2002 - 23:46 #16
tobias_cool:
VML var et godt bud men nu tror jeg du er inde på noget af det rigtige! Kunne du give et eksempel på hvordan det skulle laves?

/hanz
Avatar billede hanz Nybegynder
05. maj 2002 - 14:39 #17
lukker...
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