Hoe centreer ik me hele pagina

Pagina: 1
Acties:
  • 43 views sinds 30-01-2008

  • LeVortex
  • Registratie: Augustus 2006
  • Laatst online: 20-01 17:21
ik heb een website met 3 tabelen naast elkaar. Nu wil ik al deze 3 tabele en de background allemaal centrere maar de tekst dus niet die moet gewoon blijve zoals het was. Dit wil ik omdat het op 1024*768 wel goed uit ziet maar op 1280*1024 niet, dus dan wil ik van die balken links en rechts hebbe maar ik weet nie hoe dat moet :(

  • Gonadan
  • Registratie: Februari 2004
  • Laatst online: 23:40

Gonadan

Admin Beeld & Geluid, Harde Waren
LeVortex schreef op maandag 28 augustus 2006 @ 15:46:
ik heb een website met 3 tabelen naast elkaar. Nu wil ik al deze 3 tabele en de background allemaal centrere maar de tekst dus niet die moet gewoon blijve zoals het was. Dit wil ik omdat het op 1024*768 wel goed uit ziet maar op 1280*1024 niet, dus dan wil ik van die balken links en rechts hebbe maar ik weet nie hoe dat moet :(
Dit moet normaal gesproken geen probleem zijn, je kunt de drie tabellen in een container (div of td) zetten en hem een text-align=center meegeven in je css.

Het is wel handig als je wat code neerzet, al denk ik dat je dit met google of wat testen snel kunt oplossen. :)

Look for the signal in your life, not the noise.

Canon R6 | RF 24-70 f/2.8 L | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8


  • LeVortex
  • Registratie: Augustus 2006
  • Laatst online: 20-01 17:21
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta http-equiv="imagetoolbar" content="no">
<!-- #BeginEditable "doctitle" -->
<title>A guildwars fansite</title>

<!-- #EndEditable -->

</head>
<body bgcolor="#999900" background="images/backgrounds/ascalon2.jpg" style="background-repeat:no-repeat;">

<div align="left">

<table border="0" width="988" cellpadding="0" cellspacing="20">
<!-- MSTableType="nolayout" -->
<tr>
<td align="left" width="175" valign="top">
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
</a><a href="index.htm">
<img border="0" src="images/menu/home.gif" width="175" height="48">
</a><a href="professions.htm"><img border="0" src="images/menu/professions.gif" width="175" height="48">
</a><a href="gameplay.htm"><img border="0" src="images/menu/gameplay.gif" width="175" height="48">
</a><a href="pvpandgvg.htm"><img border="0" src="images/menu/PvP%20GvG.gif" width="175" height="48">
</a><a href="worlds.htm"><img border="0" src="images/menu/The%20Worlds.gif" width="175" height="48">
</a><a href="dowloads.htm"><img border="0" src="images/menu/downloads.gif" width="175" height="48">
</a><a href="articles.htm"><img border="0" src="images/menu/articles.gif" width="175" height="48">
</a><a href="archives.htm"><img border="0" src="images/menu/archives.gif" width="175" height="48"></a>
</p>
</td>

<td align="left" width="709" valign="top">
<p> </p>
<p> </p>
<p> </p>
<p><i><font color="#ffffff" face="Monotype Corsiva" size="6">News</font></i></p>
<p><font color="#FFFFFF" face="Arial">Added some information by
"gameplay"
and by "the Professions", of course the site is not even close to be
finished. I want make the layout a bit better. If you find some language
errors or if there occur problems with the site mail me. If you want to
add something you can also mail me.</font></p>
<p><font color="#FFFFFF" face="Arial">Mailadress:  </font>
<font color="#ffffff" face="Arial">
<a href="mailto:blackangel3213@hotmail.com"><font color="#FFFFFF">blackangel3213@hotmail.com</font></a></font></p>

</td>

<td align="right" valign="top"> <script language="Javascript" type="text/javascript">
<!--
function image() { };
image = new image();
number = 0;
// imageArray
image[number++] = "<img src='images/characters/m-monk.gif' border='0'>"
image[number++] = "<img src='images/characters/m-warrior.gif' border='0'>"
image[number++] = "<img src='images/characters/f-warrior.gif' border='0'>"
image[number++] = "<img src='images/characters/f-ranger.gif' border='0'>"
increment = Math.floor(Math.random() * number); document.write(image[increment]);
//-->
</script>
</td>
</tr>
</table>
</div>
</body>

</html>


dit is de code maar ik ben niet bekent met dat css

  • Xof
  • Registratie: Juni 2001
  • Laatst online: 06-02 19:59

Xof

Firefox centreert de tabellen met
code:
1
<table style="margin: 0px auto; text-align: left">


Internet Explorer is iets lastiger, dan moet je een container om de 3 tabellen gaan maken. Dus dan krijg je een grote tabel en daarbinnen de 3 andere tabellen. De container geef je het volgende mee
code:
1
<table style="text-align: center">

Dit zou moeten werken. (als container kun je ook een div gebruiken)

Edit:
code:
1
2
3
4
5
6
7
8
9
<html>
<body>
<div style="text-align: center">
<table style="margin: 0px auto; text-align: left;"></table>
<table style="margin: 0px auto; text-align: left;"></table>
<table style="margin: 0px auto; text-align: left;"></table>
</div>
</body>
</html>

[ Voor 25% gewijzigd door Xof op 28-08-2006 15:55 ]


  • webfreakz.nl
  • Registratie: November 2003
  • Laatst online: 01-02 19:30

webfreakz.nl

el-nul-zet-é-er

code:
1
2
3
4
5
6
7
<body>
<div align="center">

// hier je pagina including tabellen andere divs

</div>
</body>


:?

[ Voor 8% gewijzigd door webfreakz.nl op 28-08-2006 15:53 . Reden: typen=moeilijk ]

"You smell that, son? What sir? Napalm, I love the smell of napalm in the mornin!" || Children of Bodom fan!


  • Gonadan
  • Registratie: Februari 2004
  • Laatst online: 23:40

Gonadan

Admin Beeld & Geluid, Harde Waren
Jij geeft je DIV een align=left, dan kan je wel verwachten dat hij niet centreert ;)

