Avatar billede pnr Nybegynder
13. marts 2006 - 09:21 Der er 2 kommentarer og
1 løsning

Hjælp til padding og center

Jeg er ved at lave en faktura lignende visning i HTML, men har nogle små problemer med at få det helt til at se ud som det skal:

Jeg har følgende kode:

<table  cellpadding="0" cellspacing="0">
    <tr>
        <td style="text-align:left"><h3>Ordrestatus</h3></td>
    </tr>
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td colspan="2">
            <table  style="width: 500px;text-align: left;border: 1px 1px 1px 1px; border-style:solid;border-color:Black" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="vertical-align:top"><h3>OrdreBekræftelse</h3></td>
                    <td></td>
                    <td style="text-align: right">
                        <strong>Navn</strong><br />
                        Adresse<br />
                        Postnr By<br />
                        Tlf<br />
                        Fax<br />
                        E-mail  <br />
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
.......


Mit problem er at jeg i den innerste tabel ønsker en margin på 10px fra border og ind til indholdet, hvordan får jeg det?

Jeg æønsker også at centrer den innerste tabel i den ydertse tabel, hvordan gør jeg dette så det virker i alle browsere?
Avatar billede johan.o Nybegynder
14. marts 2006 - 15:22 #1
Du har umiddelbart lidt koks i din yderste tabel. De to første rækker har du en kolonne i hver men i tredie række skriver du at cellen skal bredde sig over to kolonner ?

Hvis du vil have afstand mellem en tabels yderste border og dens indhold kan du sætte padding på tabellen :

<table style="padding: 10px;">

Mht. centrering af den inderste tabel, så kan du bruge margin: 0px auto; da du har sat en fast bredde på tabellen.

<table style="width: 500px; margin: 0px auto;">

Mvh. Johan
Avatar billede pnr Nybegynder
11. april 2006 - 09:44 #2
Mange tak for hjælpen smid et svar så får du point!
Avatar billede johan.o Nybegynder
11. april 2006 - 10:24 #3
Jamen, det kommer her så :)

Mvh. Johan
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