nicht angemeldet
Seltsame Vorgänge nach Verwendung von picture
Matthias Scharwies
Matthias ApselHallo zusammen,
Habe folgendes kodiert:
<p class="bilder"> (im style-Bilder steht: { text-align: left; }
<picture>
<source media="(min-width: 750px)"
srcset="Bildgroß.JPG">
<source srcset="Bildklein.JPG">
<img src="Bildgroß.JPG" alt="Text">
</picture>
</p>
Die Bilder werden in verschiedenen Geräten je nach Bildschirmgröße auch richtig angezeigt, aber:
- Nach einem Bild fängt der Folgetext erst mitten in der Bildschirmseite an.
- Bei einem anderen Bild fehlen im Folgetext gleich 3 Zeilen.
- Bei einem anderen Bild fehlt in der folgenden H4-Überschrift plötzlich die Unterstreichung (text-decoration:underline).
Deshalb einige Fragen? - Muß man bei der Verwendung von picture, source und srcset eine andere DOCTYPE angeben? Jetzt habe ich:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - Oder muß man sonst irgendwo im Kode was zusätzliches kodieren?
Habs auch mit div statt p probiert, selbes Ergebnis. Hab alles mögliche ausprobiert, nur nach folgendem 2-zeiligem Pseudo-Kode funktioniert es wieder:
<p class="irgendwas">
</p>
Besten Dank im voraus.
Mit eurer Textformatierung komme ich nicht klar. In der Anleitung steht, daß man für eine Zeilenschaltung 2 Leerzeichen am Ende des Textes einfügen soll. Das funktioniert aber nicht immer.
-
Servus!
-Muß man bei der Verwendung von picture, source und srcset eine andere DOCTYPE angeben? Jetzt habe ich:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">Ja, das ist ja ein HTML5-Element. Nimm diesen doctype.
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0;" />-Oder muß man sonst irgendwo im Kode was zusätzliches kodieren?
Eigentlich nicht - habe Dein Markup jetzt aber auch nicht genau angeschaut.
Mehr über picture hier im Wiki.
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun: ToDo-Liste -
Hallo milzalfred,
- Muß man bei der Verwendung von picture, source und srcset eine andere DOCTYPE angeben? Jetzt habe ich:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Du solltest
<!doctype html>verwenden und dann den Validator befragen. Ist die Erdstrahlenseite die, um die es geht?Bis demnächst
Matthias-
Hallo zusammen,
ich habe euren Rat hin auf HTML5 und utf-8 umgestellt. Hat aber leider keine Verbesserung gebracht. Na ja, immerhin bin ich jetzt auf dem neuesten Stand.
Zufällig habe ich dann den Fehler entdeckt. Ich habe bei allen alt=-Angaben die Abschluß-Gänsefüßchen vergessen (Das kommt vom kopieren). Dadurch hat der Browser die nachfolgenden Zeichen solange als Ersatztext angesehen, bis er das nächste Gänsefüßchen gefunden hat. Kleine Ursache, aber große Wirkung. Da muß man erst mal draufkommen.
Nochmal vielen Dank für Eure Bemühungen. Grüße Alfred
-
Hallo Alfred Milz,
Zufällig habe ich dann den Fehler entdeckt.
Bis demnächst
Matthias-
Hallo Matthias,
vielen Dank für den Hinweis. Ich teste sonst immer mit W3C Markup Validation Service. Aber was bedeutet die nachfolgende Message, die wird bei W3C nicht angezeigt. Muß mich erst mal einlesen, aber als Rentner habe ich da wenig Zeit (hihi):
Error: X-UA-Compatible HTTP header must have the value IE=edge, was chrome=1.
Und die beiden Warnings stammen von dem Besucherzähler -counterservice-, da kann ich leider nichts machen. Möchte diesen Besucherzähler aber auch nicht missen, der zeigt einige Dinge besser an als die Google services.
-
-
- Muß man bei der Verwendung von picture, source und srcset eine andere DOCTYPE angeben? Jetzt habe ich: