CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede warsaw Nybegynder
23. februar 2007 - 13:07 Der er 12 kommentarer og
1 løsning

centrer hjemmeside

Hej

Jeg bruger NVU som mit hjemmesideværktøj. Men jeg kan ikke få min side centeret.

Har forsøgt med html koder af hvad jeg har læst her men kan ikke få det til at virke.

min hjemmeside indeholder kun en tabel og den ønsker jeg bare centreret...
Avatar billede joggy Nybegynder
23. februar 2007 - 13:10 #1
I koden for din tabel kan du skrive:

style="margin-left: auto; margin-right: auto;"

Så skulle den gerne smide tabellen ind i midten af siden :)
Avatar billede warsaw Nybegynder
23. februar 2007 - 13:16 #2
hej min kode ser således ud:

style="background-color: rgb(0, 0, 0); text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="2">

og den står også centreret i NVU men når jeg så kigge på den i browser - wupti så er den i left...
Avatar billede joggy Nybegynder
23. februar 2007 - 13:23 #3
Du er sikker på, at du ikke har en tabel uden om den tabel du satte koden ind i, ik?

Når jeg laver sider som jeg vil have centreret så starter jeg dem altså sådan her, efter head:

<body style="text-align: center; margin: 0px;">
    <table style="width: 700px; margin-left:auto; margin-right:auto;">
    ...Fyld...
    </table>
</body>

hvis det ikke virker, så prøv evt. at smide alt koden op, eller send den til mig, så skal jeg se om jeg kan få den til at gøre som den skal.
Avatar billede warsaw Nybegynder
23. februar 2007 - 13:26 #4
Takker... jeg ligger alle koderne her...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>Michael Hein Pilgaard</title>
</head>
<body
style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"
alink="#ffffff" link="#3333ff" vlink="#ffffff">
<table
style="background-color: rgb(0, 0, 0); text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="2" cellspacing="2">
  <caption></caption><tbody>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr align="center">
      <td colspan="3" rowspan="1" valign="undefined"><font
size="+2"><span style="font-weight: bold;">m</span>
&nbsp;i &nbsp;c &nbsp;h &nbsp;a &nbsp;e
&nbsp;l&nbsp; <span style="font-weight: bold;">&nbsp;
&nbsp; h</span> &nbsp;e &nbsp;i &nbsp;n&nbsp;
&nbsp; &nbsp; <b>p</b>&nbsp; i&nbsp;
l&nbsp; g &nbsp;a&nbsp; a &nbsp;r &nbsp;d<br>
      </font></td>
    </tr>
    <tr align="center">
      <td colspan="3" rowspan="1" valign="undefined"><font><a
href="mailto:michael@heinpilgaard.dk" target="_blank"><font
size="-1">k o n t a k t<br>
      <br>
      </font></a></font></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td style="text-align: center;" valign="undefined"><a
class="thumbnail" href="images/boern/album/index.html"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="file:///C:/Documents%20and%20Settings/pilgaard.MPIL-TP/Skrivebord/Michaels%20Hjemmeside/images/Forside/boern_frontfoto.jpg"></a></td>
      <td style="text-align: center;" valign="undefined"><a
class="thumbnail" href="http://www.pbase.com/pse/landscapes"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="file:///C:/Documents%20and%20Settings/pilgaard.MPIL-TP/Skrivebord/Michaels%20Hjemmeside/images/Forside/natur_frontfoto.jpg"></a></td>
      <td style="text-align: center;"><a
class="thumbnail" href="http://www.pbase.com/pse/motorsport"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="file:///C:/Documents%20and%20Settings/pilgaard.MPIL-TP/Skrivebord/Michaels%20Hjemmeside/images/Forside/arkitektur_frontfoto.jpg"></a></td>
    </tr>
    <tr>
      <td style="text-align: center;"><font size="-1"><b
style="font-family: Verdana;">B&oslash;rn</b></font></td>
      <td style="text-align: center;" valign="undefined"><font
size="-1"><b style="font-family: Verdana;">B&oslash;rn</b></font></td>
      <td style="text-align: center;" valign="undefined"><font
size="-1"><b style="font-family: Verdana;">B&oslash;rn</b></font></td>
    </tr>
    <tr>
      <td style="text-align: center;"><a
class="thumbnail" href="images/Boern/boern/index.html"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="images/Forside/boern_frontfoto.jpg"></a></td>
      <td style="text-align: center;" valign="undefined"><a
class="thumbnail" href="images/Boern/boern/index.html"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="images/Forside/boern_frontfoto.jpg"></a></td>
      <td style="text-align: center;" valign="undefined"><a
class="thumbnail" href="images/Boern/boern/index.html"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="images/Forside/boern_frontfoto.jpg"></a></td>
    </tr>
    <tr>
      <td style="text-align: center;" valign="undefined"><font
size="-1"><b style="font-family: Verdana;">B&oslash;rn</b></font></td>
      <td style="text-align: center;"><font size="-1"><b
style="font-family: Verdana;">B&oslash;rn</b></font></td>
      <td style="text-align: center;"><font size="-1"><b
style="font-family: Verdana;">B&oslash;rn</b></font></td>
    </tr>
    <tr>
      <td style="text-align: center;"><a
class="thumbnail" href="images/Boern/boern/index.html"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="images/Forside/boern_frontfoto.jpg"></a></td>
      <td style="text-align: center;" valign="undefined"><a
class="thumbnail" href="images/Boern/boern/index.html"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="images/Forside/boern_frontfoto.jpg"></a></td>
      <td style="text-align: center;" valign="undefined"><a
