Avatar billede Daniel.E Praktikant
07. oktober 2004 - 17:47 Der er 6 kommentarer og
1 løsning

Samle table til en

Hej

Jeg har lige en hårknude som jeg er ved at spatte ud på...

<table>
    <tr>
        <td>
            <img src="1.bmp">
        </td>
    </tr>
    <tr>
        <td>
            <img src="2.bmp">
        </td>
    </tr>
   
    <tr>
        <td>
            <img src="3.bmp">
        </td>
    </tr>

</table>

Disse 3 billeder skal se sådan ud:

----------
Billede 1
----------
Billede 2
----------
Billede 3
----------

De skal samles og blive til et... jeg har prøvet med mange forskellige css indtil vidre.border-spacing: 0px;
border: inset 0px;

vertical-align:top;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
spacing:0px;
cell-padding: 0px;
cell-spacing:0px;
border-top:0px;
border-bottom:0px;
border-width:0px;
margin-top:0px;
margin-bottom:0px;
margin:0px;
border-collapse: collapse ;
Avatar billede Daniel.E Praktikant
07. oktober 2004 - 17:54 #1
man kan altid sætte alle <img src=""> i sin egen td med <br>, men det er ikke en løsning jeg vil bruge osm udgangspunkt...
Avatar billede notes2c Nybegynder
07. oktober 2004 - 18:06 #2
Hvis du har dem i en tabel så sæt attb.
<table border="0" cellspacing="0" cellpadding="0">
Avatar billede mortenbock Nybegynder
07. oktober 2004 - 18:47 #3
Det her virker hos mig:

table {
    border-collapse:collapse;
}
td {
    margin: 0px;
    padding: 0px;
    border: 0px none 0;
}

/Bock
Avatar billede mortenbock Nybegynder
07. oktober 2004 - 18:49 #4
Og det gør det her faktisk også:

table {
    border-collapse:collapse;
}
td {
    padding: 0px;
}
Avatar billede mortenbock Nybegynder
07. oktober 2004 - 18:51 #5
Men du skal også lige have dine TD tags på plads... Ellers læser den linieskift som et mellemrum, og så kommer line-spacing pludselig ind i spillet...:

<table>
    <tr>
        <td><img src="1.bmp"></td>
    </tr>
    <tr>
        <td><img src="2.bmp"></td>
    </tr>
   
    <tr>
        <td><img src="3.bmp"></td>
    </tr>
</table>
Avatar billede mortenbock Nybegynder
07. oktober 2004 - 18:55 #6
og så lige for at hold xhtml standarden:

<table>
    <tr>
        <td><img src="1.bmp" /></td>
    </tr>
    <tr>
        <td><img src="2.bmp" /></td>
    </tr>
   
    <tr>
        <td><img src="3.bmp" /></td>
    </tr>
</table>
Avatar billede Daniel.E Praktikant
07. oktober 2004 - 20:25 #7
mortenbock >> Jeg havde svedt ud at dette havde en betydning...fatter ikke helt hvordan man kan glemme det.. men sådan er det... :(
        <td>
            <img src="1.bmp">
        </td>

        <td><img src="1.bmp"></td>

Det virker nu, og det er godt :)
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