Look for the signal in your life, not the noise.

Canon R6 | RF 24-70 f/2.8 L | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8


  • LeVortex
  • Registratie: Augustus 2006
  • Laatst online: 20-01 17:21
ja maar als ik hem een center geef dan centreerd dat ding de tekst en dat wil ik niet

  • Xof
  • Registratie: Juni 2001
  • Laatst online: 06-02 19:59

Xof

Zie mijn edit, tabellen komen dan in het midden.. tekst komt links :)

  • Gonadan
  • Registratie: Februari 2004
  • Laatst online: 23:40

Gonadan

Admin Beeld & Geluid, Harde Waren
LeVortex schreef op maandag 28 augustus 2006 @ 15:54:
ja maar als ik hem een center geef dan centreerd dat ding de tekst en dat wil ik niet
Kijk maar even naar Xofs post.

En het is ook handig als je je wat verdiept in CSS.
Dan kan je per element opgeven wat de alignment moet zijn, dus je TD's lekker op left en je DIV op center. :)

Look for the signal in your life, not the noise.

Canon R6 | RF 24-70 f/2.8 L | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8


  • LeVortex
  • Registratie: Augustus 2006
  • Laatst online: 20-01 17:21
bedankt iedereen. ik ga het nu ff probere

  • momania
  • Registratie: Mei 2000
  • Laatst online: 23:22

momania

iPhone 30! Bam!

LeVortex schreef op maandag 28 augustus 2006 @ 15:59:
bedankt iedereen. ik ga het nu ff probere
offtopic:
fix gelijk die 'n' even op je toetsenbord.. die doet het af en toe niet ;)

Neem je whisky mee, is het te weinig... *zucht*


  • LeVortex
  • Registratie: Augustus 2006
  • Laatst online: 20-01 17:21
LOL, die heb ik nu gefixed kijk maar nnnn, ik heb het nu gedaan maar het wil nog niet helemaal het komt nu onder elkaar :'( ik moet dus nog even kijke of ik een foutje heb gemaakt

  • Janoz
  • Registratie: Oktober 2000
  • Laatst online: 13-02 11:06

Janoz

Moderator Devschuur®

!litemod

Nou, daar lijkt het niet op. Kijken schrijf je toch echt met een n erachter. Daarnaast beginnen zinnen met een hoofdletter en eindigen met een punt. Let een beetje op je interpunctie en algehele grammatica en spelling. Op deze manier zijn je posts nogal irritant om te lezen.

offtopic:
Dank je Gonadan ;)

[ Voor 7% gewijzigd door Janoz op 28-08-2006 16:34 ]

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'


  • Xof
  • Registratie: Juni 2001
  • Laatst online: 06-02 19:59

Xof

code:
1
<div style="text-align: center; width: 988px;">


Kan helpen :)

  • Gonadan
  • Registratie: Februari 2004
  • Laatst online: 23:40

Gonadan

Admin Beeld & Geluid, Harde Waren
Het komt inderdaad onder elkaar als je er drie tabellen van hebt gemaakt. Je had namelijk drie cellen. :)

offtopic:
Janoz: *grammatica ;)

[ Voor 7% gewijzigd door Gonadan op 28-08-2006 16:43 ]

Look for the signal in your life, not the noise.

Canon R6 | RF 24-70 f/2.8 L | 50 f/1.8 STM | 430EX II
Sigma 85 f/1.4 Art | 100-400 Contemporary
Zeiss Distagon 21 f/2.8


  • CH4OS
  • Registratie: April 2002
  • Niet online

