CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

rit Nybegynder

01. juni 2004 - 17:59 Der er 14 kommentarer og
1 løsning

Kan man centrere tabel med ext. CSS

Tænker på om man kan lave om på CSS forneden.

Og så plasere med: <TABLE class="tabel_1">

.tabel_1
{
background-color: #ffecb2;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
height:100%;
width:100%;
}

Jeg vil helst undgå at bruge f.eks. <td align="center">

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 18:09 #1

skal hele tabellen i midten? For så skal de vel heller ikke fylde 100% i både bredde og højde.

Prøv som et alternativ til align at bruge text-align

Synes godt om

rit Nybegynder

01. juni 2004 - 18:20 #2

skovenborg > korekt den skal ikke være 100%

Kan man så lave den om til:
.tabel_1
{
background-color: #ffecb2;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
height:100%;
width:80%;
text-align:center
}

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 18:25 #3

ja, så kan du prøve med:
.tabel_1
{
background-color: #ffecb2;
margin:0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
height:100%;
width:80%;
text-align:center
}

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 18:26 #4

eller lidt kortere:
.tabel_1
{
background-color: #ffecb2;
margin:0px auto;padding:0px;
height:100%;
width:80%;
}
text-align center er nok ikke påkrævet her

Synes godt om

rit Nybegynder

01. juni 2004 - 18:40 #5

skovenborg > jeg får hvid baggrundsfarve både i toppen og til venstre :(

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 18:47 #6

mener du at tabellen ikke rører kanten helt?

Så prøv at tilføje:
body {margin:0px;padding:0px;} /* Padding er til Operabrowseren */

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 18:47 #7

men du vil måske kun have cellerne i tabellen centrerede alligevel?

Synes godt om

rit Nybegynder

01. juni 2004 - 18:54 #8

Det som også undrer er at der er en hvid kant foroven og til venstre for tabellen med den her:
.tabel_1
{
background-color: #ffecb2;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
height:100%;
width:100%;
}

Synes godt om

rit Nybegynder

01. juni 2004 - 18:57 #9

Man er måske nødt til at bruge body for at få hele bagrunden gul
body
{
background-color: #ffecb2;
}

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 19:05 #10

grunden til at du ser de hvide kanter er fordi selve body-elementet har lidt margin du først skal af med, altså:
body {margin:0px;} - se også 01/06-2004 18:47:03 (hvor jeg også har padding med pga. opera)

Synes godt om

rit Nybegynder

01. juni 2004 - 19:15 #11

skovenborg > takker, Så fik jeg styr på baggrundsfarven.

Jeg har brugt dem her inde i tabellen:
<td valign="top" align="center">xx</td>

Er der muligt at styre det ext. med CSS ?

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 20:17 #12

align vil her vel blive erstattet af text-align:center;
og valign bliver erstattet af vertical-align:top;

Synes godt om

rit Nybegynder

01. juni 2004 - 20:54 #13

takker, det var en hel del
du skal ha points, så du må lige hjælpe med et svar :)

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 21:31 #14

jo - det kan jeg da lige klare ;-)

Synes godt om

skovenborg Nybegynder

01. juni 2004 - 23:27 #15

og tak for points :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS