• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit Slideshow

An.na.fänger

Neues Mitglied
Ok, ich hoffe ich stelle meine Fragen in der richtigen Katergorie. Ich bin Anfängerin und versuche gerade meine Website mit html und css zu erstellen.

Mein Problem ist die Slideshow. Ich habe hier eine gefunden: http://123484.homepagemodules.de/t289f40-automatische-Slideshow-mit-Navigationsbuttons.html
und versucht diese soweit nach meinen Vorstellungen zu ändern, wie ich da durchsteigen konnte.

Soll ich html und css code hier rein kopieren?

Mein Problem ist, das sich das Button-Menü und die Bilder für mich nicht logisch (mit margin-top etc.) positionieren lassen. -> sh. screenshot.
Das Menü will unbedingt oben bleiben und wenn ich die Werte in der css ändere, verschwindet es.
- Wie kann ich das Button-Menü verschieben? (am allerliebsten hätte ich den Vorwärtsbutton rechts neben dem Bild und den Rückwärtsbutton links neben dem Bild. Start und Stop brauche ich nicht unbedingt).
- Ich würde auch gerne vorwärts und rückwärtsfunktion über die Pfeile der Tastatur lenken können
- und super wäre auch eine leichte Überblendung der Bilder (ich habe folgendes in der javascript eingefügt: var def_fdur=0.5; var def_steps=50; aber es gibt keine Veränderung)

Tut mir leid so viele Fragen zu stellen..



EDIT: -> sh. 2. Screenshot. So sieht es aus, wenn in der css für die Button: margin-left: 300px eingebe.
 

Anhänge

  • Bildschirmfoto 2013-10-09 um 01.02.01.png
    Bildschirmfoto 2013-10-09 um 01.02.01.png
    421,8 KB · Aufrufe: 6
  • Bildschirmfoto 2013-10-09 um 01.37.34.png
    Bildschirmfoto 2013-10-09 um 01.37.34.png
    422 KB · Aufrufe: 6
Zuletzt bearbeitet:
Wenn du für die Buttons margin-left angibst, gilt das für jeden Button. Ist in deinem Fall nicht wünschenswert. Damit du die Buttons genau positionieren kannst, musst du sie aus dem div entfernen in dem sie sind, ihnen eine ID geben und sie dann unabhängig positionieren.

Wobei ich noch anfügen muss, dass diese Slideshow so ziemlich eine der schlechteren ist, dies gibt. Wenn du da mal etwas an der Struktur des html code änderst, wird nichts mehr funktionieren.
 
Zurück
Oben