Gå til innhold

hjelp med størrelse på tables


Anbefalte innlegg

Jeg har laget table der problemet er at jeg ikke får stilt på størrelsen på bredden på tabellene. Hvordan får jeg til det? Legger inn eksempelbilde: 70340924.png

 

 

f.eks. navnruta er altfor bred, i forhold til de andre. koden min er som følgende:

 

<TABLE border="1"

summary="Denne tabellen viser personlig info">

<CAPTION><h2>Personlig informasjon</h2></CAPTION>

<TR>

<TH id="header1">Navn</TH>

<TH id="header2">Født</TH>

<TH id="header3">Bosted</TH>

<TH id="header4">Telefon</TH>

 

 

</TR><TR>

<TD headers="header1">Margrethe Hauglie-Hanssen</TD>

<TD headers="header2">14.12.56</TD>

<TD headers="header3">Øvrevn. 74, 1450 Nesoddtangen</TD>

<TD headers="header4">66917068-91773081</TD>

</TR></TABLE>

 

 

 

og csskoden:

 

table, th, td

{

width:100%;

border: 0.2em solid #000;

}

th

{

height:2em;

background-color:black;

color:white;

}

td

{

text-align:center;

padding:1em;

}

Lenke til kommentar
Videoannonse
Annonse

Hei,

 

Du kan enten endre width:100% til hvor bred du vil ha tabellen. F.eks 70%, 500px etc.

 

table {
width:500px;
margin:0 auto;
}

table, th, td
{
border: 0.2em solid #000;
}

th
{
height:2em;
background-color:black;
color:white;
}

td
{
text-align:center;
padding:1em;
}

 

 

Eller så kan du definere width på hver table tag. (da må du fjerne width fra css)

 

Eksempel:

<table width="500">

Endret av Thomas.
  • Liker 1
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...