Hele pagina centreren (in hogere resoluties)

[Verwijderd]

Waarschijnlijk een niet al te pienter vraagje:
Hoe krijg ik een pagina helemaal gecentreerd op een hogere resolutie?

Dus dat ik het zo zal krijgen:

800x600 1024x768
----------------- -----------------------
|*****************| | |
|*****************| | ******************* |
|*****************| | ******************* |
|*****************| | ******************* |
|*****************| | ******************* |
----------------- | ******************* |
| |
------------------------

Uiteraard moet dit met een tabbeletje, maar hoe precies?

Alvast bedankt!

[Verwijderd]

1) Met een tabel

code:

<center>
  <table width="800">
    <tr>
    <td>
      blaaaat
    </td>
    </tr>
  </table>
</center>

2) Met een frameset

code:

<frameset cols="*,800,*">
  <frame src="spacer.html">
  <frame src="main.html">
  <frame src="spacer.html">
</frameset>

[Oogst]

Is er ook een manier om dit rechtstreeks met Dreamweaver 4 te doen? Ik heb namelijk geen verstand van HTML, dus ik weet niet welke van deze twee ik zou moeten hebben en waar ik het neer zou moeten zetten in de code.

[Verwijderd]

Vraag beetje verkeerd geformuleerd- het gaat om het verticale centreren..

Hoe doe ik dit?

[Verwijderd]

Op zondag 14 oktober 2001 20:49 schreef Oogst het volgende:
Is er ook een manier om dit rechtstreeks met Dreamweaver 4 te doen? Ik heb namelijk geen verstand van HTML, dus ik weet niet welke van deze twee ik zou moeten hebben en waar ik het neer zou moeten zetten in de code.

Krijg je van mij een persoonlijke tip:
Ga HTML leren, want zo moeilijk is het niet.

www.w3schools.com

Het kan ook wel direct in DW, maar hoe weet ik niet uit m'n hoofd, ik gebruik het al een hele tijd niet meer.

[Verwijderd]

Op zondag 14 oktober 2001 20:52 schreef boffers het volgende:
Vraag beetje verkeerd geformuleerd- het gaat om het verticale centreren..

Hoe doe ik dit?

vertikaal centreren kun je _niet_ gewoon met een tabel doen, dat is niet officieel toegelaten in HTML. Volgens mij mag dat met die frameset wel, dan moet je van 'cols' 'rows' maken.

Ook kan het met een <div> tag in plaats van een tabel, maar dan moet je CSS gebruiken.

[Oogst]

HTML leren? Ik heb nog zoveel dingen die ik wil leren, en HTML staat zo ongeveer onderaan dat rijtje. Vóór HTML komen eerst nog: het nieuwe bones-systeem van 3d Studio MAX4, Flash, Adobe Premiere en Adobe Illustrator. Daarna komt HTML ooit nog aan de beurt.

[Oefening]

ja, dat kan ook met dreamweaver

[Verwijderd]

Op zondag 14 oktober 2001 20:55 schreef Oogst het volgende:
HTML leren? Ik heb nog zoveel dingen die ik wil leren, en HTML staat zo ongeveer onderaan dat rijtje. Vóór HTML komen eerst nog: het nieuwe bones-systeem van 3d Studio MAX4, Flash, Adobe Premiere en Adobe Illustrator. Daarna komt HTML ooit nog aan de beurt.

Dat vind ik een hele rare volgorde maar goed... het is jouw feestje.

[Verwijderd]

gewoon je hele pagina in een tabel steken van 1 vakje groot en voor de lengt en breede geef je 100% als waarde

en centreer je pagina in die tabel, snapje ?



<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="100%" align="center">hier komt je pagina dan éh<td>
</tr>
</table>

[Oefening]

lama, foutje

[Verwijderd]

Dus alleen mogelijk met frames??

[Verwijderd]

Op zondag 14 oktober 2001 20:58 schreef Reverse het volgende:
gewoon je hele pagina in een tabel steken van 1 vakje groot en voor de lengt en breede geef je 100% als waarde

en centreer je pagina in die tabel, snapje ?



<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="100%" align="center">hier komt je pagina dan éh<td>
</tr>
</table>

http://www.w3schools.com/html/attr_table.asp

height - [%|pixels] - Deprecated. Do not use it

height is GEEN officiele attribute, en zal in lang niet alle browsers werken.

[Verwijderd]

