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.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
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
| <!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
Firefox centreert de tabellen met
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
Dit zou moeten werken. (als container kun je ook een div gebruiken)
Edit:
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 ]
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!
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
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.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
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
bedankt iedereen. ik ga het nu ff probere
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
fix gelijk die 'n' even op je toetsenbord.. die doet het af en toe niet
Neem je whisky mee, is het te weinig... *zucht*
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
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
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'
Het komt inderdaad onder elkaar als je er drie tabellen van hebt gemaakt. Je had namelijk drie cellen. 
offtopic:
Janoz: *grammatica
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
Zie ook http://www.bluerobot.com/web/css/center1.html
Dan maak je eerst een <div>, daartussen bouw je dan je tabellen...
Dan maak je eerst een <div>, daartussen bouw je dan je tabellen...
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.
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 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.
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.
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.
![]()