div in div mit bild
bearbeitet von Gunnar Bittersmann@@PHP-Neuling
> Mein HTML Quelltext
Nö, das ist PHP-Quelltext (ohne [Deppenleerzeichen](https://de.wikipedia.org/wiki/Leerzeichen_in_Komposita)). 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:
> ~~~ php, bad
> <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.
> ~~~ php, bad
> 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](https://www.a11yproject.com/posts/how-to-hide-content/) werden kann. Eine Alternative wäre `aria-label` bzw. `aria-labelledby`, aber per `span`-Element ist die bevorzugte Variante.
🖖 Живіть довго і процвітайте
{:@uk}
PS: In deinem PHP-Code sollten keine geschweiften Klammern vokommen, sondern die [alternative Syntax für Kontrollstrukturen](https://www.php.net/manual/de/control-structures.alternative-syntax.php) verwendet werden. S.a. diese [Diskussion](https://forum.selfhtml.org/self/2014/jan/18/code-etwas-schoener-schreiben/1599975#m1599975).
PPS: Wo kommt `$Datensatz['ANHANG']`{:.language-php} her? Wenn da ein Hauch von unsicherer Quelle drinsteckt, muss das vor der Ausgabe in HTML durch [`htmlspecialchars()`{:.language-php}](https://www.php.net/manual/de/function.htmlspecialchars.php) laufen.
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix