FAQ |
Kalender |
2010-01-27, 10:15 | #1 | ||
|
|||
Medlem
|
När jag validerar min sida får jag flera fel. Många av felen är:
-- document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag -- På den raden står det: <div class="grid_2 suffix_6 logo"> <img src="/images/logo.png" width="140" height="44" alt="img"/> </div> Vad är fel och vad gör jag åt det? Tacksam för svar! |
||
Svara med citat |
2010-01-27, 10:47 | #2 | |||
|
||||
Bara ett inlägg till!
|
Detta låter mer som ett HTML-fel än ett CSS-fel...
Vilket element ligger "div" i? Ligger det i någon p-tagg eller liknande? |
|||
Svara med citat |
2010-01-27, 11:03 | #3 | ||
|
|||
Medlem
|
Ja klart det är ett html, fel av mig
Det ser ut så här runt om: <div id="header"> <div class="container_12"> <div class="grid_2 suffix_6 logo"> <img src="/imgages/logo.png" width="140" height="44"/> </div> |
||
Svara med citat |
2010-01-27, 13:10 | #4 | ||
|
|||
Medlem
|
Posta hela HTML-koden så blir det lättare att felsöka.
|
||
Svara med citat |
2010-01-27, 13:29 | #5 | ||
|
|||
Medlem
|
Här är koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <base href="http://194.16.51.90/index.php" /> <link rel="shortcut icon" href="http://194.16.51.90/" /> <link rel="icon" href="http://194.16.51.90/" /> <title>Inspiration</title> <meta name="generator" content="TYPO3 4.3 CMS" /> <meta name="description" content="{$site.description}" /> <meta name="keywords" content="{$site.keywords}" /> <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_6e75bbb9ee.css" media="screen" /> <link rel="stylesheet" type="text/css" href="fileadmin/www/FÖRETAG.com/usa/css/reset.css" media="all" /> <link rel="stylesheet" type="text/css" href="fileadmin/www/FÖRETAG.com/usa/css/text.css" media="all" /> <link rel="stylesheet" type="text/css" href="fileadmin/www/FÖRETAG.com/usa/css/960.css" media="all" /> <link rel="stylesheet" type="text/css" href="fileadmin/www/FÖRETAG.com/usa/css/all-media.css" media="screen" /> <link rel="stylesheet" type="text/css" href="fileadmin/www/FÖRETAG.com/usa/css/screen.css" media="screen" /> <link rel="stylesheet" type="text/css" href="fileadmin/www/FÖRETAG.com/usa/css/galleriffic-3.css" media="screen" /> <link rel="stylesheet" type="text/css" href="fileadmin/www/FÖRETAG.com/usa/css/print.css" media="print" /> <script src="fileadmin/www/FÖRETAG.com/usa/js/jquery-1.3.2.js" type="text/javascript"></script> <script src="fileadmin/www/FÖRETAG.com/usa/js/jquery.history.js" type="text/javascript"></script> <script src="fileadmin/www/FÖRETAG.com/usa/js/cufon-yui.js" type="text/javascript"></script> <script src="fileadmin/www/FÖRETAG.com/usa/cufon/stagsemibold_600.font.js" type="text/javascript"></script> <script src="fileadmin/www/FÖRETAG.com/usa/js/jquery.opacityrollover.js" type="text/javascript"></script> <script src="fileadmin/www/FÖRETAG.com/usa/js/jquery.galleriffic.js" type="text/javascript"></script> <script src="fileadmin/www/FÖRETAG.com/usa/js/apple-search.js" type="text/javascript"></script> <script src="fileadmin/www/FÖRETAG.com/usa/js/jquery_init.js" type="text/javascript"></script> <script src="typo3temp/javascript_93077bb238.js" type="text/javascript"></script> </head> <body> <div id="suggestionPos"> <div id="suggestions"></div> </div> <div id="header"> <div class="container_12"> <div class="grid_2 suffix_6 logo"> <img src="/fileadmin/www/FÖRETAG.com/usa/img/logo.png" width="140" height="44" style="margin-left:2px"/> </div> <div class="grid_4 searchfield"> <!--###SEARCH###--> <input type="text" class="field" name="s" id="inputString" value="Search.." onkeyup="lookup(this.value);" /> <input type="submit" class="button" value=""/> <!--###SEARCH###--> </div> <div class="clear"></div> <div class="grid_12" id="top"> <ul id="topNavigation"> <li><a href="home/" onfocus="blurLink(this);" ><div class="left def"></div><div class="middle def">Home</div><div class="right def"></div></a></li><li><a href="play/start/" onfocus="blurLink(this);" ><div class="left def"></div><div class="middle def">Play</div><div class="right def"></div></a></li><li><a href="park-and-enviroment/start/" onfocus="blurLink(this);" ><div class="left def"></div><div class="middle def">Park and enviroment</div><div class="right def"></div></a></li><li><a href="agility/start/" onfocus="blurLink(this);" ><div class="left def"></div><div class="middle def">Agility</div><div class="right def"></div></a></li><li><a href="sport-and-fitness/start/" onfocus="blurLink(this);" ><div class="left def"></div><div class="middle def">Sport and fitness</div><div class="right def"></div></a></li><li><a href="inspiration/" onfocus="blurLink(this);" class="navColor6"><div class="left def"></div><div class="middle def">Inspiration</div><div class="right def"></div></a></li><li><a href="media/" onfocus="blurLink(this);" ><div class="left def"></div><div class="middle def">Media</div><div class="right def"></div></a></li><li><a href="about-FÖRETAG/company-profile/" onfocus="blurLink(this);" ><div class="left def"></div><div class="middle def">About FÖRETAG</div><div class="right def"></div></a></li><li><a href="contact/" onfocus="blurLink(this);" ><div class="left def"></div><div class="middle def">Contact</div><div class="right def"></div></a></li> </ul> </div> </div> <div class="clear"></div> </div> <div id="subNavigation" class="sub_col1"></div> <!-- CONTENT ELEMENT, uid:411/list [begin] --> <div id="pagecontentid_411"><div id="c411" class="csc-default" > <!-- Plugin inserted: [begin] --> <!-- BEGIN: Content of extension "FÖRETAG_inspiration", plugin "tx_FÖRETAGinspiration_pi1" --> <div class="tx-FÖRETAGinspiration-pi1"> <div id="bigBanner"> <div class="container_12 inspiration_case" style="padding-top:10px;"> <div class="grid_8 alpha"> <div class="inspiration_image" id="bigPic" style="width:620px; overflow:hidden;"> <img src="typo3temp/pics/964b616921.jpg" width="700" height="525" border="0" alt="" title="" /> </div> <div id="inspiration_gallery"> <ul class="thumbs noscript"> <li> <div class="image"><center><a class="thumb" name="4" href="typo3temp/pics/964b616921.jpg"><img src="typo3temp/pics/fc3bbae528.jpg" width="136" height="102" border="0" alt="" title="" /></center></a></div> <div class="symbol"></div> </li> <li> <div class="image"><center><a class="thumb" name="4" href="typo3temp/pics/e7815ec733.jpg"><img src="typo3temp/pics/f449d1cf52.jpg" width="136" height="182" border="0" alt="" title="" /></center></a></div> <div class="symbol"></div> </li> <li> <div class="image"><center><a class="thumb" name="4" href="typo3temp/pics/6916d44d6e.jpg"><img src="typo3temp/pics/04d60bf749.jpg" width="136" height="102" border="0" alt="" title="" /></center></a></div> <div class="symbol"></div> </li> <li> <div class="image"><center><a class="thumb" name="4" href="typo3temp/pics/200d01abf4.jpg"><img src="typo3temp/pics/724f335c50.jpg" width="136" height="102" border="0" alt="" title="" /></center></a></div> <div class="symbol"></div> </li> </ul> </div> </div> <div class="grid_4" style="padding-left:10px"> <h1>Kristiansands Dyrepark, Norge</h1> <p>Quisque quis tortor vitae odio dictum dignissim. Nam sed tincidunt purus. Suspendisse potenti. Sed lacinia odio quis dui commodo venenatis. Morbi in tempus dui. Aliquam porta semper sapien sed vestibulum. Nunc vulputate urna eu metus ornare pulvinar. Phasellus id hendrerit elit. Donec facilisis quam at ipsum tempor ultrices.<br /> <br /> Integer id tortor euismod nisi suscipit ornare non eu elit. Vivamus accumsan imperdiet justo non tempor. Integer in nisl nunc. Duis auctor nisl fermentum erat faucibus in aliquam sapien sagittis. Aliquam erat volutpat. Aliquam posuere, diam non sagittis fermentum, urna sapien pretium leo, ac fringilla magna diam sit amet sapien. <br /> <br /> Nulla facilisi. Maecenas varius euismod aliquet. Curabitur vitae massa ac sem feugiat fermentum eu vel risus. </p> </div> <div class="clear" style="height:10px"></div> </div> <div class="clear"></div> </div> <div id="content"> <div class="container_12"> <div id="inspiration_case_list" class="grid_12 alpha"> <ul> <li><a href="index.php?id=267&cid=11"><div class="image"><div class="image_inner"><img src="typo3temp/pics/added7fa3d.jpg" height="170" /></div></div><h2> Lövhult Nässjö, Sweden</h2></a></li><li><a href="index.php?id=267&cid=10"><div class="image"><div class="image_inner"><img src="typo3temp/pics/088f7cce7f.jpg" height="170" /></div></div><h2> Kroppaskolan Storfors, Sweden</h2></a></li><li><a href="index.php?id=267&cid=9"><div class="image"><div class="image_inner"><img src="typo3temp/pics/e1ae1a9cea.jpg" height="170" /></div></div><h2>Kristiansands Dyrepark, Norge</h2></a></li><li><a href="index.php?id=267&cid=8"><div class="image"><div class="image_inner"><img src="typo3temp/pics/99c93385ba.jpg" height="170" /></div></div><h2>Falcon Park, USA</h2></a></li><li><a href="index.php?id=267&cid=7"><div class="image"><div class="image_inner"><img src="typo3temp/pics/823d3f160d.jpg" height="170" /></div></div><h2>Brf Fjärilen Skövde, Sweden</h2></a></li><li><a href="index.php?id=267&cid=6"><div class="image"><div class="image_inner"><img src="typo3temp/pics/f7fbbc41ee.jpg" height="170" /></div></div><h2>Ryd, Skövde</h2></a></li><li><a href="index.php?id=267&cid=5"><div class="image"><div class="image_inner"><img src="typo3temp/pics/2322efef09.jpg" height="170" /></div></div><h2>Ile de la Réunion</h2></a></li><li><a href="index.php?id=267&cid=3"><div class="image"><div class="image_inner"><img src="typo3temp/pics/53798a0e53.jpg" height="170" /></div></div><h2>FÖRETAG Test</h2></a></li><li><a href="index.php?id=267&cid=4"><div class="image"><div class="image_inner"><img src="typo3temp/pics/3a8707e6fc.jpg" height="170" /></div></div><h2>Test 2</h2></a></li> </ul> </div> <div class="clear"></div> </div> </div> </div> <div id="fotter"> </div> <div class="clear"></div> </body> </html> |
||
Svara med citat |
2010-01-27, 16:33 | #6 | ||
|
|||
Medlem
|
De flesta fel jag får när jag testar beror på att du har divvar inuti a-element. Inline-element får inte innehålla block-element. Sen nästlar du även element väldigt konstigt. T.ex:
Kod:
<div class="image"><center><a class="thumb" name="4" href="typo3temp/pics/964b616921.jpg"><img src="typo3temp/pics/fc3bbae528.jpg" width="136" height="102" border="0" alt="" title="" /></center></a></div> I HTML-validatorn jag har i FF ser jag dock inte felet som du beskrev i början av tråden. Senast redigerad av Syke den 2010-01-27 klockan 16:35 |
||
Svara med citat |
2010-01-27, 16:33 | #7 | |||
|
||||
Bara ett inlägg till!
|
Du har div-element inuti a-element. Se till att kolla på de taggar som den faktiskt ger felmeddelande för (rätt rad och kolumn), och läs HELA felmeddelandet. Validatorn hos W3C säger uttryckligen att det kan vara för att du har block-element inuti inline-element (till exempel <a>).
div är ett block-element a är ett inline-element. Du kan inte ha div inuti a. |
|||
Svara med citat |
2010-01-27, 17:58 | #8 | ||
|
|||
Supermoderator
|
Det går visst att ha div inuti a om man gör a till block Men Emil har annars rätt, det felmeddelande du fick beror oftast på att man nästlat element fel. <center> är för övrigt föråldrat och bör inte användas.
__________________
Full-stack developer, free for smaller assignments |
||
Svara med citat |
2010-01-28, 11:26 | #9 | ||
|
|||
Medlem
|
Hmm .. tillåter doctypen det då? Orkar inte testa, men känns inte som validatorn kollar ifall CSS:en satt ett element till block / inline ..
|
||
Svara med citat |
2010-01-30, 19:52 | #10 | ||
|
|||
Flitig postare
|
Annars kan man ju lägga en span innuti en a, och sedan sätta både a och span till block
|
||
Svara med citat |
Svara |
|
|