class="thumbnail" href="images/Boern/boern/index.html"><img
style="border: 0px solid ; width: 160px; height: 106px;"
class="thumbnail" alt=""
src="images/Forside/boern_frontfoto.jpg"></a></td>
    </tr>
    <tr>
      <td style="text-align: center;" valign="undefined"><font
size="-1"><b style="font-family: Verdana;">B&oslash;rn</b></font></td>
      <td style="text-align: center;" valign="undefined"><font
size="-1"><b style="font-family: Verdana;">B&oslash;rn</b></font></td>
      <td style="text-align: center;" valign="undefined"><font
size="-1"><b style="font-family: Verdana;">B&oslash;rn</b></font></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
    <tr>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
      <td align="undefined" valign="undefined"></td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>
Avatar billede Slettet bruger
23. februar 2007 - 13:34 #5
begynd dit doc med denne :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede warsaw Nybegynder
23. februar 2007 - 13:40 #6
ibtage

Det virker desværre ikke hos mig
Avatar billede joggy Nybegynder
23. februar 2007 - 13:49 #7
Af en eller anden grund, så virker margin tingen ikke lige i Inter Explorer det er ellers ikke tit jeg oplever det, men det virker fint i Firefox.

Så nu har jeg fundet en måde til at få det til virke i Internet Explorer men den er ikke pæn og måske en lidt dum måde at gøre det på, men det virker:

hvis du laver et <center> tag omkring hele din <body> så bliver den centreret.
Avatar billede warsaw Nybegynder
23. februar 2007 - 13:53 #8
jeg aner ikke var du menet med ikke pænt.

men da jeg satte <center> foran body og </center> efter det sidste body virkede der...

super tak for hjælpen.
Avatar billede Slettet bruger
23. februar 2007 - 13:53 #9
Der er en del du skal have rettet 'fejl' - beklager at jeg ikke har tid til at kigge din kode igennem lige nu, men håber på at der kommer en anden inden jeg vender tilbage

Se her :
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ibbo.frac.dk%2Fmichael.htm

Jeg har lagt din kode her :

http://www.ibbo.frac.dk/michael.htm
Avatar billede warsaw Nybegynder
23. februar 2007 - 13:54 #10
forresten du får lige point.. sorry...

er du også dygtig til simpleviewer - det er nemlig mit fotoside jeg er ved at lave...
Avatar billede warsaw Nybegynder
23. februar 2007 - 13:57 #11
sorry ibtage det var ellers også super hjælp - ville gerne have fordelt point.
Avatar billede Slettet bruger
23. februar 2007 - 15:09 #12
Det kan du gøre en anden gang, har ikke særlig brug for flere point, det vigtigste er at du får din side programeret rigtigt
Avatar billede joggy Nybegynder
23. februar 2007 - 15:54 #13
Tak for point. :)

Må give ibtage ret i, at din kode ikke er så "pæn".. Det er en god ide, at læse lidt om noget HTML og CSS. Så du kan skrive koden selv, det gør det meget nemmere at rette i, hvis der opstår fejl osv.

Men det kommer selvfølgelig an på det behov. Men en god side lige at kigge på er: www.html.dk, den har nogle ganske simple artikler til nybegyndere.
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
Power Automate, åben en fil der er delt med mig Af KATM i Programmeringsværktøjer 1 16/02/202409:07 19/02/202409:10
Prisberegner til hjemmeside Af Michael Vahl i Programmeringsværktøjer 4 14/01/202417:30 21/01/202409:21
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
36 min siden Navn i stifinder til ny bruger: C:\Users\defaultuser100000 Af Jørgen Kirkegaard i Windows
I dag 11:44 Sti og filnavn i sidefod Af boro23 i Word
I dag 11:02 Zyxel Multy U netværk Af jcr18 i Wifi
I dag 08:52 DOWNLOAD TIL SAMME MAPPE Af snestrup2000 i Browsere
I dag 00:54 Windows 11 Pro - IIS Af bsn i Windows
White papers
Flere white papers »


Premium
Teaser billede
Meldes til politiet for grove GDPR-brud og elendig sikkerhed: Mere end 1.000 tidligere ansatte har haft fri adgang til centralt KMD-system
Læs mere »
Disse seks anbefalinger fra den danske it-branche skal sikre Danmarks digitale kvantespring
Kunderne raser, og priserne er eksploderet: Alligevel er salget af VMware en kæmpe-succes
Boghandler er blevet en af Danmarks førende eksperter i Microsoft Teams: "Til at begynde med virkede det fuldstændig uopnåeligt"
Se alle »
Computerworld
Teaser billede
Stort Microsoft-nedbrud rammer flere kunder: Problemer med Teams og mails
Læs mere »
Test: Den snusfornuftige Volkswagen ID.3 blevet til lidt af el-bisse
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Se alle »
CIO
Teaser billede
Stort Microsoft-nedbrud rammer flere kunder: Problemer med Teams og mails
Læs mere »
Microsoft hæver priserne på M365: Sådan kommer de nye priser til at ramme
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Microsoft et døgn efter nedbrud: Stadig problemer med Outlook
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Twoday er rykket til et af de dyreste postnumre i Danmark – og det kan betale sig, siger topchef Lars Berthelsen
Se alle »
White paper
Teaser billede
Sikkerhed uden grænser: Cisco Hypershield
Læs mere »
Vær proaktiv og prioritér IT-sikkerheden – før det er for sent
Sådan: Én løsning til compliance, sikkerhed og overblik
MDR: Transparent sikkerhed og overvågning i realtid
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »