bild mit text

  • hallo leute, ich habe ein problem

    ich möchte uf einer seite ein Bild einfügen wenn man draufklikt sollen zwei textre rauskommen die man ankliken kann

    dieses habe ich

    HTML
    1. <a href="bild.php"><img src="js/jetzt-helfen.png" alt="Bild" /></a<img src="fileadmin/templates/res/images/jetzt-helfen.png" width="105" height="102" alt="Jetzt helfen:" /><ul class="jetzthelfen-menu"><li><a href="online-spenden/" target="_blank">Spenden</a></li><li><a href="mitarbeit/">Mitarbeit</a></li></ul></div><div class="clear"></div></div></div><div>


    wie kann ich das schreiben das der Text Spenden und Mitarbeit nebeneinader herauskommen, jetzt ist alles untereinander

    Ich währe dankbar für eure Hilfe :)

  • Hey,


    ich habe das Thema zu Javascript verschoben, da es was mit Javascript zu tun hat.


    Desweiteren bitte deinen Code leserlicher hier rein stellen und in Code Tags einfügen. Vielen Dank :)


    Nun zu deinem Problem:

    Du kannst auf das Bild ein JS-Click Event registrieren. Beim Click kommt zu erst der erste String raus und dann zeitversetzt der 2 te.


    Nützliche Links:

    JS Click Event -> Click Event auf Bild

    JS setTimeout -> zur verzögerten Ausgabe

    JS Add Class -> um die CSS Klasse hinzuzufügen


    Grüße,

    Stef

  • Danke für deine Antwort! ;)

    Währst du bitte so nett und könntest mir das schreiben wie ich das reinstellen soll?

    währe nett von dir, da ich mich irgendwie nicht durchblicke! :)

  • Ich meine dies so:


    Bild = wenn du draufklickst kommt ein text zum aussuchen Sponsor darunter Mittarbeit

    Das gehört für unseren Verein und ich bin dabei sowas zu machen ist halt eine Idee :)

    Oder wen es ginge Bild neben zwei graue Balken wo der Text drinnen ist zum aussuchen, geht so etwas auch? ;)

  • schau ich will das eigentlich so haben wie auf https://www.samariterbund.net/landesverband-wien/ Spenden und Mitarbeit

    kannst du mir da den html link aufschreiben? währe nett von dir

    Du meinst wohl html Code ? Hat dein Browser die funktion Quelltext anzeigen ? Oder browser Konsole anzeigen oder so ?

    Damit kannst du sehen wie die Seiten aufgebaut sind bzw wie die das gemacht haben.


    Wie Sempervivum es schon beschrieben hat wäre es am richtigsten.

    Ich habe das da jetzt raus geholt aber du wahrst doch schon aufden richtigen Weg. Das html hast du ja schon. Jetzt brauchst du nur noch die css dazu .Sind ca 40 Zeilen die da benutzt wurden.


    Ich habe aber erstmal nee andere Frage . Wie weit bist du mit dein html und css wissen ? Weit am Anfang oder ?

  • An besten liest du dich erstmal hier rein https://www.html-seminar.de/html-seitenaufbau.htm

    Das brauchst du eigentlich auf jeder webseite

    In dein Fall must du dein html Code aus post #1 zwischen die Bodys Kopieren.

    <Dann brauchst du noch die Css von deinen Menü sag ich mal dazu.

    Die Css packst du in einer extra Datei , oder in <style> Tags die in <head> Kommen.

    Wenn du meinen Link durch liest solltest du das jetzt zusammen bauen können.

    Die Css habe ich da mal rausgeholt bzw etwas anpassen müssen


    Zusammen bauen must du jetzt aber. Falls dunicht weiter kommst dann meld dich nochmal