Die Fiddel bring gar nix da hast du recht .Hast du dir die Fiddle angeschaut ß Da geht ja nix .Aber könnte auchwieder hir dran liegen weil habe immer probleme mit den scheis cookies und cache hier.
Probiermal das aus hier
https://jsfiddle.net/basti1012/Lm365gL0/2/
Danach las ich es bleiben für heute .Dan müssen wir mal nach wem andern rufen ob die mal kucken .Ich habe auch kein vernünftiges Programm womit ich den fertigen Code testen kann.Immer nur fiddle oder auf Server hochladen und das ist mist
Ich mache das jetztauch anders ,da fiddle scheisse dafür ist .
Ich mache bei mir gleich mal nee test seite und dann klapptdas auch irgendwie
so kannst du mal kucken http://sebastian1012.bplaced.n…olio-gh-pages/index.html#
zur info habe die Css "4-col-portfolio.css"
und Html Datei "index"
ändern müssen.Damit du jetzt nicht ewig suchen musst nach der änderung .
Die Pfeile sind auch in der mittel,weil die Bilder immer gleich gross sind.So sollte es zumindest sein.
Coole Lightbox.
Selber gemacht ?
Was genau hast du da geändert Basti?
Wegen den Pfeilen, die Pfeile sind aber nicht mittig von den Bildern, sondern mittig von der gesamten Lightbox. Also sozusagen mittig vom Bild oben und den Bildern unten - sieht man bei deiner Seite auch ganz gut
@derneue: nö, hab mir da ne Vorlage von W3Schools und für das Portfolio eine Vorlage von Bootstrap geholt. Bin eher der Bearbeiter als der Schaffer 
Falls du die Vorlagen auch nutzen willst, musst du mal weiter oben im Thread schauen hab alles verlinkt 
html habe ich den Lightbox Code aus den Bild genommen .du hattest den an falschen Ort eingetragen . Jetzt hatte ich noch ein Conztainer angelegt damit ich die Pfeile ausrichten kann.Was nicht ganz klappt wie es soll.
Kuck nochmal selber http://sebastian1012.bplaced.n…olio-gh-pages/index.html# besser bekomme ich es nicht hin weil ich nicht verstehe warum er den Befehl nicht annimmt .
Fragen wir mal Sempervivum .vieleicht weiss er das was ich falsch mache.
Ich möchte hier
.prev,
.next {
cursor: pointer;
position: absolute;
top:40%;
width: auto;
padding: 16px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}das top:40%; weg haben und den wert vertical-align:middle; eintragen .damit er die mitte von den von mir erstellten überliegenen ( Eltern ) div container an nimt . Wenn ich das eingebe sind die pfeile immer ganz unten.Top 50% geht auch nicht dann ist er zu weit unten. Muss ich noch irgendwas an den überliegenen container machen ? Kuck mal bitte
ZitatFragen wir mal Sempervivum .vieleicht weiss er das was ich falsch mache
Dein Vertrauen ehrt mich, Basti, aber ich möchte in dieses Thema nicht einsteigen:
1. Wenn ich dies machen müsste, würde ich Fancybox verwenden.
2. Ich bin bisher nicht in Bootstrap eingestiegen und habe es auch nicht vor.
Ok verstehe ich . frage ich mal anders . wenn man vertical-align: verwendet muss das eltern element irgendwas besonderes drin stehen haben .oder müsste das eigentlich immer klappen?
vertical-align funktioniert außerhalb einer Tabellenzelle nur für Bilder. Zuverlässiger ist Flexbox und align-items:center.
Ja habe es damit versucht ,aber natürlich fehl geschlagen.Habe auch Extra nach gegoogelt und es nach Anleitung gemacht ,aber klappte auch nicht . Habe jetzt top :calc(50% -padding und border und eigene grösse ) und es sieht mittig aus .Das mit den Flexboxen lerne ich wohl auch nie.Wenn man dafür sämtliche Eltern Elemente neue Css Code geben muss,ist es in diesen Fall nichts für mich .Aber so sollte es auch gehen .
Siehe mein Posting #29:
Zitat1. Wenn ich dies machen müsste, würde ich Fancybox verwenden.
oder eine andere, ausgereifte, konfigurierbare Lightbox.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!