milzalfred: Seltsame Vorgänge nach Verwendung von picture

Beitrag lesen

SELF-Forum

Seltsame Vorgänge nach Verwendung von picture

milzalfred Homepage des Autors (Versionen)
– Informationen zu den Bewertungsregeln

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.

Beitrag melden
–
Informationen zu den Bewertungsregeln