Avatar billede dennism Nybegynder
13. juni 2005 - 18:24 Der er 6 kommentarer og
1 løsning

HTML: tabel

Jeg har følgende tabel:

<table style="width:100%; height:100%;" cellspacing=0 cellpadding=0 border=1>
    <tr>
        <td colspan=3 style="height:82px;"><img src="billede.jpg" width="450" height="82" alt=""></td>
    </tr>
    <tr style="vertical-align:top;">
        <td style="width:130px;">1</td>
        <td>2</td>
        <td style="width:130px;">3</td>
    </tr>
</table>


Som I kan se, så får felt 1 og 3 ikke den bredde, som jeg har sat dem til (130px). Hvis jeg fjerner billedet, kolonnen i den øverste række, så får de deres størrelse.

Hvad er der galt?

Hvordan kan det være, at billedet ødelægger det, og hvad kan jeg gøre, for at på det jeg ønsker?
Avatar billede dennism Nybegynder
13. juni 2005 - 18:43 #1
Hmm..virkelig ingen, der kan hjælpe med det?
Avatar billede ravnemor Juniormester
13. juni 2005 - 18:50 #2
Hvis du reducerer bredden af billedet feks. fra 450 til 250, så passer kolonne 1+3, men SKAL billedet være den størrelse som det er sat til ?
Avatar billede apo Praktikant
13. juni 2005 - 18:51 #3
Det er fordi du ikke kan have en bredde på 3 x 130px når du i en celle har et billede der fylder 450px i bredden ;-)

Nedenstående skulle gerne give cellerne deres rette størrelse (3 x 150px = 450px)

<table style="width:100%; height:100%;" cellspacing="0" cellpadding="0" border="1">
    <tr>
        <td colspan=3 style="width:450px; height:82px;"><img src="billede.jpg" style="width:450px; height:82px;" alt=""></td>
    </tr>
    <tr style="vertical-align:top;">
        <td style="width:150px;">1</td>
        <td style="width:150px;">2</td>
        <td style="width:150px;">3</td>
    </tr>
</table>

Husk i øvrigt at bruge de korrekte tags, med " hvor der skal være "! F.eks. at skrive cellspacing="0" i stedet for cellspacing=0

Apo
Avatar billede apo Praktikant
13. juni 2005 - 18:59 #4
Hvis det er påkrævet, at celle 1 og 3 SKAL være 130px i bredden, skal du give celle 2 bredden 190px (130px + 190px + 130px = 450px) :-)

<table style="width:100%; height:100%;" cellspacing="0" cellpadding="0" border="1">
    <tr>
        <td colspan=3 style="width:450px; height:82px;"><img src="billede.jpg" style="width:450px; height:82px;" alt=""></td>
    </tr>
    <tr style="vertical-align:top;">
        <td style="width:130px;">1</td>
        <td style="width:190px;">2</td>
        <td style="width:130px;">3</td>
    </tr>
</table>
Avatar billede dennism Nybegynder
13. juni 2005 - 19:09 #5
Pointen var, at 2'eren skulle have den resterende bredde..
Avatar billede roenving Novice
13. juni 2005 - 23:24 #6
Hvis du kenderden resterende bredde kan du jo ligsågodt angive den !-)
Avatar billede dennism Nybegynder
24. juni 2005 - 15:26 #7
.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