|
|||
Bilder in div unterschiedlich skalieren
Hallo zusammen,
ich habe ein kleines Problem: Ich habe ein Div (100% Breite, 363px Höhe) mit einem Vimeo-Video in der Mitte und 2 Bildern links und rechts. Das Video soll immer 640x363px haben. Die Bilder links und rechts sollen aussen per overflow hidden abgeschnitten werden. Das linke Bild soll sich rechts im div ausrichten, das recht Bild soll sich links im div ausrichten. Wie kriegt man es im CSS hin? Besten Dank im Voraus cozmo |
Sponsored Links |
|
|||
Du willst also eher kein Bild skalieren sondern Hintergrundbilder positionieren. Für das was Du willst, müsstest Du mindestens ein Hilfselement ergänzen. Das eine Hintergrundbild hängst Du dann an das alles umgebende Element, das andere an das Hilfselement. Eines per background-position nach links, das andere nach rechts. In der Mitte können sie ja vom Video dann überlagert werden und wären dadurch dort nicht zu sehen.
|
Sponsored Links |
|
|||
Hi threadi,
jepp, hatte mich falsch ausgedrückt: Die Bilder sollen "nur" abgeschnitten werden: Ich weiß nicht, was Du mit Hilfselement meinst... Generell ist das umgebende div 100% breit, in der Mitte das Vimeo-Video, links und rechts jeweils ein Bild, kein Hintergrundbild per CSS. Das Video bleibt immer absolut in der Mitte, gleiche Größe (640x363px), die Bilder haben die gleiche Höhe wie das Video, sollen bei kleineren Monitorauflösungen jeweils aussen abgeschnitten werden, wobei sich das linke Bild rechts orientiert (links Seite wird abgeschnitten), das rechte Bild links am Video orientiert (rechte Seite wird abgeschnitten). Wie gehts? Besten Dank im Voraus Cozmo |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bild soll mit skalieren zu div | julthetool | CSS | 4 | 30.08.2012 20:58 |
um ein mittiges div jeweils bilder | ___elvis___ | CSS | 0 | 18.08.2010 13:38 |
Myspace problem... Rechte Säule verschiebt sich im IE. | calledmarcel | CSS | 1 | 27.02.2009 09:12 |
Bilder nebeneinander in div | xm22 | CSS | 2 | 26.05.2006 20:55 |
div Positionierung bei Browsern | Ancient | CSS | 22 | 17.03.2005 00:49 |