Nikut
Neues Mitglied
Hallo!
Ich bin hier jetzt frisch registriert, weil ich mit einem Fehler, der bei mir auftritt nicht zurecht komme.
Ich bastle an einer Übersicht für einen Kurs der Virtuellen Hochschule Bayern. Dabei soll eine juristische Strafrechtsübersicht dargestellt werden. Ich selbst kenne HTML eigentlich nur aus der Schule und den Editoren von Seiten, die ich betreue.
Ich hatte etwas umhergesucht und dabei die Möglichkeit entdeckt mit Ankerverweisen Details zu bestimmten Punkten aufrufen zu lassen. Dabei verwendete ich auch CSS.
Durch diesen Code entstehen bei Klick auf "Details" kleine Fenster, die auf die verwiesenen Beträge anzeigen. Das funktioniert so weit ganz gut. Allerdings reagieren die letzten beiden Anker (d5 und d6) anders und erscheinen ganz am oberen Rand der Seite, was stört und unpassend ist.
Auch musste ich etwas tricksen mit den Menüpunkten Schuld und Rechtswidrigkeit, da diese unbedingt hinter den Details Anker wollten, damit sie vorne links blieben.
Ich hoffe jemand hat eine Ahnung, wieso die Fenster von d5 und d6 nach oben springen.
D7 ist lediglich ein Versuch noch eine Ebene oben drauf zu legen, da diese weitere Informationen zu den einzelnen Punkten liefert. Alternativ fange ich einfach eine weitere Liste an.
Tricksen musste ich auch beim Link der "Details". Dort habe ich einen Abstand nur generieren können, dass ich diesen in den Link gepackt habe. Gefällt mir bisher nicht. Vielleicht habt ihr auch da Vorschläge und konkrete Verbesserungen.
Ich bin hier jetzt frisch registriert, weil ich mit einem Fehler, der bei mir auftritt nicht zurecht komme.
Ich bastle an einer Übersicht für einen Kurs der Virtuellen Hochschule Bayern. Dabei soll eine juristische Strafrechtsübersicht dargestellt werden. Ich selbst kenne HTML eigentlich nur aus der Schule und den Editoren von Seiten, die ich betreue.
Ich hatte etwas umhergesucht und dabei die Möglichkeit entdeckt mit Ankerverweisen Details zu bestimmten Punkten aufrufen zu lassen. Dabei verwendete ich auch CSS.
CSS:
<style type="text/css">
main {
position: relative;
}
ul {
width: 16em;
list-style-type: none;
margin: 0;
padding: 0;
}
ul li {
padding: .2em 1em;
background-color: #F1F3F4;
border: 0.1em solid #3983ab;
border-style: none solid solid;
overflow: hidden;
}
ul li:first-child {
border-style: solid;
}
ul li a {
float: right;
}
.details {
position: absolute;
right: 1em;
top: 1em;
background-color: #F1F3F4;
border: 0.1em solid #3983ab;
border-radius: 0 8px 8px;
padding: 1em 1em .2em;
width: 32em;
max-height: 23em;
overflow: auto;
display: none;
}
.details h1 {
margin-top: 0;
}
.details:target {
display: block;
}
.close {
width: 0;
heigh: 0;
border: 0;
text-shadow: none;
color: transparent;
}
.close:after {
position: absolute;
top: 1em;
right: 1em;
content: "X";
color: white;
background: #c32e04;
font: font: bold 1em/150% Georgia, Times, serif;
border: 0.1em solid #3983ab;
border-radius: 0 8px 8px;
display: block;
text-align: center;
width: 1.5em;
height: 1.5em;
padding: 0.2em 0 0 0em;
}
</style>
HTML:
<body>
<main role="main">
<h2>Das vorsätzlich vollendete Begehungsdelikt</h2>
<ul><h3>Aufbau</h3>
<li>I. Tatbestand <a href="#d1"> Details </a></li>
<li>II. <a href="#d2"> Details </a> Rechtswidrigkeit</li>
<li>III. <a href="#d3"> Details </a> Schuld</li>
<li>IV. pers. Strafausschließungsgründe/ Strafaufhebungsgründe<a href="#d4"> Details </a></li>
<li>V. Strafzumessung<a href="#d5"> Details </a></li>
<li>VI. Strafverfolgungs- voraussetzungen<a href="#d6"> Details </a></li>
<li>VII. Ergebnis</li>
</ul>
<div id="d1" class="details">
<h3>Details zum Tatbestand</h3>
<h4>I. Tatbestand</h4>
1. objektiver Tatbestand <a href="#d7"> Details </a><br>
a. Täterqualität <br>
b. taugliches Tatobjekt <br>
c. Erfolg <br>
d. Handlung <br>
e. Kausalität (c-s-q-n-Formel) <br>
[f. objektive Zurechnung] <br>
<br>
2. subjektiver Tatbestand <br>
a. Vorsatz, § 15 StGB <br>
(P) Irrtümer nach § 16 Abs. 1 S. 1 StGB <br>
(P) error in persona, <br>
(P) aberratio ictus <br>
b. besondere/sonstige subj. Merkmale (bspw. sb.. Mordmerkmale, Zueignung- o. Bereicherungsabsicht) <br>
3. Tatbestandsannex <br>
→ objektive Bedingung der Strafbarkeit <br>
<br>
<a class="close" id="c1" href="#c1" title="schließen">schließen</a></div>
<div id="d2" class="details">
<h3>Details zur Rechtswidrigkeit</h3>
<p>II. Rechtswidrigkeit <br>
Die Tatbestandsmäßigkeit indiziert die Rechtswidrigkeit – dieses Indiz entfällt, wenn etwaige Rechtfertigungsgründe vorliegen. <br>
→ objektive Voraussetzungen des RFTG <br>
→ nach h.M. subj. Rechtfertigungselement <br>
(P) Fehlen des sb. RFT-Elements <br>
(→ e.A. Vollendung a.A. Versuch) <br>
→ ggf. positive Feststellung der RWK bei offenen TB <br>
z.B. § 240 StGB <br>
Rechtfertigungsgründe: <br>
1. Notwehr, § 32 StGB <br>
2. ggf. zivilrechtliche Rechtfertigungsgründe (§§ 228, 904; §§ 229, 859 BGB) <br>
3. Notstand, § 34 StGB <br>
4. rechtfertigende Einwilligung? <br> § 228 StGB bei Körperverletzungsdelikten beachten<br>
5. Festnahmerecht, § 127 StPO <br>
6. Wahrnehmung berechtigter Interessen, § 193 StGB (bei Beleidigungsdelikten).</p>
<a class="close" id="c2" href="#c2" title="schließen">schließen</a></div>
<div id="d3" class="details">
<h3>Details zur Schuld</h3>
<p>III. Schuld <br>
1. Schuldfähigkeit, §§ 19 – 21 StGB <br>
2. spezielle Schuldmerkmale <br>
(bspw. § 315c Abs. 1 StGB; § 225 Abs. 1 StGB) <br>
3. Entschuldigungsgründe <br>
a. Notstand, § 35 StGB <br>
b. übergesetzlicher Notstand (str.) <br>
c. Notwehrexzess, § 33 StGB <br>
4. Irrtümer <br>
a. Verbots-/Erlaubnisirrtum, § 17 StGB <br>
b. Erlaubnistatbestandsirrtum (h.M.) <br>
</p>
<a class="close" id="c3" href="#c3" title="schließen">schließen</a></div>
<div id="d4" class="details">
<h3>Details zu persönlichen Strafausschließungs- oder Strafaufhebungsgründen </h3>
<p>IV. persönliche Strafausschließungs- oder Strafaufhebungsgründe <br>
→ bspw. Angehörigeneigenschaft, § 258 Abs. 6 StGB, tätige Reue §306e Abs. 2 StGB
</p>
<a class="close" id="c4" href="#c4" title="schließen">schließen</a></div></main>
<div id="d5" class="details">
<h3>Details zur Strafzumessung</h3>
<p>V. Strafzumessung <br>
→ Regelbeispiele, minder oder besonderes schwere Fälle<br><br>
</p>
<a class="close" id="c5" href="#c5" title="schließen">schließen</a></div>
<div id="d6" class="details">
<h3>Details zu Strafverfolgungsvoraussetzungen</h3>
<p>VI. Strafverfolgungsvoraussetzungen <br>
→ Strafantrag, Verjährung</p>
<a class="close" id="c6" href="#c6" title="schließen">schließen</a></div>
<div id="d7" class="details">
<h3>Details zur Täterqualität</h3>
<p>a. Täterqualität
→ Allgemeindelikte: jede natürliche Person<br>
→ Sonderdelikte: besondere Anforderungen an die Tätereigenschaft, bspw. Zeugeneigenschaft, § 153 StGB, Amtsträgereigenschaft, § 340 StGB
</p>
<a class="close" id="c7" href="#c7" title="schließen">schließen</a></div>
</main>
</body>Durch diesen Code entstehen bei Klick auf "Details" kleine Fenster, die auf die verwiesenen Beträge anzeigen. Das funktioniert so weit ganz gut. Allerdings reagieren die letzten beiden Anker (d5 und d6) anders und erscheinen ganz am oberen Rand der Seite, was stört und unpassend ist.
Auch musste ich etwas tricksen mit den Menüpunkten Schuld und Rechtswidrigkeit, da diese unbedingt hinter den Details Anker wollten, damit sie vorne links blieben.
Ich hoffe jemand hat eine Ahnung, wieso die Fenster von d5 und d6 nach oben springen.
D7 ist lediglich ein Versuch noch eine Ebene oben drauf zu legen, da diese weitere Informationen zu den einzelnen Punkten liefert. Alternativ fange ich einfach eine weitere Liste an.
Tricksen musste ich auch beim Link der "Details". Dort habe ich einen Abstand nur generieren können, dass ich diesen in den Link gepackt habe. Gefällt mir bisher nicht. Vielleicht habt ihr auch da Vorschläge und konkrete Verbesserungen.
Zuletzt bearbeitet:
