Gå til innhold

sette table utseende i css

Anterialis

Anbefalte innlegg

Lokaltog

Lokaltog

Skrevet
Skrevet (endret)

Hvis <table align="center">...</table> funker, så bruk den. Er det forresten dette du mener, w3p?

 

Til Toolshed: nei, dette påvirker selve tabellens plassering i dokumentet, ikke teksten. Dvs. tabellen blir midtstilt, mens teksten kan være venstrejustert inni tablen.

 

edit: det du kan gjøre er (avhengig av hva du vil frem til) i CSS:

table{align:center} // sentrerer tablen (hvis det funker i CSS da)
table{text-align:center} // sentrerer teksten inni

Endret av lokaltog
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
FuLu

FuLu

Skrevet
Skrevet

CSS:

body
{
 text-align: center;
}

table
{
 margin: 0 auto;
 text-align: left;
 width: 760px;
}

 

HTML (gadd ikke skrive komplett html kode :blush: ) :

<body>

<table>
<!-- divers TR/TD e.l. elementer her -->
</table>

</body>

 

Eksemplet over skal etter min mening fungere. Legg merke til at jeg har definert bredden på table, samt den text-align: left. Grunnen text-align: left, er fordi den i body overstyrer alle childs.

Lenke til kommentar
Anterialis

Anterialis

Skrevet
  • Forfatter
Skrevet

I html? vet ikke. gidder ikke skrive det på alle. vil ha det i css :)

Men har nå skrevet dette i css:

 

body

{

background-image: url("bgbilde_blue_1280.jpg");

backround-repeat: no-repeat;

backround-position: center center;

backround-attachment: fixed;

text-align: center;

}

 

table

{

margin: 0 auto;

border-style: groove;

backround: transparent;

text-align: left;

}

 

Jeg har fått tabellen midstilt, men nå er også teksten midtstilt. Det vil jeg ikke ha!! hehe.. noen forslag til å få teksten til venstre igjen, med tabellen i midten?

Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet

Hvis du har definert høyden i tabellen, så kan du bruke overflow: auto; f.eks, men dette har vært tatt opp før i en eller annen post her. Og det viste seg at table og td'en ikke var så flink på overflow, husker ikke helt. Prøv deg hvertfall på å definere høyden på tabellen/TD'en som du vil ha scroll i. Til samme TD'en gir du også egenskapen overflow: auto; Mulig du måtte ha dette inni en DIV inni TD'en igjen.

Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet (endret)

Nå vet jeg ikke layouten på siden du lager, men kanskje du kunne prøve deg på dette:

 

<style type="text/css">
<!--
#content
{
 height: 300px;
 overflow: auto;
}
-->
</style>

<table>
<tr>
<td>meny</td>
<td><div id="content">innhold</div></td>
</tr>
</table>

 

Edit: fyll innhold DIV'en med masse lipsum f.eks, eller masse tekst så de fyller mer enn høyden, da ser du om det fungerer eller ei.

Endret av FuLu
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å
Gå til emneliste
×
×
  • Opprett ny...