^^^ dubbelpost ^^^

[Oefening]

Op zondag 14 oktober 2001 21:02 schreef Cheatah het volgende:

[..]
...
height is GEEN officiele attribute, en zal in lang niet alle browsers werken.

zoals?

[Verwijderd]

Op zondag 14 oktober 2001 21:19 schreef nelis het volgende:

[..]

zoals?

Geen idee, ik ken niet alle browsers, en ik heb net een totaal nieuwe windows install gedaan, en ik heb nu effe geen zin om dat te testen.

Netscape en Mozilla en de Linux browsers zullen waarschijnlijk protesteren, ik weet het niet zeker, maar ik weet wel dat height niet officieel is toegelaten...

[Oefening]

geen officiële w3c-regel nee, maar volgens mij slikken alle browsers het gewoon (bahalve de antieke like IE/ns<4)

[Verwijderd]

Op zondag 14 oktober 2001 21:26 schreef nelis het volgende:
geen officiële w3c-regel nee, maar volgens mij slikken alle browsers het gewoon (bahalve de antieke like IE/ns<4)

Het is voor mij genoeg reden om het niet te gebruiken, en om anderen af te raden het te gebruiken.

[ImPrEzA]

Ik maak altijd een tabel met 1 cel. Die tabel width="100%" height="100%" en dan centreren en verticaal centreren (valign="middle").

Daar de eigenlijke site (tabel) zetten...

Met frames zoals eerder gezegd: rows="*,600,*" cols="*,800,*"

Dat werkt wel.

[oh,when?]

Op zondag 14 oktober 2001 21:26 schreef nelis het volgende:
geen officiële w3c-regel nee, maar volgens mij slikken alle browsers het gewoon (bahalve de antieke like IE/ns<4)

die zouden het juist wel moeten slikken, omdat het wel bij HTML 3.02 hoort.

[Verwijderd]

Op zondag 14 oktober 2001 21:41 schreef oh,when? het volgende:

[..]

die zouden het juist wel moeten slikken, omdat het wel bij HTML 3.02 hoort.

Helaas is 4.01 de standaard...

[Thijsmans]

Op zondag 14 oktober 2001 20:55 schreef Oogst het volgende:
HTML leren? Ik heb nog zoveel dingen die ik wil leren, en HTML staat zo ongeveer onderaan dat rijtje. Vóór HTML komen eerst nog: het nieuwe bones-systeem van 3d Studio MAX4, Flash, Adobe Premiere en Adobe Illustrator. Daarna komt HTML ooit nog aan de beurt.

waarom verwacht je dan van ons jouw problemen op te lossen, als je zelf te lui bent om het te leren? valt dat niet onder scriptrequests (faq)?

[Oogst]

Nou, ik heb in de help van Dreamweaver gezocht op die functies, maar kon niet vinden hoe het moest. Maar ik denk dat Dreamweaver het wél kan en dat ik gewoon verkeerd zocht. Daarom vroeg ik het hier, omdat iemand misschien wel weet te vertellen hoe het kan zonder in HTML te programmeren, of mij kan vertellen waar het in de help staat.

[Verwijderd]

Op zondag 14 oktober 2001 20:55 schreef Oogst het volgende:
HTML leren? Ik heb nog zoveel dingen die ik wil leren, en HTML staat zo ongeveer onderaan dat rijtje. Vóór HTML komen eerst nog: het nieuwe bones-systeem van 3d Studio MAX4, Flash, Adobe Premiere en Adobe Illustrator. Daarna komt HTML ooit nog aan de beurt.

mietje

[Verwijderd]

Als je absoluut geplaatse layers gebruikt zul je met een tabel niet ver komen om het uit te lijnen, dan moet je duz frames pakken, anders kan het met tabellen.

En er is geen functie in DW volgens mij. Je kunt DW dan duz gebruiken om een frameset aan te maken of een tabel in te voegen

[Hangloozz]

Op zondag 14 oktober 2001 22:41 schreef Lotte het volgende:

[..]

mietje

van alle genoemde is HTML het eenvoudigst onder de knie te krijgen op basis niveau.
oh, wat zal je verlangen naar HTML als je met Premiere of Illustrator aan de gang gaat..

[Helox-in-a-box]

Op maandag 15 oktober 2001 00:23 schreef Hangloozz het volgende:

oh, wat zal je verlangen naar HTML als je met Premiere of Illustrator aan de gang gaat..

