zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bilder in div unterschiedlich skalieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.12.2012, 13:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2012
Beiträge: 3
cozmo3001 befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.12.2012, 23:55
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 888
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.12.2012, 00:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2012
Beiträge: 3
cozmo3001 befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild soll mit skalieren zu div julthetool CSS 4 30.08.2012 21:58
um ein mittiges div jeweils bilder ___elvis___ CSS 0 18.08.2010 14:38
Myspace problem... Rechte Säule verschiebt sich im IE. calledmarcel CSS 1 27.02.2009 10:12
Bilder nebeneinander in div xm22 CSS 2 26.05.2006 21:55
div Positionierung bei Browsern Ancient CSS 22 17.03.2005 01:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:03 Uhr.