Snap de HTML even niet meer

Status
Niet open voor verdere reacties.
Bruce The Boss

Bruce The Boss

Terugkerende gebruiker
Lid geworden
14 aug 2002
Berichten
1.945
Ik kom er niet meer uit.

ik ben een site aan het maken en als ik dan op verschillende computers kijk dan ziet het beeld er opzich wel goed uit.

Maar als ik dan de code controleer met Àrachnophilia dan geeft hij tal van fouten aan.

Nu is er een melding die volgens mij te maken heeft met de andere meldingen maar ik krijg het niet opgelost. Kan iemand mij misschien helpen met deze melding:

Line 271: Tag "</table> not matched to tag "<tbody> in line 180

Ik heb al vanalles geprobeert maar het lukt me niet.

Wie kan/wil me helpen ?

Dit is overigens de link naar de site:
 
Laatst bewerkt:
Ja, dat klopt.
Je moet even paren.

TD tags, dan TR dan TABLE
dan merk je dat er een paar missen.
Er zijn er nog een paar.
Staat bovenin Arachno als je Beautify gebruikt.

Dus error class 1 moet je eerst oplossen.

Of je dld MaxB
http://www.htmlbeauty.com/
dan gebruik je html tidy
dan krijg je de regelnummers te zien waar de fout zit,
dus het ongepaarde tagje als de </a>
Je klikt op de foutmeldingsregel en springt direct naar de code en de fout.

:cool:
 
Deze beter?

