Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

media w3c validation

6 antwoorden
  • Hallo allemaal, Ik gebruik de volgende regel in mijn mobile CSS. Maar deze is niet w3c correct. [code:1:b450fdd1e9]@media screen and (min-width: 481px) and (max-width: 980px) {[/code:1:b450fdd1e9] Weet iemand wat er fout aan is? Ik sluit onderaan de CSS ook weer af met een }
  • Als ik het door de [url=http://jigsaw.w3.org/css-validator/#validate_by_input+with_options]validator[/url] gooi dan krijg ik geen foutmeldingen. Bedenk je wel dat er ook geldig CSS in moet staan, dit is meer een soort conditionele wrapper. [code:1:0571004ff7]@media screen and (min-width: 481px) and (max-width: 980px) { .foo { color: #ba5; } }[/code:1:0571004ff7] - Bas
  • Ik heb het geprobeerd maar blijf de melding krijgen. Ik heb dit in mijn head staan, kan het daarmee te maken hebben? [code:1:d5ecb4c5e6]<link rel="stylesheet" href="/css/mobile.css" type="text/css" media="screen and (min-width: 481px) and (max-width: 980px)" /> <link rel="stylesheet" href="/css/mobile.css" type="text/css" media="screen and (max-width: 480px)" />[/code:1:d5ecb4c5e6]
  • Die conditie moet in je CSS bestand niet in je link tag
  • Je kan de voorwaarden ook prima in de link zetten volgens [url=http://www.w3.org/TR/css3-mediaqueries/#media0]de specificatie[/url], dus dat zal het niet zijn. Maar zonder volledige broncode of de gegenereerde foutmeldingen kan ik er verder weinig nuttigs over zeggen. Zie voorbeelden 10 t/m 12 in de genoemde specificatie, die lijken op wat jij wil doen. Een algemene tip voor debugging: probeer het probleem te isoleren en op te lossen, dat maakt het doorgaans een stuk makkelijker. - Bas
  • Bedankt voor de tips ik ga me er nog eens in verdiepen. Groeten, Erwin

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.