Avatar billede 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">
Avatar billede 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
Avatar billede 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
}
Avatar billede 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
}
Avatar billede 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
Avatar billede rit Nybegynder
01. juni 2004 - 18:40 #5
skovenborg > jeg får hvid baggrundsfarve både i toppen og til venstre :(
Avatar billede 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 */
Avatar billede skovenborg Nybegynder
01. juni 2004 - 18:47 #7
men du vil måske kun have cellerne i tabellen centrerede alligevel?
Avatar billede 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%;
}
Avatar billede 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;
}
Avatar billede 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)
Avatar billede 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 ?
Avatar billede 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;
Avatar billede 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 :)
Avatar billede skovenborg Nybegynder
01. juni 2004 - 21:31 #14
jo - det kan jeg da lige klare ;-)
Avatar billede skovenborg Nybegynder
01. juni 2004 - 23:27 #15
og tak for points :-)
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