login  Naam:   Wachtwoord: 
Registreer je!
 Forum

foutmeldingen w3c (Opgelost)

Offline san - 28/11/2008 13:12
Avatar van sanHTML interesse Wie kan mij alsjeblieft helpen. Ben bezig met het maken van een website. Ben deze nu met de W3Cvalidator aan het controleren. Krijg bij een layout van Lightroom de volgende foutmeldingen:

Line 55, Column 59: document type does not allow element "DIV" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.
<div style="margin-left:17px; margin-top:15px;">&#9993;
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Line 58, Column 151: NET-enabling start-tag requires SHORTTAG YES.
…9E897152_thumb" alt="" class="thumb" />&#9993;
The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HTML 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HTML 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML.

Denk dat dit aan het Doctype ligt. Bij deze heb ik het volgende ingevoerd:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Hoe zou ik deze foutmeldingen op kunnen lossen?

8 antwoorden

Gesponsorde links
Offline Martijn - 28/11/2008 13:17 (laatste wijziging 28/11/2008 13:20)
Avatar van Martijn Crew PHP je hebt een div staan waar geen* div hoort... Zonder code kunnen we niets 
Offline san - 28/11/2008 13:41
Avatar van san HTML interesse Alvast bedankt voor het antwoord. Dit is de code waar het om gaat. Ik dacht dat het alleen aan het doctype zou liggen. Het gekke is als ik het haakje achter loose.dtd weghaal geeft hij die foutmeldingen niet meer maar dan alleen een foutmelding betreffende <html>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID92DEDD85-DEDF-439B-B1F8-17F49E897152_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/401_large.html'">
<div class="itemNumber">1</div>
<a href="content/401_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:17px; margin-top:15px;">
<div class="dropShadow">
<div class="inner">
<img src="content/bin/images/thumb/401.jpg" id="ID92DEDD85-DEDF-439B-B1F8-17F49E897152_thumb" alt="" class="thumb" />
</div>
</div>
</div>
</a> </div>
<div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'IDEB532F01-85B9-4691-809C-72324B193C0F_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/402_large.html'">
<div class="itemNumber">2</div>
<a href="content/402_large.html" onclick="return needThumbImgLink;">
<div style="margin-left:37px; margin-top:15px;">
<div class="dropShadow">
<div class="inner">
<img src="content/bin/images/thumb/402.jpg" id="IDEB532F01-85B9-4691-809C-72324B193C0F_thumb" alt="" class="thumb" />
</div>
</div>
</div>
Offline Ontani - 28/11/2008 13:49
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Je mag geen divs in een a tag steken, lijkt me vrij logisch omdat een a tag een inline element is en geen block element.
Offline san - 28/11/2008 15:17
Avatar van san HTML interesse Maar ik heb deze lay-out precies overgenomen van lightroom maar dat is niet goed dan van lightroom geprogrammeerd? Ik ben een beginner vandaar maar probeer het allemaal goed te doen. Wat zou er dan op de plek van de a-tag kunnen staan? Is het doctype wel goed gekozen. Deze heb ik zelf ingebracht?
Offline skillat2 - 28/11/2008 16:34
Avatar van skillat2 HTML beginner Raar dat lightroom niet valid is.

Zo is die wel w3c valid:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3.     <head>
  4.         <title>test</title>
  5.     </head>
  6.     <body>
  7.         <div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'ID92DEDD85-DEDF-439B-B1F8-17F49E897152_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/401_large.html'">
  8.             <div class="itemNumber">1</div>
  9.             <div style="margin-left:17px; margin-top:15px;">
  10.                 <div class="dropShadow">
  11.                     <div class="inner">
  12.                         <a href="content/401_large.html" onclick="return needThumbImgLink;">
  13.                             <img src="content/bin/images/thumb/401.jpg" id="ID92DEDD85-DEDF-439B-B1F8-17F49E897152_thumb" alt="" class="thumb" />
  14.                         </a>
  15.                     </div>
  16.                 </div>
  17.             </div>
  18.         </div>
  19.  
  20.         <div class="thumbnail borderTopLeft" onmouseover="window.gridOn( this.parentNode, 'IDEB532F01-85B9-4691-809C-72324B193C0F_thumb' );" onmouseout="window.gridOff( this.parentNode );" onclick="window.location.href='content/402_large.html'">
  21.             <div class="itemNumber">2</div>
  22.             <div style="margin-left:37px; margin-top:15px;">
  23.                 <div class="dropShadow">
  24.                     <div class="inner">
  25.                         <a href="content/402_large.html" onclick="return needThumbImgLink;">
  26.                             <img src="content/bin/images/thumb/402.jpg" id="IDEB532F01-85B9-4691-809C-72324B193C0F_thumb" alt="" class="thumb" />
  27.                         </a>                        
  28.                     </div>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </body>
  33. </html>


Waarom worden de IMG tags afgesloten met een /> en niet met </img> ?
Afsluiten dmv. /> gebruik je bij een xhtml doctype zoals:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Offline san - 28/11/2008 18:14
Avatar van san HTML interesse Wel vreemd inderdaad dat lightroom dit dan zo geprogrammeerd heeft. Ga het zo veranderen. Hoop dat het lukt. Heel hartelijk bedankt voor de hulp. Nog een vraagje. Welke doctype is dan beter om te gebruiken de strict of de transitional? Lightroom had nl de strict gebruik maar ik had dit veranderd omdat ik dacht dat deze beter was.
Offline skillat2 - 28/11/2008 18:36
Avatar van skillat2 HTML beginner Als Lightroom standaard strict gebruikt zou ik deze gewoon zo laten.
In de transitional doctype zijn meer html codes beschikbaar, die in de strict opgelost moeten worden door middel van css.

Zie ook deze link: Transitional vs. Strict
Offline san - 29/11/2008 00:01 (laatste wijziging 29/11/2008 12:12)
Avatar van san HTML interesse
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.627s