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
I dag 18:25 Simpel diagram Af JayTee i Excel
I dag 17:57 Gantt Chart Wizard Af per2edb i Access
I dag 16:42 Hjælp til bas i pc Af Ferodile i PC
I dag 12:47 Kopiere billeder fra mobil til usb stik Af bpnorskov i Backup- & Antivirus
I dag 11:16 Beregne gennemsnitspris baseret på forholdet af antal m2 og priser Af HHA i Excel
White papers
Flere white papers »


Premium
Teaser billede
Vil indkøbe it-konsulenter for op til 145 millioner kroner: Står klar med kæmpe-kontrakt
Læs mere »
Efter fordobling af omkostninger: Stor it-løsning til udlændinge-kontrol bliver næsten et år forsinket
Columbus fortsætter fremmarchen i Danmark – har udvidet topledelsen til fem personer: "Vi har to meget stærke tog, der trækker os frem"
Politiet vil indkøbe avanceret efterforsknings-software for en kvart milliard kroner
Se alle »
Computerworld
Teaser billede
Russisk domstol: Google skal betale 20 kvintilliarder dollar i bøde - fordobles løbende
Læs mere »
Test: Det er nærmest vanedannede at anvende disse mini-tastaturer
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Test af Apple Watch Series 10: Apples jubilæums-model er blevet lidt af en mester af det hele
Se alle »
CIO
Teaser billede
It-leverandør ramt af flodbølge af erstatningskrav fra kunder efter cyberangreb
Læs mere »
Novo Nordisk satsede på HoloLens, men nu har Microsoft dræbt produktet
Jyske Bank er en af de største ejere af Bankdata – men nu har banken købt et nyt system hos konkurrenten BEC
Trods "indlysende ulempe": CIO Torben Ruberg siger nej til at konsolidere Satairs stribe af ERP-systemer
Se alle »
Job & Karriere
Teaser billede
Pludselig exit fra Schultz kom som en overraskelse for Merete Søby: Derfor stoppede samarbejdet
Læs mere »
Danske Aeven flytter hele hovedkontoret med 600 medarbejdere til ny adresse og tager Sentia med
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Top-profilen Helle Huss ny direktør i Microsoft Danmark - tiltræder om to måneder
Se alle »
White paper
Teaser billede
Styrk compliance, sikkerhed og overblik med ét hug
Læs mere »
Informationshåndtering på frontlinjen: Sådan optimerer du med automatisering
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Se alle »

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