CH4OS

It's a kind of magic

Zie ook http://www.bluerobot.com/web/css/center1.html
Dan maak je eerst een <div>, daartussen bouw je dan je tabellen... :)

  • LeVortex
  • Registratie: Augustus 2006
  • Laatst online: 20-01 17:21
Mijn toetsenbord is een beetje kapot denk ik, maar ik heb nu een andere gepakt waar wat meer knopjes het op doen. Ik bied ook gelijk mijn excuses aan voor mijn slechte grammatica en taalgebruik.

  • LeVortex
  • Registratie: Augustus 2006
  • Laatst online: 20-01 17:21
Het is nu gelukt met de website zelf, nu ben ik nog een beetje aan het prutsen met de background image om die in het midden te krijgen. Hardstikke bedankt iedereen

  • Xof
  • Registratie: Juni 2001
  • Laatst online: 06-02 19:59

Xof

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta http-equiv="imagetoolbar" content="no">
<!-- #BeginEditable "doctitle" -->
<title>A guildwars fansite</title>

<!-- #EndEditable -->

</head>
<body bgcolor="#999900" background="images/backgrounds/ascalon2.jpg" style="background-repeat:no-repeat;">

<div style="text-align: center;">

<table border="0" width="988" cellpadding="0" cellspacing="20" style="margin: 0px auto; text-align: left;">
<!-- MSTableType="nolayout" -->
<tr>
<td align="left" width="175" valign="top">
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
 </p>
<p>
</a><a href="index.htm">
<img border="0" src="images/menu/home.gif" width="175" height="48">
</a><a href="professions.htm"><img border="0" src="images/menu/professions.gif" width="175" height="48">
</a><a href="gameplay.htm"><img border="0" src="images/menu/gameplay.gif" width="175" height="48">
</a><a href="pvpandgvg.htm"><img border="0" src="images/menu/PvP%20GvG.gif" width="175" height="48">
</a><a href="worlds.htm"><img border="0" src="images/menu/The%20Worlds.gif" width="175" height="48">
</a><a href="dowloads.htm"><img border="0" src="images/menu/downloads.gif" width="175" height="48">
</a><a href="articles.htm"><img border="0" src="images/menu/articles.gif" width="175" height="48">
</a><a href="archives.htm"><img border="0" src="images/menu/archives.gif" width="175" height="48"></a>
</p>
</td>

<td align="left" width="709" valign="top">
<p> </p>
<p> </p>
<p> </p>
<p><i><font color="#ffffff" face="Monotype Corsiva" size="6">News</font></i></p>
<p><font color="#FFFFFF" face="Arial">Added some information by
"gameplay"
and by "the Professions", of course the site is not even close to be
finished. I want make the layout a bit better. If you find some language
errors or if there occur problems with the site mail me. If you want to
add something you can also mail me.</font></p>
<p><font color="#FFFFFF" face="Arial">Mailadress:  </font>
<font color="#ffffff" face="Arial">
<a href="mailto:blackangel3213@hotmail.com"><font color="#FFFFFF">blackangel3213@hotmail.com</font></a></font></p>

</td>

<td align="right" valign="top"> <script language="Javascript" type="text/javascript">
<!--
function image() { };
image = new image();
number = 0;
// imageArray
image[number++] = "<img src='images/characters/m-monk.gif' border='0'>"
image[number++] = "<img src='images/characters/m-warrior.gif' border='0'>"
image[number++] = "<img src='images/characters/f-warrior.gif' border='0'>"
image[number++] = "<img src='images/characters/f-ranger.gif' border='0'>"
increment = Math.floor(Math.random() * number); document.write(image[increment]);
//-->
</script>
</td>
</tr>
</table>
</div>
</body>

</html>


Ik ben weer veel te goed voor de wereld ;)
Werkt perfect in zowel FF als IE.. kan natuurlijk niet helemaal goed testen omdat ik plaatjes niet heb, maar zou goed moeten gaan.

Edit: blech net te laat ;)

  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 10-11-2025

OkkE

CSS influencer :+

* OkkE mompelt iets over semantiek, webstandaarden en CSS... ;)

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.


  • NMe
  • Registratie: Februari 2004
  • Laatst online: 22-01 23:51

NMe

Quia Ego Sic Dico.

Hoe je een pagina moet centreren is echt al onnoemelijk vaak voorbij gekomen in dit subforum, dat is met de search prima te vinden.

Overigens vind ik het knap dat je toetsenbord in zo'n mate kapot is dat hij "mijn" in "me" verandert in je topictitel, en structureel alleen n'en aan het einde van woorden weglaat, en niet mindenin. ;)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

Pagina: 1

Dit topic is gesloten.