Code: 
<HTML><HEAD><title>Geraerts kerstbomen</title><meta name="description" content=""><meta name="keywords" content=""><style fprolloverstyle>A:hover {color: #800000; font-weight: bold}
.style2 {color: #000000; font-weight: bold; font-size: 10px; }
.style4 {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.style5 {color: #FFFFa1}
.style6 {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}</style></HEAD><BODY bgColor=#CBCB98><p>&nbsp;</p><div align="center">  <center>    <TABLE width="774" border=10 align="center" cellPadding=0 cellSpacing=0 bgcolor="#008000">  

  <TR>    <TD id=menu vAlign=middle noWrap bgColor=#CBCB98 align="center" width="93">&nbsp;</TD>    <TD id=menu vAlign=top noWrap bgColor=#CBCB98 colspan="3" align=right>  

&nbsp;</TD>  </TR>  <TR>    <TD id=menu vAlign=top noWrap width=93 bgColor=#008000 rowspan="3"><div align="center"><br>      <br>      <br>      <br>          
      <img src="plaatjes/img11[1].gif" width="93" height="112" align="top"><br>      <br>      <br>      <br>      <font color=white><b>&nbsp;</b></font><a href="index.htm"><font face="geneva,arial,sans-serif" size="1" color="#FFFF00">Home</font></a>    </div>      <p align="center">&nbsp;<font color=white></font><a href="contact.html"><font face="geneva,arial,sans-serif" size="1" color="#FFFF00">Contact</font></a><p align="center">&nbsp;<a href="tips.html"><font face="geneva,arial,sans-serif" size="1" color="#FFFF00">Tips</font></a></p><p align="center">&nbsp;<a href="soorten.htm"><font face="geneva,arial,sans-serif" size="1" color="#FFFF00">Soorten</font></a></p></TD>    <TD width=425 height="33" vAlign=top bgColor="#008000">&nbsp;</TD>    <TD width=4 bgColor="#008000">&nbsp;</TD>    <TD vAlign=top width=252 bgColor=#008000>&nbsp;
      </TD>  </TR>  <TR>    <TD width=425 height="30" vAlign=top bgColor="#008000"><div align="center" class="style6"><img src="plaatjes/cooltext15499591.png" width="425" height="58"></div></TD>    <TD width=4 bgColor="#008000">&nbsp;</TD>    <TD vAlign=top width=252 bgColor=#008000>&nbsp;
      </TD>  </TR>  <TR>    <TD vAlign=middle width=425 bgcolor="#3C9E3C">      <p align="center"> <span class="style4">Geraerts kerstbomen is al jaren een begrip op kerstbomen gebied. Onze
specialiteiten zijn de lang houdbare soorten.
        
        Al onze produkten voldoen aan de hoogste kwaliteitseisen die gesteld
mogen worden aan kerstbomen.
            </span></p>      <p class="style4">&nbsp;</p>      </TD>    <TD width=4></TD>    <TD vAlign=top width=252 bgColor=#CBCB98>      <TABLE cellSpacing=0 cellPadding=2 width=252 bgColor=#eeeeee border=0>        

        <TR>          <TD width="248" align=middle valign=top bgColor=#3C9E3C>            <p align="center" class="style2"><font face="verdana, arial, geneva, sans-serif">blauwspar</font></TD>        </TR>        

        <TR>          <TD bgcolor="#008000">            <p align="center"><img src="plaatjes/test.jpg" width="211" height="114"><br>            <font color="#FFFF00"><B><font face="geneva,arial,sans-serif" size="1"><br>            </font></B></font><a href="#" class="style5"></a>  </p>          </TD></TR>          
                  <TR>          <TD bgcolor="#008000" height=5>&nbsp;</TD></TR>          
          
        <TR>          <TD align=middle bgColor=#3C9E3C>            <p align="center" class="style2"><font face="verdana, arial, geneva, sans-serif">kerstboom</font></TD>        </TR>        <TR>          <TD id=itMenu bgcolor="#008000">            <CENTER><B><FONT color=darkred><EM><FONT face=geneva,arial,sans-serif size=-1><img src="plaatjes/test 2.jpg" width="211" height="114"><br>            </FONT></EM></FONT><font face="geneva,arial,sans-serif" size="1" color="#FFFF00"><br>            </font>  </B><a href="#" class="style5"></a>            </CENTER>          </TD></TR>        </TABLE></TD></TR>  <TR>    <TD bgColor=#CBCB98 colSpan=4>&nbsp;</TD></TR></TABLE>  </center></div>  <div align="center">    <center><TABLE cellSpacing=0 cellPadding=0 width="660" border=0>  


  <TR>    <TD bgColor=#CBCB98><center><font size=2>© Copyright 2006.&nbsp;&nbsp; &nbsp;</font></center></TD></TR></TABLE>    </center>  </div>  <br><br><br></BODY></HTML>

:cool:
 
He Peter, hartstikke bedankt :thumb:

ik heb nog 1 vraagje.

Op mijn scherm staat, hetgeen dat ik gemaakt heb, gecentreerd in mijn scherm (1024/768)

Op een andere computer (met een hogere resolutie) staat hij echter vrij ver naar boven.

Is er een mogelijkheid dat men, ongeacht de schermresolutie, het altijd gecentreerd in het scherm ziet.

Jacco
 
Ja, dan moet de hoogte van het scherm op de een of andere manier in tweeën gedeeld worden.

http://forum.echoechoplus.com/showthread.php?threadid=8698&perpage=15&pagenumber=1

Pagina twee staat een link:
http://www.christianfecteau.com/ech...tered_layout_css_witouht_floated_content.html

De code is wel met een @import en extern javascript.
doch dit heb ik opgehaald en is te zien in onderstaande code.

Code: 
<!-- Centered Layout Code by Christian Fecteau www.metaw3.ca 29/09/05 Do not remove this comment -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Centered Layout</title>

<!-- Centered Layout Code Start -->
<style type="text/css" id="layout">

body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#outer {
	display: table; 
	height: 100%;
	margin: 0 auto;
}

#middle {
	display: table-row; 
}

#inner {
	display: table-cell;
	vertical-align: middle; 
}

#outer { width: 50%; } /* customize width of the page: 700px, 90% etc. */
</style>
<script  type="text/javascript">
/* Coded by Christian Fecteau 26/09/05 www.metaw3.ca */

var layout_ie5 = (window.ActiveXObject && document.getElementById);
var layout_ie5Mac = (!window.showModelessDialog && window.ActiveXObject && document.getElementById);

if (layout_ie5)
{
	var layout_old_onload = null;
	if (typeof window.onload == "function")
	{
		layout_old_onload = window.onload;
	}
	window.onload = layout_fix;

	var layout_old_onresize = null;
	if (typeof window.onresize == "function")
	{
		layout_old_onresize = window.onresize;
	}
	window.onresize = layout_fix;

	if (!layout_ie5Mac)
	{
		var layout_ow = null;
		var layout_ss = document.styleSheets('layout').rules;
		for (var i = 0; i < layout_ss.length; i++)
		{
			if (layout_ss[i].selectorText == '#outer')
			{
				layout_ow = layout_ss[i].style.width;
			}
		}
	}
}

function layout_fix()
{
	if (layout_old_onload)
	{
		layout_old_onload();
		layout_old_onload = null;
	}

	if (layout_old_onresize)
	{
		layout_old_onresize();
	}

	if (layout_ie5Mac)
	{
		document.body.style.height = '0px';
		document.body.style.width = '0px';
	}
	else
	{
		if (layout_ow) middle.style.width = layout_ow;
		outer.style.width = '100%';
	}

	outer.style.height = 'auto';
	outer.align = 'center';
	middle.align = 'left';
	inner.style.styleFloat = 'left';

	var layout_b = Number(document.body.clientHeight);
	var layout_c = Number(inner.offsetHeight);

	if (layout_b > layout_c)
	{
		outer.style.marginTop = (layout_b-layout_c)/2 + 'px';
	}
	else
	{
		outer.style.marginTop = '0px';
	}
}

</script>
<!-- Centered Layout Code End -->


<style type="text/css">

#container {
	color: black;
	background-color: silver;
}

