Stylesheet probleem

sjoerdd87 · Post by **sjoerdd87** » Sat Apr 21, 2012 2:38 pm

Hallo allemaal,

Ik heb een probleem met mijn W3C validatie namelijk:

gn.nl/CMS/tmp/cache/stylesheet_combined_6e6d1102f962d617322a8ab895856833.css"/>

De laatste / is fout, ik heb de stylesheet gekoppeld en alles werkt behalve deze fout.

De stylesheet heb ik ook apart opgeslagen, helaas zet hij er dan weer een / achter.

Kan iemand mij hiermee helpen?

Gangstah · Post by **Gangstah** » Sat Apr 21, 2012 2:44 pm

Style laad je in de <head> en niet in de </__body>

In body gebruik je internal stylesheet als je daar gebruik van wilt maken. Externe gebruik je in de head. Kijk is of dat helpt?

sjoerdd87 · Post by **sjoerdd87** » Sat Apr 21, 2012 2:52 pm

Gangstah wrote:Style laad je in de <head> en niet in de </__body>

In body gebruik je internal stylesheet als je daar gebruik van wilt maken. Externe gebruik je in de head. Kijk is of dat helpt?

Het staat netjes tussen de <head> tags, en de </__body> staat er onder, dus dat kan het niet zijn, zelfs met de originele NCleanBlue staat er een / bij.

Hieronder de code:

Code: Select all

<head>

<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>{title} {sitename}</title>
{cms_stylesheet}
<link rel="shortcut icon" href="uploads/DekkerDesign/images/favicon.ico">
<link rel="icon" href="uploads/DekkerDesign/images/favicon.ico">
{metadata}
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="1 month"> 
{literal} <__script__ type="text/javascript" src="uploads/DekkerDesign/js/prototype.js"></__script> {/literal}
{literal} <__script__ type="text/javascript" src="uploads/DekkerDesign/js/scriptaculous.js?load=effects,builder"></__script> {/literal}
{literal} <__script__ type="text/javascript" src="uploads/DekkerDesign/js/lightbox.js"></__script> {/literal}

</head>

Gangstah · Post by **Gangstah** » Sat Apr 21, 2012 3:01 pm

Waar maak jij die fout op dan? Ik ben namelijk naar je site gegaan (als het tenminste ng.nl is) en keek naar HTML validatie en kwam volgende tegen.

Code: Select all

<style> isn't allowed in <div> element.

En ik zag dus dat je de onderstaande code in een div had.

Code: Select all

			<!-- start Google search -->
			<style type="text/css">
			@import url(http://www.google.com/cse/api/branding.css);
			</style>

Of heb ik het over iets anders hier?

sjoerdd87 · Post by **sjoerdd87** » Sat Apr 21, 2012 3:05 pm

ja je hebt het over iets anders het is namelijk:

http://www.dekker-design.nl/CMS/

Ben beetje rond aan het kijken als webdesigner op een goede CMS te vinden en deze werkt super, alleen een paar foutjes eruit halen zodat hij W3C is.

Mijn originele site is namelijk:

http://www.dekker-design.nl

Tot nu toe lijkt hij sprekend op de originele site, andere CMS systemen wijken teveel af, de "klant" moet geen pagina's kunnen toevoegen enz, en zoals bijv. Joomla zit er teveel informatie achter en is te ingewikkeld voor de klant.

Ook het integreren van een zelf gemaakte template is vrij lastig in Joomla.

Gangstah · Post by **Gangstah** » Sat Apr 21, 2012 3:13 pm

ziet er goed uit! je bent goed op weg.

Je sluit alleen afbeeldingen af met >. maar ik zou hem afsluiten met /. Ook geen px bij height en width zetten. kijk maar voorbeeld hieronder.

bijv.

Code: Select all

<img src="afbeelding.jpg" alt="afbeelding" height="200" width="400" />

sjoerdd87 · Post by **sjoerdd87** » Sat Apr 21, 2012 3:20 pm

Gangstah wrote:ziet er goed uit! je bent goed op weg.

Je sluit alleen afbeeldingen af met >. maar ik zou hem afsluiten met /. Ook geen px bij height en width zetten. kijk maar voorbeeld hieronder.

bijv.
Code: Select all
<img src="afbeelding.jpg" alt="afbeelding" height="200" width="400" /> 

Gaat dit ook werken met alleen een / dan ipv > ?

Oke zal de px weghalen, echter nog steeds het probleem met de stylesheet...

Gangstah · Post by **Gangstah** » Sat Apr 21, 2012 3:22 pm

de probleem met stylesheet zie ik echter niet.. misschien dat iemand anders het ziet..

Rolf · Post by **Rolf** » Sat Apr 21, 2012 5:31 pm

Je moet de kop van het sjabloon wijzigen:

Code: Select all

<!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="nl" >

<head>

<meta name="generator" content="CMS Made Simple - Open Source Content Management System" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Let op dat je nu wel alle tags moet eindigen met />

Rolf

sjoerdd87 · Post by **sjoerdd87** » Sat Apr 21, 2012 5:55 pm

helaas dan 85 errors, terwijl het er nu 1 is.

Rolf · Post by **Rolf** » Sat Apr 21, 2012 5:58 pm

Dat klopt, want je moet de /> dan nog plaatsen bij de afbeeldingen bijvoorbeeld.
Maar dit is wel de oplossing voor je probleem!

sjoerdd87 · Post by **sjoerdd87** » Sat Apr 21, 2012 6:11 pm

Rolf wrote:Dat klopt, want je moet de /> dan nog plaatsen bij de afbeeldingen bijvoorbeeld.
Maar dit is wel de oplossing voor je probleem!

Oke kan best zijn, maar ik heb die afbeeldingen nog niet aangepast dus daar liggen die 85 errors niet, ook is het gewoon raar dat er automatisch een / bijkomt, dit moet toch ergenst beschreven staan dat dat daar word geplaatst.

Rolf · Post by **Rolf** » Sat Apr 21, 2012 6:14 pm

Die / komt in de stylesheet tag omdat dit hoort bij een doctype van deze tijd!
Je zult dus alle andere tags moeten eindigen op / dus <img ... /> en <br />
En geen twee de favicon aanroepen

sjoerdd87 · Post by **sjoerdd87** » Sat Apr 21, 2012 6:34 pm

Ik denk dat HTML5 meer van deze tijd is ipv een XHTML pagina, maargoed ik zal eens flink gaan spitten in de codes om te kijken wie en wat die / genereerd.

mcDavid · Post by **mcDavid** » Sun Apr 22, 2012 11:18 am

Het verschil is XHTML vs HTML.

Ik zou je ten eerste aanraden als doctype altijd <!DOCTYPE HTML> te gebruiken, niet meer en niet minder. Dit is het HTML5 doctype (dat gewoon compatible is met HTML4 dus geen paniek), en je mag hierbij zelf kiezen of je HTML of XHTML gebruikt.

Bij XHTML moet je álle tags altijd afsluiten. Aangezien bijv. de <link> tag geen sluittag </link> heeft, wordt die afgesloten door die slash.

CMSMS gebruikt officieel XHTML, maar als je liever HTML gebruikt zou ik dat gewoon doen, en deze simpele "error" gewoon negeren. Er is geen enkele browser die zich hier wat van aan trekt.

CMS Made Simple Forums

Stylesheet probleem

Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem

Re: Stylesheet probleem