oh, wat zal je verlangen naar Illustrator als je met MS Word aan de gang gaat..

[Hangloozz]

Op maandag 15 oktober 2001 00:34 schreef Helox-in-a-box het volgende:

[..]

oh, wat zal je verlangen naar Illustrator als je met MS Word aan de gang gaat..

absolutely, absolutely..
ik heb in het draadje over 'hoe ben je begonnen als webdesigner' al geroepen:
niets kan je dag zo vergallen als MS-Office.
en dan is Word wel de grootste blerf.
Tis mij ook al vaker opgevallen dat veel mensen die Illustrator of Xpress beheersen absoluut niet met Word kunnen of willen werken.

[Oogst]

Klopt! Ik beheer wel wat programma's, maar geen Word, want ik zweer nog altijd bij Word Perfect!

Ik vraag me trouwens toch wel af waarom je een mietje bent als je niet met HTML kunt werken. Ik wil gewoon 3d-animaties maken, wat heb ik dan aan HTML? Even snel met Dreamweaver een siteje maken is leuk, maar verder hoeft het van mij echt niet.

[Verwijderd]

Op zondag 14 oktober 2001 20:54 schreef Cheatah het volgende:

[..]

vertikaal centreren kun je _niet_ gewoon met een tabel doen, dat is niet officieel toegelaten in HTML. Volgens mij mag dat met die frameset wel, dan moet je van 'cols' 'rows' maken.

Ook kan het met een <div> tag in plaats van een tabel, maar dan moet je CSS gebruiken.

Ow nee??

En wat is dit dan :

code:

<table height='100%' width='100%'>
  <tr valign='middle' align='center'>
    <td>
    <table>
      dit is je gecentreerde tabel
    </table>
    </td>
  </tr>
</table>

[gitaarwerk]

jep....is goei...

enneh..je kan et ook zonder verstand maken.. maar dat kost meer werk.. je maakt en blokje van 9 tabellen
(0 is tabel )

000
0x0
000

in plaats x maak ej de tabel : 800x600 (of een andereh)
dan maak je alle tabellen er omheen 35% (een gemiddelde percentage)
let wel op dat je de ene in de breedteen de andere in de hoogte moet aanpassen...
suc6

(ps dit is niet de meest beste manier..maar et werkt..maar diegene hierboven iesj betuhr )

[gitaarwerk]

.

[Verwijderd]

Op maandag 15 oktober 2001 20:28 schreef cruesli het volgende:

[..]

Ow nee??

En wat is dit dan :

code:

<table height='100%' width='100%'>
  <tr valign='middle' align='center'>
    <td>
    <table>
      dit is je gecentreerde tabel
    </table>
    </td>
  </tr>
</table>

Toch nog eigenwijs doen

Doe maar alsof je alles weet...
Heb je wel gelezen en op die link geklikt?

Naruurlijk weet ik wel dat het kan in sommige browsers. Maar een beetje een webdesigner vermijdt dat soort fratsen als ze niet officieel worden ondersteund.

[Bosmonster]

Helaas is 4.01 de standaard...

Huh.. dus eigenlijk ondersteunen alle browsers het gewoon? Alle moderne browsers ondersteunen het (dat weten we toch? Zelfs Mac-browsers enzo) en alle oudere browsers ondersteunen het omdat het nog onderdeel is van de 3.02 standaard..

W3C is niet heilig hoor, de praktijk is heilig. Grote bullshit dat ze het uit de standaard gehaald hebben, en dat vinden de browsermakers dus blijkbaar ook.

Lekker gebruiken, het is de beste manier om iets te centreren.

De echte webdesigner zorgt dat zijn pagina's zo lekker en snel mogelijk werken onder alle browsers en laat zich niet beperken door zo iets doms.

[Verwijderd]

Op maandag 15 oktober 2001 23:58 schreef Bosmonster het volgende:
Huh.. dus eigenlijk ondersteunen alle browsers het gewoon? Alle moderne browsers ondersteunen het (dat weten we toch? Zelfs Mac-browsers enzo) en alle oudere browsers ondersteunen het omdat het nog onderdeel is van de 3.02 standaard..

W3C is niet heilig hoor, de praktijk is heilig. Grote bullshit dat ze het uit de standaard gehaald hebben, en dat vinden de browsermakers dus blijkbaar ook.

