Beiträge von SpaceX

  • Pseudo Selektoren - before, after

    Ich weiß zwar wie man ein Bild verlinkt, aber die Aufgabe soll mit CSS gelöst werden. Ich darf das <a> nicht an den Anfang setzen, die html soll unverändert bleiben. Ich soll dafür nur CSS verwenden mit Pseudo Selektoren und Positions. Also:

    position:relativ, position: absolute, ::before, ::after und overflow:hidden sollen verwendent werden.


    Der Link soll überall in der Box klickbar sein. Es kommt nicht auf genaue Abstände an. Es soll wie in einem Online-Shop sein. Mehr Infos gib es leider nicht.

  • Pseudo Selektoren - before, after

    Hi, ich habe folgenden HTML Code:

    Code
    <div class ="kachel">
    <img src="image.png" />
    <a href="link.html">Mehr Details</a>
<div>

    Nun möchte ich das ganze so mit CSS verändern, dass die Kachel als Link klickbar ist. Dabei möchte ich nur CSS und Pseudo Selektoren benutzen. Also ::before, ::after und overflow: hidden. Die html soll dabei nicht verändert werden. Geht das?

  • JS Closure - dynamisch 20 Buttons in Schleife mit click event erzeugen

    Hallo, ich versuche mich auf eine Klausur vorzubereiten, bei manchen der Aufgaben habe ich noch Probleme. Leider sind die Übungen und Vorträge zu diesem Modul sehr schlecht. Da habe ich gedacht, dass ich mich vielleicht hier einfach mal an ein paar Pros wende.


    Jetzt mal eine der besagten Aufgaben;

    Aufgabe (JavaScript-Closure): Erstellen Sie dynamisch zwanzig Buttons, denen Sie beim Erzeugen in einer Schleife einen Eventhandler für das Click-Event zuweisen, der beim Anklicken u.a. die Zählvariable zur Erstellungszeit ausgibt, z.B. mit folgendem Text: „Button 12 wurde gedrückt.“


    Hmm, also wie gesagt ich steh da etwas auf dem Schlauch.

    würde jetzt sowas in eine for schleife mit i<20 etc. schreiben:

    document.getElementById('add').innerHTML='<input type = "button" onclick="funk()">Button</button>';


    Hätte da jemand eine Lösung parat?



    Danke schonmal.