p {
	font: 0.7em verdana, serif;
	text-align: justify;
	margin: 0;
}


</style>
</head>
<body>

<!-- Centered Layout Code Start -->
<div id="outer"><div id="middle"><div id="inner">
<!-- Centered Layout Code End -->

<!-- your page starts here -->
<div id="container">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<!-- your page ends here -->

<!-- Centered Layout Code Start -->

</div></div></div>
<!-- Centered Layout Code End -->

</body>
</html>

:cool:
 
You're welcome zei je so here I am :cool: :

Kun je me een beetje opgang helpen. Ik heb het bovenstaande script opgeslagen als een java script maar dan weet ik het even niet meer.

Moet ik nu mijn eigen site in dit script plaatsen of moet ik vanuit mijn code verwijzen naar dit java script :shocked:

What to do ?
 
Welk script?

De door mij gegeven code omvat alles.

Origineel lag de css en javascript buiten de pagina, in feite zoals het hoort, doch ik heb het in de pagina gezet.

Dus indien je het wenst toe te passen zou het met de gegeven code kunnen.

Waar komt dan je siteinhoud?
Hier:
<!-- your page starts here -->
<div id="container">
<p>Lorem ipsum dolor sit amet, ...........
hier je eigen tekst...............</p>
</div>
<!-- your page ends here -->

Of je bezoekt de door mij aangedragen link naar de pagina, en dld de CSS en het javascript en gebruikt de verwijzing zoals in de originele pagina is aangegeven.
Indien je site uit meerdere pagina's bestaat is dit gewoon prettiger in het gebruik.

:cool:
 
Hoi,

Ja, bedankt. Het is me gelukt zoals je het aangaf.

Toch vraag ik me af of het niet mogelijk is om het script niet buiten het huidige script te plaatsen en dan vanuit het huidige script te linken.

Ik zou dat graag willen omdat het script anders erg lang en onoverzichtelijk wordt.

Is er een mogelijkheid ?
 
Ja, dat kan:
Code: 
<title>Centered Layout</title>

<!-- Centered Layout Code Start -->
<style type="text/css" id="layout">
@import "layout.css";
#outer { width: 50%; } /* customize width of the page: 700px, 90% etc. */
</style>
<script src="layout.js" type="text/javascript"></script>
<!-- Centered Layout Code End -->
zie bron van:
http://www.christianfecteau.com/ech...tered_layout_css_witouht_floated_content.html

Als je daar nu na de laatste / alles weg haalt en layout.css
invult kun je die pagina opslaan als layout.css
Idem met layout.js

En dan gebruik je de code zoals hierboven aangegeven om weer te importeren.

:cool:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan