nicht angemeldet
Hallo Jürgen
details:not(open) summary::after { content: ' ►'; } details[open] summary::after { content: ' ◄'; } summary::before { content: ""; width: 0; }
Ich denke, dass obere steuert das Aussehen des "Dreiecks", oder? Aber das meine ich nicht.
Weitere Anpassungen wie z.B. display:inline sind ebenfalls über >
details[open]/details:not(open)möglich.
Mit display:inline war ich auch schon am herumexperimentieren, ohne Erfolg.
Quelltext hier<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test-klapptext</title>
<style>
</style>
</head>
<body>
<p>Textkörper-1</p>
<details><summary>Klapptext</summary>
<p>Test für Klapptext.</p>
<p>Und eine weitere Zeile.</p></details>
<p>Textkörper-2</p>
</body>
</html>
Bei dieser Situation erscheint das Dreieck und der Text "Klapptext" zwischen Textkörper 1 und 2. Ich möchte aber das das Dreieck am Textkörper-1 angehängt wird und zwar am Ende der Zeile von Textkörper-1.
JürgenB
Rolf B
MudGuard
Gunnar Bittersmann
Der Martin