Hallo 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.