div in div mit bild

[Gunnar Bittersmann]

@@PHP-Neuling

Mein HTML Quelltext

Nö, das ist PHP-Quelltext (ohne Deppenleerzeichen). Ich hab mir mal erlaubt, in deinem Posting die Sprachen der Codeblöcke (PHP bzw. CSS) anzugeben, damit Syntaxhighlighting gemacht wird.

Und was soll man mit dem Code anfangen? Einen lokalen Webserver starten, um da was zu sehen? Nö. Verlinke deine Testseite (auf deinem Server oder einem Service wie CodePen oder Dablett), damit man sich das Zeug ansehen kann.

Was man schon sagen kann ist, dass dein Zeug für etliche Nutzer nicht funktioniert, weil deine Links keine Beschriftung haben:

			<div id="Image"><a href="<?= $Datensatz['ANHANG'] ?>" target="_blank">
			<img class="clear" id="NewsImage" height="128" src="<?= $Datensatz['ANHANG'] ?>">
			</a></div>	

Das Bild muss einen Alternativtext haben, der das Linkziel angibt. Oder das Linkziel so angeben wie beim nächsten Link.

						IF($Datensatz['ANHANG'] != "") { ?><a href="<?=$Datensatz['ANHANG']?>" target="_blank"> <i class="fa fa-paperclip"></i></a> <?php }} ?>

Hier ist der Linktitel in einem span-Element unterzubringen, das visuell versteckt werden kann. Eine Alternative wäre aria-label bzw. aria-labelledby, aber per span-Element ist die bevorzugte Variante.

🖖 Живіть довго і процвітайте

PS: In deinem PHP-Code sollten keine geschweiften Klammern vorkommen, sondern die alternative Syntax für Kontrollstrukturen verwendet werden. S.a. diese Diskussion.

PPS: Wo kommt $Datensatz['ANHANG'] her? Wenn da ein Hauch von unsicherer Quelle drinsteckt, muss das vor der Ausgabe in HTML durch htmlspecialchars() laufen.