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

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Kodning af element i custom css Af Jacob Hedelund i Andet programmering	3	14/10/202410:35	14/10/202419:46
Delphi 11 - converter webp til jpg fil Af juzas i Andet programmering	5	12/10/202413:28	14/10/202403:54
Trim tekst i batch script Af Dan Elgaard i Andet programmering	5	05/09/202411:08	10/09/202415:29
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

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

01/11

Test af Apple Watch Series 10: Apples jubilæums-model er blevet lidt af en mester af det hele

01/11

Google Clouds netop fratrådte topchef har fundet sit nye job: Bliver en af de mest magtfulde personer hos ServiceNow

01/11

Nu går OpenAI efter struben på Google: ChatGPT fungerer nu også som en AI-søgemaskine

01/11

Nørgaard: Agenterne kommer, og jeg er klar: Måske bliver min gamle drøm snart virkelighed

01/11

Staten vil selv udvikle kæmpe it-system til 650 millioner kroner: Nu tvinges regeringen til at lægge vigtige dokumenter frem

01/11

Det går fantastisk på det danske Dynamics-marked: NNIT-selskabet Scales kan vælge og vrage mellem opgaver

01/11

Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre

01/11

Skelsættende GDPR-sag ændrer definitionen af 'følsomme oplysninger'

01/11

Google indlemmer sin AI Gemini i Google Maps, Google Earth og Waze: Det kommer det til at betyde

01/11

Microsoft: Tvungen skift til Windows 11 kan udskydes med et år, hvis du betaler os 200 kroner

01/11

Sådan blev Margrethe Vestager ’Silicon Valleys største fjende’

Vis flere artikler

IT-JOB

Danmarks Lærerforening

Erfaren forandringsleder til digital transformation hos Danmarks Lærerforening

Statens IT

Service Request Manager til analyse og udvikling

Cognizant Technology Solutions Denmark ApS

Sr. Test Analyst

Region Midtjylland

Nysgerrig tester til manuel og automatiserede tests af systemer til hospitalerne i Region Midtjylland

Saphe A/S

Quality Assurance Engineer

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 06:10	Excel åbner fil i kæmpe format Af Aske i Excel
I går 22:00	Datafordeler Af Lsk i PHP
I går 12:37	Summere beløb pr. dato Af TTA i Excel
31/1022:44	Tilslutte chassic fans Af viking69 i PC
31/1020:28	LED lysstofrør Af ErikHg i Fri debat