Vielen Dank Wolf
für alle die gerne das Ergebnis anschauen möchten : http://codepen.io/anon/pen/rVOJRX
Beiträge von traum
-
-
Hallo Wolf,
supergenail, das hat funktioniert. Ich habe jetzt noch Links darum gesetzt. Beim ersten funktioniert es, aber bei den anderen DIV's scheint es nicht zu klappen siehe:
http://codepen.io/anon/pen/RPWQgG -
Hi Wolf,
ich habe deine Idee einmal mit unseren Bilder gekoppelt http://codepen.io/anon/pen/rVOpxz . Nur frage ich mich wie ich den grauen Rand weg bekomme.
-
Hallo Wolf,
vielen Dank für deine Antwort. Die Bilder werden aktuell einzeln aufgerufen, ohne ein umliegendes DIV um jedes Bild
HTML<center><img style="opacity: 0.9;z-index: 1;vertical-align: middle;max-width: 100%;" src="http://mond.traum-deutung.de/wp-content/themes/tatort-v3/mond/mond-13-100.png"><img style="opacity: 0.9;z-index: 3;vertical-align: middle;max-width: 100%;" src="http://mond.traum-deutung.de/wp-content/themes/tatort-v3/mond/mond-14-160.png"><img style="opacity: 0.9;z-index: 10;vertical-align: middle;max-width: 100%;" src="http://mond.traum-deutung.de/wp-content/themes/tatort-v3/mond/mond-15.png"><img style="opacity: 0.9;z-index: 3;vertical-align: middle;max-width: 100%;" src="http://mond.traum-deutung.de/wp-content/themes/tatort-v3/mond/mond-16-160.png"><img style="opacity: 0.9;z-index: 1;vertical-align: middle;max-width: 100%;" src="http://mond.traum-deutung.de/wp-content/themes/tatort-v3/mond/mond-17-100.png"></center>Die Bilder sollten eigentlich zusammengeschoben werden, da helfen mit auch keine Mediaquerrys oder habe ich das falsch verstanden?
-
Hallo,
ich habe einen kleinen Mondkalender entwickelt ( http://mond.traum-deutung.de ). Bei der oben Anzeige habe ich ein Problem in der Mobilansicht. Eigentlich würde ich gerne das die Mondbilder prozentual kleiner werden und ineinander laufen, so das der Mond immer in der Mitte ist. Ich vermute ich habe das zu kompliziert erklärt, daher habe ich einmal ein Bild vom Desktop (soll) und Mobil (soll).
Desktop
[Blockierte Grafik: http://s29.postimg.org/5r9g5u3pz/mondkalender_desktop.png]
Mobil
[Blockierte Grafik: http://s4.postimg.org/5kb318q1p/mondkalender_mobil.png]
Beim Desktop war es kein Problem, aber wie setzte ich es um in der Mobilversion?