Avatar billede dnx Nybegynder
30. juni 2004 - 03:14 Der er 18 kommentarer og
1 løsning

Lås tables´s

Godaften....

Jeg vil gerne lige have lidt spasser hjælp :P

jeg skal have låst mine td´er

<table border="1">
  <tr>
    <td rowspan="3">Celle 1</td>
    <td>Celle 2</td>
  </tr>
  <tr>
    <td>Celle 3</td>
  </tr>
  <tr>
    <td>Celle 4</td>
  </tr>
</table>

Lad os sige at det er min kode.... hvis nu jeg laver en hel masse tekst eller billeder i celle 1 så bliver celle 2,3 & 4 jo trukket med.... jeg vil ger gøre så celle 2,3 & 4 bliver låst og celle 1 bare bliver længere.... Håber i forstår hvad jeg mener..
Avatar billede steen_hansen Forsker
30. juni 2004 - 06:35 #1
Måske dette vil virke?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>

<body>

<table  style="border: 1px; width: 750px;" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="3">Celle 1</td>
        <td style="width: 150px;">Celle 2</td>
    </tr>
    <tr>
        <td style="width: 150px;">Celle 3</td>
    </tr>
    <tr>
        <td style="width: 150px;">Celle 4</td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
30. juni 2004 - 06:36 #2
Sludder, sådan her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>

<body>

<table  style="border: 1px;" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="3">Celle 1</td>
        <td style="width: 150px;">Celle 2</td>
    </tr>
    <tr>
        <td style="width: 150px;">Celle 3</td>
    </tr>
    <tr>
        <td style="width: 150px;">Celle 4</td>
    </tr>
</table>

</body>

</html>
Avatar billede dnx Nybegynder
30. juni 2004 - 07:26 #3
jov jov.... fikser åp en måde problemet.... men dog ikke helt.. nu bliver den vildt bred hvis jeg f.eks laver lidt om på kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>

<body>

<table  style="border: 1px;" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="3">Celle 111111111111111111111111111111111111111111111111111111111111111111111</td>
        <td style="width: 150px;">Celle 2</td>
    </tr>
    <tr>
        <td style="width: 150px;">Celle 3</td>
    </tr>
    <tr>
        <td style="width: 150px;">Celle 4</td>
    </tr>
</table>

</body>

</html>

Jeg har bare adde lidt tekst til celle1 nu bliver den ikke højere (det er godt), men, men den bliver vildt bred (knap så fedt)
Avatar billede dnx Nybegynder
30. juni 2004 - 07:28 #4
skal jeg ikke bare adde height="x" i <td style"width=" 105px;> koden ?
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:31 #5
Hm? Jeg kan ikke helt se problemet. Ville du ikke have, at bredden i Celle11111111111111111111111111111111111111 skulle kunne varieres, afhængigt af indholdet?
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:33 #6
Jeg er ikke helt med. Du må forklare lidt nærmere :o)
Avatar billede dnx Nybegynder
30. juni 2004 - 07:34 #7
nej :P problemet er at højden i celle 2,3 & 4 flytter sig med højden i celle 1..... dvs hvi jeg har en hjemme side hvor f.eks celle 1 er midten så er det måske forskelligt indhold i midten, mens celle 2,3 & 4 er siden (med f.eks en menu som ikke skal rykke med)
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:36 #8
Ok, så kan du lave en tabel i tabellen. Øjeblik ...
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:41 #9
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>

<body>

<table  style="border: 1px;" cellpadding="0" cellspacing="0">
    <tr>
        <td>Celle 1</td>
        <td style="width: 150px;" valign="top">
            <table style="width: 100%" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="left" style="width: 100%">Celle 2</td>
                </tr>
                <tr>
                    <td align="left" style="width: 100%">Celle 3</td>
                </tr>
                <tr>
                    <td align="left" style="width: 100%">Celle 4</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:42 #10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>

<body>

<table  style="border: 1px;" cellpadding="0" cellspacing="0">
    <tr>
        <td>Celle 1</td>
        <td style="width: 150px;" valign="top">
            <table style="width: 100%;" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="left" style="width: 100%">Celle 2</td>
                </tr>
                <tr>
                    <td align="left" style="width: 100%">Celle 3</td>
                </tr>
                <tr>
                    <td align="left" style="width: 100%">Celle 4</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:43 #11
Manglede nogle ;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title></title>
</head>

<body>

<table  style="border: 1px;" cellpadding="0" cellspacing="0">
    <tr>
        <td>Celle 1</td>
        <td style="width: 150px;" valign="top">
            <table style="width: 100%;" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="left" style="width: 100%;">Celle 2</td>
                </tr>
                <tr>
                    <td align="left" style="width: 100%;">Celle 3</td>
                </tr>
                <tr>
                    <td align="left" style="width: 100%;">Celle 4</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</body>

</html>

Så tror jeg den er der :o)
Avatar billede dnx Nybegynder
30. juni 2004 - 07:44 #12
Det ser ud til at virke bedre :)-...... smid lige et svar....
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:45 #13
Godt, og takker for point :o)
Avatar billede dnx Nybegynder
30. juni 2004 - 07:47 #14
Det er såmænd mig der takker.... 1000 tak :)... er en spasser til tabeller *G*
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:48 #15
Det er ikke et spørgsmål om være spasser eller ej, det er et spørgsmål om at få det lært - det skal nok komme, øvelse gør mester :o)
Avatar billede steen_hansen Forsker
30. juni 2004 - 07:49 #16
- Og vigtigst af alt, så håber jeg du kan se fidusen?
Avatar billede dnx Nybegynder
30. juni 2004 - 07:57 #17
man kan vel sige at fidusen er at du laver 2 tabeller også sætter <td style"width: 100%;"> så bliver den så stor som den kan men alligevel heller ikke for stor, fordi det kan den ikke.... ved ikke lige hvor godt forklaret det er, men jeg kan se fidusen :D
Avatar billede steen_hansen Forsker
30. juni 2004 - 08:01 #18
Det er godt nok :o)

Du har sådan set 2 tabeller. Den ene med 2 celler, hvor den første er med variabel bredde, den anden har en bredde på 150 pixels.

I den med en bredde på 150 pixels lægger du en tabel ind, som altid er 100% bred, uanset om den celle, som den nye tabel kommer til at ligge i, er 150 eller 500 pixels bred.

Den nye tabel kan du så forme som du lyster, men den vil aldrig blive bredere end de 150 pixels. Eller hvor bred du nu angiver den til at være.

Held og lykke med det :o)
Avatar billede dnx Nybegynder
30. juni 2004 - 08:07 #19
tark ;) & tark for forklaringen ;)
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