Lekker gebruiken, het is de beste manier om iets te centreren.

De echte webdesigner zorgt dat zijn pagina's zo lekker en snel mogelijk werken onder alle browsers en laat zich niet beperken door zo iets doms.

http://www.w3schools.com/xhtml/attr_table.asp

Binnenkort werkt iedereen met xhtml denk ik, maar blijven jullie maar bij gewoon html hoor.
Wat ik dus niet goed vind is anderen foute dingen aanleren. En een echte webdesigner weet trouwens hoe het moet zonder tabel.

[Verwijderd]

Op maandag 15 oktober 2001 23:36 schreef Cheatah het volgende:

[..]

Toch nog eigenwijs doen

Doe maar alsof je alles weet...
Heb je wel gelezen en op die link geklikt?

Naruurlijk weet ik wel dat het kan in sommige browsers. Maar een beetje een webdesigner vermijdt dat soort fratsen als ze niet officieel worden ondersteund.

Wat doe ik dan dat niet mag?

Van w3schools:

Tables are defined with the <table> tag. A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). The letters td stands for "table data," which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.

En de attributen van een <TR> volgens w3schools:

align: left, right, center, justify, char
valign: top, middle, bottom, baseline

Het is allemaal netjes volgens de regels, dus ik snap jou niet

[Verwijderd]

Op maandag 15 oktober 2001 23:36 schreef Cheatah het volgende:

Naruurlijk weet ik wel dat het kan in sommige browsers. Maar een beetje een webdesigner vermijdt dat soort fratsen als ze niet officieel worden ondersteund.

Zie hierboven, bij mijn vorige post. Het wordt dus officieel ondersteund, alleen Opera doet bij mij vaag, hij pakt na de valign de align niet, wel als je de align in de td stopt onder de tr, dus als volgt:

code:

<table height='100%' width='100%'>
  <tr valign='middle'>
    <td align='center'>
    <table>
      dit is je gecentreerde tabel
    </table>
    </td>
  </tr>
</table>

En dit heb ik net getest in IE5.5, Netscape 4.7, Netscape 6.1, Mozilla, Opera en Lynx. Werkt allemaal perfect, dus met die cross-browser compatibiliteit zit het volgens mij wel goed hoor

[Verwijderd]

Op zondag 14 oktober 2001 20:54 schreef Cheatah het volgende:

vertikaal centreren kun je _niet_ gewoon met een tabel doen, dat is niet officieel toegelaten in HTML. Volgens mij mag dat met die frameset wel, dan moet je van 'cols' 'rows' maken.

Ook kan het met een <div> tag in plaats van een tabel, maar dan moet je CSS gebruiken.

Met dat vertikaal centreren bedoelde ik de hele pagina, simpelweg omdat die hoogte van die tabel niet ingesteld kan worden. Niet met gewone HTML tenminste.

Op zondag 14 oktober 2001 21:02 schreef Cheatah het volgende:

http://www.w3schools.com/html/attr_table.asp

height - [%|pixels] - /me Do not use it *

height is GEEN officiele attribute, en zal in lang niet alle browsers werken.

[Verwijderd]

Op dinsdag 16 oktober 2001 08:35 schreef Cheatah het volgende:

[..]

http://www.w3schools.com/xhtml/attr_table.asp

Binnenkort werkt iedereen met xhtml denk ik, maar blijven jullie maar bij gewoon html hoor.
Wat ik dus niet goed vind is anderen foute dingen aanleren. En een echte webdesigner weet trouwens hoe het moet zonder tabel.

Wat is dat nou weer voor domme opmerking? Alsof wij niet met onze tijd meegaan ofzo Beetje flauw om je met zo'n opmerking afstand van de discussie te nemen

Ik als echte webdesigner probeer mensen trouwens helemaal geen foute dingen aan te leren, zoals ik hierboven al gezegd heb

[Verwijderd]

Op zondag 14 oktober 2001 21:02 schreef Cheatah het volgende:

[..]

http://www.w3schools.com/html/attr_table.asp

height - [%|pixels] - Deprecated. Do not use it

height is GEEN officiele attribute, en zal in lang niet alle browsers werken.

Ah, over het hoofd gezien, ok, ik geef mijn fout toe, niet volgens de 4.01 standaard dus.

Maar ik blijf toch bij mijn standpunt over die XHTML opmerking van jou. Dat vind ik toch een beetje triest, zo'n reactie.

