Avatar billede mccookie Seniormester
27. marts 2003 - 13:39 Der er 9 kommentarer og
1 løsning

CSS table - Center

Hejsa

I et stylesheet vil jeg gerne kunne placere min table på midten af siden.......

Min HTML:

<table class=main>

Min CSS:

table.main {

align : middle;

}

Men det virker ikke rigtigt.....som jeg vil!!
Avatar billede ahv Nybegynder
27. marts 2003 - 13:41 #1
prøv med align: center
Avatar billede mccookie Seniormester
27. marts 2003 - 13:42 #2
Virker heller ikke
Avatar billede mccookie Seniormester
27. marts 2003 - 13:42 #3
table.main {

    align: center;
        color: #ff0123;
}
Avatar billede mathiash Nybegynder
27. marts 2003 - 13:56 #4
Jeg tror vist at det hedder: <table class="main">
Avatar billede mccookie Seniormester
27. marts 2003 - 13:58 #5
det er underordnet om det er: ="main" eller =main
Avatar billede mccookie Seniormester
27. marts 2003 - 13:59 #6
<html>

<head>

  <link rel="stylesheet" type="text/css" href="style/style.css">

  <title> Test site - Linda Weiler Larsen </title>

</head>

<body>



  <table class=main border=1>

  <tr>
    <td>Test test</td>
    <td>Test test</td>
  </tr>

  </table>

</div>


</body>

</html>

body {

    margin: 10px 10px 10px 10px;
        background-color: inherit;
        border: 10px solid blue;
        overflow: auto;


}

table.main {

    width: 95%;
    text-align: center;
        color: #ff0123;
}

Jeg vil bare have placeret tabellen i midten af siden
Avatar billede exp Juniormester
27. marts 2003 - 15:08 #7
Avatar billede ahv Nybegynder
27. marts 2003 - 16:16 #8
<html>

<head>

  <link rel="stylesheet" type="text/css" href="style/style.css">

  <title> Test site - Linda Weiler Larsen </title>

</head>

<body>


<div align="center">
  <table class=main border=1>

  <tr>
    <td>Test test</td>
    <td>Test test</td>
  </tr>

  </table>

</div>


</body>

</html>
Avatar billede claushelth Nybegynder
31. marts 2003 - 18:32 #9
Jeg blander mig lige, da jeg selv sidder med samme problem.

Ja det virker fint...men den er jo ikke blevet centreret med css, og det var vel det der var meningen, eller hvad?

jeg har en løsning her:
test.css:
.side{
width:650px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
color:black;
background:#eeeeff;
border:solid 1px #666699;
}

.indhold{
text-align:left;
padding: 10px
}

index.htm:
<html>
<head>
<!-- Stylesheet til hjemmesiden -->
<link rel=StyleSheet href="test.css" type="text/css">
</head>
<body>

<div class="side"><div class="indhold">
    <table border=2>
        <tr>
            <td colspan=2>Overskrift
            </td>
        </tr>
        <tr>
            <td>Noget tekst
            </td>
            <td>Noget andet tekst
            </td>
        </tr>
    </table>

</div></div>
</body>
</html>

Det virker fint hvis jeg viser det normalt, men hvis jeg sætter det sammen med noget php, så vil den ikke centrere det....æv, for så er det jo lidt ligemeget.

claus
Avatar billede exp Juniormester
01. april 2003 - 09:26 #10
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