hjemmeside lægger sig venstre side, hvorfor?

Tilføj "margin: auto" til din table:

<table width="800" border="0" cellpadding="100" align="center" style="margin: auto;">

Så skulle den være der.

-- og så gå over til kodening anno 2009 i stedet for 1995 ...

I head-sektionen:
<style type="text/css">
#mainTable{
  width:800px;
  margin:0 auto;
  border:0;
  border-collapse:collapse;
}
#mainTable td{
  padding:100px;
}
</style>

-- i html-koden bliver det så:

<table id="mainTable">

Bemærk, at hvis du også vil have det til at virke i IE6, så også behøver 'the doctype switch', altså at bruge en fuldt kvalificeret doctype inkl. dtd-link (hvilket du allerede bruger !-)

'the surfer's svar fungerede udmærket. Skal du ikke have points? :o)

Roesving fortæller givet noget vigtigt og væsenligt, men jeg forstår det ikke helt.
Siger du med andre ord, at man bør lægge en tabel ind i stylesheeted, når man har en tabel, eller hvad?

Skriv evt. begge svar, særligt hvsi Roenving kommer med en uddybende forklaring ;o)

Man bør style tabellen med css, selve tabellen skal selvfølgelig stadig være i html-koden !-)

-- og strandløvens kode fungerer garanteret ganske udmærket, men er principielt fuldstændig inkompatibel med xhtml, men da det (xhtml i den nuværende form !-) principielt er inkompatibelt med hvadsomhelst gør det nok ikke så meget ...

-- men jeg vil stadig anbefale, at du skriver kode anno 2009 og ikke kode anno 1995 !o]

Bring back the good ol' 90's! :)

nah.. Det er godt at separare HTML og layout, f.eks. ved at putte tabellen i HTML filen, og tabellens attributter/egenskaber i CSS filen.

Der går nok noget tid, før man rigtigt kommer igang med XHTML.. men det er naturligvis ikke en undskyldning for ikke at fremtidssikre sitet..

- Svar.

Roesving: Og du mener at jeg skriver 2009 kode ved at indskrive tabellen i css'et?

The Surfer: så du mener at jeg bør lægge align, width osv i css'en, og derfor også kode tabellen som en div-tag?

PS: hvorfor vælger Roesving at kalde tabellen "main Table". Er det en konvention?

Generelt:

CSS-filer bliver cachet, hvilket betyder at de bliver læst ind 1 gang.. derefter går det hurtigere med at læse din CSS kode, da browseren fisker filen op af cachen, i stedet for at skulle loade indholdet fra internettet.


Hvis du opretter et stylesheet via en CSS-fil, har du layoutet defineret 1 sted.

Når du så beslutter dig for at lave sitet f.eks. i en anden farve, opretter du bare en ny CSS-fil, og linker til den nye i stedet.

Du kan så derefter skifte mellem dine stylesheets, så hurtigt som du kan nå at skifte href-attributten på dit link-tag.

Eksempel:

Stylesheet med grønne farver:
<link rel="stylesheet" type="text/css" href="gron.css">

Stylesheet med røde farve:
<link rel="stylesheet" type="text/css" href="rod.css">


Med hensyn til navngivningen:

Hvis du har en række ting der har med "main" at gøre, vil det virke logisk og naturlig at disse ting er "samlet".


Lad os sige at du har 2 menuer.. 1 i venstre side og 1 i toppen.
Begge menuer har specielle attributter.

Du kunne så samle dem sådan her, hvis du ville:


#menuLeft

#menuLeftNogetHer

#menuLeftOgNogetMere


#menuTop

#menuTopDims

#menuTopTingest


HUSK - "#" vs ".":


Hvis du bruger "#abc", er det fordi du bruger:

<EtTagNavnHer id="abc">


Hvis du bruger ".def", er det fordi du bruger:

<EtTagNavnHer class="def">

- tak for den udførlige forklaring!