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
46 min siden Kan VPN hjælpe mig med at se Disney - Amazon betalt i Colombia, men bruge i DK? Af klavil i Andet software
I går 13:45 Udskrivningsproblemer Af Faxholm i PC
29/0717:36 støj fra bilradio når jeg oplader min telefon og hører musik via aux stikket Af ibnielsen i Mobiltelefoner
29/0708:58 Camera til usb > 30 Megapixel Af KurtG i Foto & video
29/0703:15 omarrangering af skærme Af jcr18 i Skærme
White papers
Flere white papers »


Premium
Teaser billede
Ddos-angreb sender Microsoft-tjenester i knæ: Ramt af 10 timer langt nedbrud i går
Læs mere »
Historisk stor løsesum betalt på halv milliard kroner: Se hvem der står bag
Teknologi og telekommunikation trækker op: Handlen med virksomheder stiger igen
Sundhedssektoren topper suverænt listen over dyreste databrud: Så meget stiger omkostningerne
Se alle »
Computerworld
Teaser billede
Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?
Læs mere »
Første test: Denne helt nye wunder-CPU vil du have i din næste laptop
Test: Endelig kan man få en soundbar der lyder godt - og som ikke behøver nogen klodset subwoofer
Nørgaard: Jeg har jo sagt det gang på gang på gang! VMS er det bedste styresystem EVER! Men lytter folk?! Nej, nej og atter nej!
Se alle »
CIO
Teaser billede
Stor aftale gør Microsofts datacentre hurtigere - investerer i netværksudstyr
Læs mere »
Top-CIO Rasmus Lundgaard Pedersen balancerer hele tiden mellem to poler
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
KMD-direktør forlader selskabet: Det skal hun nu
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Sådan gør du: Elektronisk dokumentudveksling i praksis
Læs mere »
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
Sådan høster du forretningsfordelene ved Internet of Things
Se alle »

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