CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

stamon Nybegynder

12. april 2009 - 19:44 Der er 8 kommentarer og
1 løsning

Center tabel

Ved desværre ikke hvordan jeg kan forklare...

Ønsker at lave en hjemmeside, hvor en tabel er i centrum i højden af hjemmesiden og er 100% i breden.

Se illustration: http://go2cph.dk/Enkelt/

Tak for hjælpsomheden

Ønsker en løsning i HTML/PHP ...eller hvad det nu hedder :)

Synes godt om

RexReptiles Nybegynder

12. april 2009 - 19:49 #1

erstat (din bredde) og (din højde) - med pixel mål.

<table width=100%><tr><td align=center>

<table width=(din bredde)><tr><td height=(din højde1)>
</td></tr><tr><td height=(din højde2)>
</td></tr><tr><td height=(din højde3)>
</td></tr></table>
</td></tr></table>

Synes godt om

CCodam Nybegynder

12. april 2009 - 19:51 #2

Det letteste ville nu være at lavet det med css

i din style.css fil:
div.centered
{
}
div.centered table
{
margin: auto auto;
}

i din index.hmtl fil:

<head>
...
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body
...
<div class="centered"><table>
</table>
</div>
...
</body>

Dette vil få din tabel til at blive centreret både vandret og lodret :)

Du må endelig skrive, hvis du har spørgsmål til overstående, eller det ikke giver det ønskede resultat

Synes godt om

RexReptiles Nybegynder

12. april 2009 - 20:11 #3

Css er en super god måde at gøre din html kode ren med.
du burde vælge CCodam's løsning

hvis det var i en php fil forresten så er det ->

<?php echo "
<table width=100%><tr><td align=center>

<table width=(din bredde)><tr><td height=(din højde1)>
</td></tr><tr><td height=(din højde2)>
</td></tr><tr><td height=(din højde3)>
</td></tr></table>
</td></tr></table>
" ?>

Synes godt om

RexReptiles Nybegynder

12. april 2009 - 20:15 #4

eller med CCodam's

<?php echo"<head>
<link rel='stylesheet' type='text/css' href='style/style.css'>
</head>
<body
<div class='centered'><table>
</table>
</div>
</body>"; ?>

Synes godt om

stamon Nybegynder

12. april 2009 - 20:24 #5

Tak for begge jeres svar.

Til Ccodam:

Jeg har prøvet din 'kode', men der gå desværre noget galt.

På samme side som før ( http://go2cph.dk/Enkelt/ ) har jeg uploadet mit forsøg. Jeg ønsker at få den grå tabel i center af skærmen.

Tak for hjælpen :c)

Synes godt om

RexReptiles Nybegynder

12. april 2009 - 20:39 #6

hvis du bruger CSS metoden - så skal du sætte din width i pixel
i <table>
width=600
og højde i <td>
height=100

Synes godt om

RexReptiles Nybegynder

12. april 2009 - 20:45 #7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STAMON › Just simple</title>

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

</head>

<BODY style="MARGIN: 0px">
<div class="centered"><table bgcolor="#000000">
</table>
<table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#333333">
<tr>
<td height="100" bgcolor="#333333"> </td>
</tr>
<tr>
<td height="400" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td height="100" bgcolor="#333333"> </td>
</tr>
</table>
</div>

</BODY>

eller delt i 3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STAMON › Just simple</title>

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

</head>

<BODY style="MARGIN: 0px">
<div class="centered"><table bgcolor="#000000">
</table>
<table width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="#333333">
<tr>
<td height="600" bgcolor="#333333"> </td>
</tr>
</table>
</div>

</BODY>

Synes godt om

stamon Nybegynder

12. april 2009 - 20:51 #8

Det skal lige siges, at jeg er total nybegynder :c)

Jeg er slet ikke med.. Hvad gør jeg galt?

________

I mit .html dokument:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STAMON › Just simple</title>

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

</head>

<BODY style="MARGIN: 0px">
<div class='centered'><table>
</table>
</div>

</BODY>

________

I mit .css dokument:

div.centered
{
}
div.centered table
{
margin: auto auto;
}

Synes godt om

RexReptiles Nybegynder

12. april 2009 - 20:54 #9

prøv en af dem jeg smed op i mit sidste svar -
de burde kunne arbejdes videre med i din editor :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29
Modifyed Field for all Records in Access Af ingeman i Andet programmering	2	29/04/202416:05	30/04/202407:19
Delphi - Parser JSON Fil Af juzas i Andet programmering	4	25/02/202407:13	28/02/202420:56
Bat fil Af sjass i Andet programmering	5	15/01/202417:45	15/01/202420:35

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS