Avatar billede jazzman Nybegynder
09. december 2001 - 15:41 Der er 16 kommentarer og
1 løsning

tabel-midterstilles horisontalt?

Hvad gør jeg, hvis jeg vil midterstille en tabel horisontalt (så der kommer lige meget luft i top og bund??
<table width=\"100%\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" height=\"300\">

glæder mig til at modtage et svar :o)
Avatar billede backside Nybegynder
09. december 2001 - 15:45 #1
Smider den i en tabel der er 100%*100%
Avatar billede backside Nybegynder
09. december 2001 - 15:47 #2
<body>

<table border=\"0\" width=\"100%\" height=\"100%\" cellspacing=\"0\" cellpadding=\"0\">
  <tr>
    <td width=\"100%\">
      <div align=\"center\">
        <center>
        <table border=\"0\" width=\"100%\" height=\"300\" cellspacing=\"0\" cellpadding=\"0\">
          <tr>
            <td width=\"100%\">
              <p align=\"center\"></td>
          </tr>
        </table>
        </center>
      </div>
    </td>
  </tr>
</table>

</body>
Noget i den stil her.
Avatar billede callesen Praktikant
09. december 2001 - 15:50 #3
Kan du bruge denne her:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>[Ingen titel]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<STYLE TYPE=\"text/css\">
TABLE {
    height:100%;
    text-align:center;
}
</STYLE>
</Head>
<body style=\"margin:0;\">
<div style=\"text-align:center;\">
<table width=\"80%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" bgcolor=\"#808080\">
<tr>
<td>
  CSS-HTML
</td>
</tr>
</table>
</div>
</body>
</HTML>
Avatar billede razmuz_dk Nybegynder
09. december 2001 - 15:52 #4
Det kan skam gøres lettere!

<table height=\"100%\" width=\"100%\">
<tr>
<td valign=\"top\" align=\"center\">
boing
</td>
</tr>
</table>

eller har jeg forstået spørgsmålet forkert? =)

\\\\- >RAZ
Avatar billede backside Nybegynder
09. december 2001 - 15:54 #5
razmuz.dk>> Det der er indholdet der centreres.
Der er tabellen der skal centreres.
Hvis jeg da har forstået der korrekt.
Avatar billede jazzman Nybegynder
09. december 2001 - 16:05 #6
Mange tak for hjælpen....suuuuuper!!!
Avatar billede callesen Praktikant
09. december 2001 - 16:14 #7
Jeg ku\' ikke læse; men du mener vertical centrering:
fx:
<body style=\"margin-top:50px;margin-bottom:50px;margin-left:0px;margin-right:0px;\">
og så ind med tabellen?
Avatar billede backside Nybegynder
09. december 2001 - 19:11 #8
jazzman>> Hvad siger du?
Virker det eller hvad?
Avatar billede bokkis Nybegynder
10. december 2001 - 10:49 #9
<table height=\"100%\" width=\"100%\" valign=\"middle\" align=\"center>
<tr>
<td>
Centreret tabel
</td>
</tr>
</table>
Avatar billede backside Nybegynder
10. december 2001 - 11:55 #10
bokkis>> Hvad nu når der står at højden er 300 Pixel?
Du har jo skrevet det samme som rasmuz.dk.
Avatar billede razmuz_dk Nybegynder
10. december 2001 - 14:43 #11
aah - jeg har husket valign og align ;)
Avatar billede bokkis Nybegynder
10. december 2001 - 14:46 #12
Hvis det står height=300 forandrer du det til height=100%

Er ikke helt det samme som rasmuz.dk skriver, er en forskel på at have height og width i <tabel> og ikke i <td>, men kan du ikke forsøge med bægge to muligheder, og så fortælle oss om det virker?
Avatar billede bokkis Nybegynder
10. december 2001 - 15:36 #13
<html>
<head><title>Jalla side</title></head>
<body>

<table height=\"100%\" width=\"100%\" valign=\"middle\" align=\"center\">
<tr valign=\"middle\" align=\"center\">
<td valign=\"middle\" align=\"center\">
Centreret tabel
</td>
</tr>
</table>

</body>
</html>



(var nogle fejl i mit første svar, dette skulle virke)
Avatar billede bokkis Nybegynder
10. december 2001 - 15:38 #14
Du skal definere height i <tabel> og ha align=middle i <table>
Dette vil midterstille din tabell horisontalt (eller vertikalt?)
Avatar billede callesen Praktikant
11. december 2001 - 20:23 #15
Prøv dette. Man lægger sin tabel ind i en tabel hvor et javaScript bestemmer højden af de frie rum.
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
    <TITLE>[vertical-centreret tabel]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3.5\">
<style>
BODY {
    margin:0px;
    background-color: #ff0000;
}
table, td
{
  border: 2px solid #c0c0c0;
  background-color:transparent;
  table-layout; fixed;
  margin:0px;
    border-collapse:collapse;
}
.maintable {
  border: 2px solid #c0c0c0;
  background-color:#FFFFFF;
  table-layout; fixed;
  margin:0px;
    border-collapse:collapse;
    height:300px;
    width:100%;
}
</style>
</HEAD>
<BODY>
<script language=\"JavaScript\">
document.writeln(\'<table height=\"100%\" width=\"100%\" border=\"0\" valign=\"middle\"><tr><td HEIGHT=\",(screen.height/2)-300,\"></TD></TR><tr><td height=\"300px\"><TABLE CLASS=\"maintable\"><TR><TD WIDTH=\"50%\" STYLE=\"height:50%;\">300 pixel høj tabel, her kan man anbringe en tabel der skal være centreret vertikalt.</TD><TD>&nbsp;</TD></TR><TR><TD>&nbsp;</TD><TD>&nbsp;</TD></TR></TABLE></td></tr><tr><td HEIGHT=\",(screen.height/2)-300,\"></TD></TR></table>\');
</script>
</BODY>
</HTML>
Du kan jo så selv ændre farver og kanter efter behag.
Avatar billede vapi Nybegynder
19. december 2001 - 13:08 #16
Backside -
Jeg havde samme problem som Jazzman.
Dit forslag virkede perfekt!
Tusind tak! =o)
Avatar billede backside Nybegynder
19. december 2001 - 13:37 #17
Så lidt da.  ;)
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