tag:forum.selfhtml.org,2005:/self Validator mag width="100%" bei <img> nicht – SELFHTML-Forum 2017-03-14T12:09:33Z https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689948#m1689948 ottogal 2017-03-14T11:21:30Z 2017-03-14T11:21:30Z Validator mag width="100%" bei <img> nicht <p>Hallo in die Runde,</p> <p>der Validator <a href="https://html5.validator.nu/" rel="nofollow noopener noreferrer">https://html5.validator.nu/</a> meldet:</p> <blockquote> <p>Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead.</p> </blockquote> <p>Warum bemängelt er dies?</p> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689949#m1689949 Christian Kruse https://wwwtech.de/about 2017-03-14T11:25:59Z 2017-03-14T11:25:59Z Validator mag width="100%" bei <img> nicht <p>Hallo ottogal,</p> <blockquote> <p>der Validator <a href="https://html5.validator.nu/" rel="nofollow noopener noreferrer">https://html5.validator.nu/</a> meldet:</p> <blockquote> <p>Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead. Warum bemängelt er dies?</p> </blockquote> </blockquote> <p><a href="https://developer.mozilla.org/de/docs/Web/HTML/Element/img#attr-width" rel="nofollow noopener noreferrer">Weil bei HTML5 du die Breite von Bildern nicht in Prozent, sondern nur in (CSS-)Pixeln angeben kannst.</a> Das ist bei uns im Wiki leider falsch sehe ich gerade, mal korrigieren…</p> <p>LG,<br> CK</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689950#m1689950 Julius 2017-03-14T11:26:02Z 2017-03-14T11:26:02Z Validator mag width="100%" bei <img> nicht <p>Hallo ottogal,</p> <blockquote> <p>Warum bemängelt er dies?</p> </blockquote> <p>Weil es <a href="http://wiki.selfhtml.org/wiki/Referenz:HTML/Attribute/width" rel="nofollow noopener noreferrer">so definiert ist</a>, du kannst nur Angaben in Pixel machen.</p> <p>Gruß<br> Julius</p> <div class="signature">-- <br> „Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“<br> – <a href="https://de.wikipedia.org/wiki/Andrew_S._Tanenbaum" rel="nofollow noopener noreferrer">Andrew S. Tanenbaum</a> (<a href="https://de.wikipedia.org/wiki/Turnschuhnetzwerk" rel="nofollow noopener noreferrer">Quelle</a>) </div> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689951#m1689951 Auge 2017-03-14T11:26:59Z 2017-03-14T11:26:59Z Validator mag width="100%" bei <img> nicht <p>Hallo</p> <blockquote> <p>der Validator <a href="https://html5.validator.nu/" rel="nofollow noopener noreferrer">https://html5.validator.nu/</a> meldet:</p> <blockquote> <p>Error: Bad value 100% for attribute width on element img: Expected a digit but saw % instead. Warum bemängelt er dies?</p> </blockquote> </blockquote> <p>Weil es in HTML5, gegen das du prüfst, <a href="https://wiki.selfhtml.org/wiki/Referenz:HTML/Attribute/width" rel="nofollow noopener noreferrer">invalide</a> ist.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br> Toller Dampf voraus von Terry Pratchett </div> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689957#m1689957 ottogal 2017-03-14T11:53:44Z 2017-03-14T11:53:44Z Validator mag width="100%" bei <img> nicht <p>Der Firefox stört sich nicht daran und skaliert das Bild entsprechend, wenn beim Verkleinern des Viewports auch dessen Elternelement schrumpft. Damit habe ich das gewünschte responsive Verhalten.</p> <p>Wie erreicht man das denn in HTML5 auf korrekte Weise?</p> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689953#m1689953 Julius 2017-03-14T11:37:31Z 2017-03-14T11:37:31Z Validator mag width="100%" bei <img> nicht <p>Hallo Christian,</p> <blockquote> <p>Das ist bei uns im Wiki leider falsch sehe ich gerade, mal korrigieren…</p> </blockquote> <p>In der <a href="http://wiki.selfhtml.org/wiki/Referenz:HTML/Attribute/width" rel="nofollow noopener noreferrer">Referenz</a> war es allerdings korrekt :-)</p> <p>Gruß<br> Julius</p> <div class="signature">-- <br> „Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“<br> – <a href="https://de.wikipedia.org/wiki/Andrew_S._Tanenbaum" rel="nofollow noopener noreferrer">Andrew S. Tanenbaum</a> (<a href="https://de.wikipedia.org/wiki/Turnschuhnetzwerk" rel="nofollow noopener noreferrer">Quelle</a>) </div> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689954#m1689954 ottogal 2017-03-14T11:48:20Z 2017-03-14T11:48:20Z Validator mag width="100%" bei <img> nicht <p>Hab extra im Wiki nachgeschaut... Ok, in der Referenz stets richtig.</p> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689960#m1689960 Julius 2017-03-14T12:05:03Z 2017-03-14T12:05:03Z Validator mag width="100%" bei <img> nicht <p>Hallo ottogal,</p> <blockquote> <p>Hab extra im Wiki nachgeschaut... Ok, in der Referenz stets richtig.</p> </blockquote> <p>Da muss ich vehement wiedersprechen:<br> Ja, in der Referenz steht es richtig, aber stets richtig ist die Referenz deshalb noch lange nicht ;-)</p> <p>Gruß<br> Julius</p> <div class="signature">-- <br> „Unterschätze niemals die Datenübertragungsrate eines mit Bändern vollgeladenen Kombis, der über die Autobahn rast.“<br> – <a href="https://de.wikipedia.org/wiki/Andrew_S._Tanenbaum" rel="nofollow noopener noreferrer">Andrew S. Tanenbaum</a> (<a href="https://de.wikipedia.org/wiki/Turnschuhnetzwerk" rel="nofollow noopener noreferrer">Quelle</a>) </div> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689958#m1689958 Auge 2017-03-14T11:57:26Z 2017-03-14T11:57:26Z Validator mag width="100%" bei <img> nicht <p>Hallo</p> <blockquote> <p>Der Firefox stört sich nicht daran und skaliert das Bild entsprechend, wenn beim Verkleinern des Viewports auch dessen Elternelement schrumpft. Damit habe ich das gewünschte responsive Verhalten.</p> </blockquote> <p>Fehlerkorrektur, in HTML < 5 gibt es das ja und das muss er darstellen können.</p> <blockquote> <p>Wie erreicht man das denn in HTML5 auf korrekte Weise?</p> </blockquote> <p>Verzeih mir die Schnippischkeit, aber hast du schon einmal von CSS gehört? Breiten und Höhen angeben geht seit CSS1 und das stammt aus dem letzten Jahrtausend.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br> Toller Dampf voraus von Terry Pratchett </div> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689961#m1689961 ottogal 2017-03-14T12:06:25Z 2017-03-14T12:06:25Z Validator mag width="100%" bei <img> nicht <p>Verziehen... Bin kein Neuling in CSS, klar dass es damit kein Problem ist.</p> <p>P.S. Kleine Schnippischkeit retour: Ich frug "in HTML5" ;-))</p> https://forum.selfhtml.org/self/2017/mar/14/validator-mag-width-gleich-100-prozent-bei-img-nicht/1689962#m1689962 Auge 2017-03-14T12:09:33Z 2017-03-14T12:09:33Z Validator mag width="100%" bei <img> nicht <p>Hallo</p> <blockquote> <p>Verziehen... Bin kein Neuling in CSS, klar dass es damit kein Problem ist.</p> <p>P.S. Kleine Schnippischkeit retour: Ich frug "in HTML5" ;-))</p> </blockquote> <p>Dann: Garnicht <sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>. Dazu gibt es ja CSS.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br> Toller Dampf voraus von Terry Pratchett </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Auch wenn das nicht zusammengeschrieben wird. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section>