Brauche Hilfe mit Schulprojekt

[Gunnar Bittersmann]

@@lenny099

Wir würden uns für jede Hilfe freuen

Damit man überhaupt helfen kann: Online-Beispiel, bitte.

Aus den ersten Blick lässt sich sagen: Da fehlt ein bisschen bei der Grundstruktur.

<img src="Lol.png" height="180" width="180" onclick="choose(…)"> funktioniert nicht. Zum einen wegen fehlender Alternativtexte.

Zum anderen sind img-Elemente allgemein nicht clickbar. Damit die Bilder auch per Tastatur clickbar sind, die img jeweis in einen button tun:

<td>
	<button onclick="choose(…)">
		<img src="Lol.png" alt="Rückseite">
	</button>
</td>

Dem button kannst du mit CSS Rahmen und Hintergrund wegnehmen:

button
{
	padding: 0;
	background: transparent;
	border: none;
}

(Eine andere Möglichkeit wäre, button neben dem img im td und per CSS über die gesamte Fläche des Bilds zu legen – wäre etwas aufwendiger.)

Eine andere Überlegung wäre, keine Tabelle zu verwenden, sondern eine Liste, und die Bilder mit CSS Grid plazieren.

LLAP 🖖