[Verwijderd]

Op dinsdag 16 oktober 2001 09:07 schreef cruesli het volgende:

Ah, over het hoofd gezien, ok, ik geef mijn fout toe, niet volgens de 4.01 standaard dus.

Maar ik blijf toch bij mijn standpunt over die XHTML opmerking van jou. Dat vind ik toch een beetje triest, zo'n reactie.

Ok dat was niet zo'n gelukkige opmerking.
Was ook meer gericht op Bosmonster. Dat 'De echte webdevelopert ...' was ook onder de gordel, so we call it even

[Verwijderd]

Ok, we're even

Maar na nog ff nakijken op w3schools zou dit toch ook moeten werken:

code:

<HTML>
  <BODY>
    <TABLE WIDTH="100%">
    <TR VALIGN="middle">
      <TD ALIGN="center" style="height: 100%">
        <TABLE>
        je gecentreerde tabel
        </TABLE>
      </TD>
    </TR>
    </TABLE>
  </BODY>
</HTML>

Volgens HTML 4.01 en CSS 2.0

Heb het vervolgens alleen in IE 5.5 getest, maar werkt niet

En nu moet ik naar mijn werk, ik check de thread straks nog wel een keer denk ik, later!

[Verwijderd]

Op dinsdag 16 oktober 2001 09:14 schreef cruesli het volgende:
Ok, we're even

Maar na nog ff nakijken op w3schools zou dit toch ook moeten werken:

code:

<HTML>
  <BODY>
    <TABLE WIDTH="100%">
    <TR VALIGN="middle">
      <TD ALIGN="center" style="height: 100%">
        <TABLE>
        je gecentreerde tabel
        </TABLE>
      </TD>
    </TR>
    </TABLE>
  </BODY>
</HTML>

Volgens HTML 4.01 en CSS 2.0

Heb het vervolgens alleen in IE 5.5 getest, maar werkt niet

En nu moet ik naar mijn werk, ik check de thread straks nog wel een keer denk ik, later!

Op zondag 14 oktober 2001 20:54 schreef Cheatah het volgende:

Ook kan het met een <div> tag in plaats van een tabel, maar dan moet je CSS gebruiken.

Mijn fout, ik bedoelde hier 'in combinatie met' ipv 'in plaats van'.
Soms ben ik een beetje een warhoofd

En inderdaad kan het ook met alleen een table en CSS...

[paragon]

Hoe centreer je een pagina verticaal:

Kijk op mijn pagina en je zult zien.
http://paragonxls.xs4all.nl/WebTest

[Verwijderd]

Op dinsdag 16 oktober 2001 09:21 schreef paragon het volgende:
Hoe centreer je een pagina verticaal:

Kijk op mijn pagina en je zult zien.
http://paragonxls.xs4all.nl/WebTest

Niet helemaal wat wij zoeken en volgens mij zeker niet wat de topicstarter zoekt. Ook niet volledig browsercompatible, het werkt niet in Mozilla in ieder geval en ik kan met vrij veel zekerheid zeggen dat het in Opera ook niet zal werken, al heb ik dat niet getest.

[paragon]

Op dinsdag 16 oktober 2001 09:51 schreef cruesli het volgende:

[..]

Niet helemaal wat wij zoeken en volgens mij zeker niet wat de topicstarter zoekt. Ook niet volledig browsercompatible, het werkt niet in Mozilla in ieder geval en ik kan met vrij veel zekerheid zeggen dat het in Opera ook niet zal werken, al heb ik dat niet getest.

Het werkt zeker wel in Mozilla en NS6, maar misschien die link die ik gepost had nit want ik moet m'n stylesheet nog aanpassen na gisteravond. En het is ook aan te passen zodat het in opera/ns4 werkt. ik zal er nog eens een keer naar kijken. Maar dat wordt dan na woensdag want ik moet een tentamen leren.

Hier een versie dei wel in NS6/Mozilla werkt:
http://www.xs4all.nl/~paragonx

[Bosmonster]

Was ook meer gericht op Bosmonster. Dat 'De echte webdevelopert ...' was ook onder de gordel, so we call it even

Ik heb iets met die ruimte onder de gordelt...

[Verwijderd]

Op dinsdag 16 oktober 2001 11:10 schreef Bosmonster het volgende:

[..]

Ik heb iets met die ruimte onder de gordelt...

LOL