Button wird mit Umbruch dargestellt

[Hitrix]

Hallo zusammen,

ich hab anhand von folgendem Tutorial eine kleine SlideShow gebaut:

Create a Slick and Accessible Slideshow Using jQuery

Nun habe ich allerdings das Problem, dass bei mir der Button um nach rechts zu kommen nicht richtig dargestellt wird. Ich hätte den Button gerne neben dem Text und nicht unter ihm, durch einen Umbruch getrennt.

Es handelt sich hier eigentlich um kein Problem, dass von JavaScript oder jQuery kommt, sondern um ein CSS/HTML Problem.

Anbei noch der link zu meiner aktuellen Version:

Ballettschule-Schmetterling Stuttgart

Hoffentlich ist mein Problem klar geworden. Über eine kleine Hilfe wäre ich euch sehr dankbar.

Lieben Gruß

 

[Marv]

Hallo,
ich würde, damit du deine Buttons wie gewünscht platzieren kannst, diese absolut positionieren:

-Dazu musst du dem Div bzw. der id slideshow eine relative positionierung zuweisen

#slideshow {
    position: relative;
}

Und dem Button (Welcher durch die Klasse control schon position:absolute; hat), die entsprechenden Angaben zur Positionierung machen.
z.B. so (Deinen Code zu #rightControl um top: und right: erweitert)

#rightControl {
    background-image: url("images/controller-right.gif");
    height: 25px;
    right: 25px;
    top: 0;
    width: 25px;
}

 

[Hitrix]

Wow.... tausend dank, so funktioniert es perfekt ;-)