Kom ihåg mig?
Home Menu

Menu


CSS Fel

 
Ämnesverktyg Visningsalternativ
Oläst 2010-01-27, 10:15 #1
kallgard kallgard är inte uppkopplad
Medlem
 
Reg.datum: Jun 2006
Inlägg: 85
kallgard kallgard är inte uppkopplad
Medlem
 
Reg.datum: Jun 2006
Inlägg: 85
Standard CSS Fel

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!
kallgard är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-27, 10:47 #2
emilvs avatar
emilv emilv är inte uppkopplad
Bara ett inlägg till!
 
Reg.datum: Feb 2004
Inlägg: 1 564
emilv emilv är inte uppkopplad
Bara ett inlägg till!
emilvs avatar
 
Reg.datum: Feb 2004
Inlägg: 1 564
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?
emilv är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-27, 11:03 #3
kallgard kallgard är inte uppkopplad
Medlem
 
Reg.datum: Jun 2006
Inlägg: 85
kallgard kallgard är inte uppkopplad
Medlem
 
Reg.datum: Jun 2006
Inlägg: 85
Standard Re: CSS fel

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>
kallgard är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-27, 13:10 #4
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Posta hela HTML-koden så blir det lättare att felsöka.
Syke är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-27, 13:29 #5
kallgard kallgard är inte uppkopplad
Medlem
 
Reg.datum: Jun 2006
Inlägg: 85
kallgard kallgard är inte uppkopplad
Medlem
 
Reg.datum: Jun 2006
Inlägg: 85
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>
kallgard är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-27, 16:33 #6
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
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>
Du börjar center innan a-elementet för att sen avsluta center innan du avslutar a-elementet. Det rätta vore att avsluta a före center.

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
Syke är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-27, 16:33 #7
emilvs avatar
emilv emilv är inte uppkopplad
Bara ett inlägg till!
 
Reg.datum: Feb 2004
Inlägg: 1 564
emilv emilv är inte uppkopplad
Bara ett inlägg till!
emilvs avatar
 
Reg.datum: Feb 2004
Inlägg: 1 564
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.
emilv är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-27, 17:58 #8
tartareandesire tartareandesire är inte uppkopplad
Supermoderator
 
Reg.datum: Jan 2004
Inlägg: 11 585
tartareandesire tartareandesire är inte uppkopplad
Supermoderator
 
Reg.datum: Jan 2004
Inlägg: 11 585
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
tartareandesire är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-28, 11:26 #9
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Syke Syke är inte uppkopplad
Medlem
 
Reg.datum: Mar 2008
Inlägg: 297
Citat:
Ursprungligen postat av tartareandesire Visa inlägg
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.
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 ..
Syke är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-01-30, 19:52 #10
Onkelborg Onkelborg är inte uppkopplad
Flitig postare
 
Reg.datum: Feb 2007
Inlägg: 382
Onkelborg Onkelborg är inte uppkopplad
Flitig postare
 
Reg.datum: Feb 2007
Inlägg: 382
Annars kan man ju lägga en span innuti en a, och sedan sätta både a och span till block
Onkelborg är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 11:30.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017