Ergebnis 1 bis 3 von 3

Thema: Bilder in div per overflov hidden abschneiden

  1. #1
    HTML Newbie
    Registriert seit
    11.12.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Bilder in div per overflov hidden abschneiden

    Hallo zusammen,

    ich habe ein kleines Problem:
    Ich habe ein Div (100% Breite, 363px feste Höhe) mit einem Vimeo-Video in der Mitte und 2 Bildern links und rechts. Das Video soll immer 640x363px haben.
    Bei kleineren Auflösungen sollen die Bilder links und rechts aussen per overflow hidden abgeschnitten werden, wobei sich das linke Bild rechts im div ausrichten, das rechte Bild sich links im div ausrichten soll...

    Wie kriegt man es im CSS hin?
    Besten Dank im Voraus
    cozmo
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Bilder in div per overflov hidden abschneiden

    Zitat Zitat von cozmo3001 Beitrag anzeigen
    Wie kriegt man es im CSS hin?
    Was hast du bisher versucht?

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    11.12.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bilder in div per overflov hidden abschneiden

    Das ist das bisherige Test-CSS:

    body {
    margin: 0px;
    padding: 0px;
    }

    #content {
    margin: 0px;
    padding: 0px;
    height: 363px;
    width: 100%;
    /* [disabled]overflow: hidden; */
    position: relative;
    }
    #links {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 363px;
    overflow: hidden;
    position: relative;
    background-color: #999;
    text-align: right;
    display: block;
    max-width: 33%;
    top: 0px;
    right: 0px;
    clip: rect(0px,0px,auto,auto);
    }
    #mitte {
    padding: 0px;
    float: left;
    height: 363px;
    width: 640px;
    position: relative;
    background-color: #960;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
    overflow: hidden;
    left: auto;
    top: 0px;
    right: auto;
    }
    #rechts {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 363px;
    overflow: hidden;
    position: relative;
    text-align: left;
    display: block;
    background-color: #090;
    max-width: 33%;
    }
    #links img {
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    top: 0px;
    right: 0px;
    position: relative;
    text-align: right;
    display: block;
    }
    #rechts img {
    margin: 0px;
    padding: 0px;
    height: 100%;
    overflow: hidden;
    position: relative;
    left: 0px;
    top: 0px;
    text-align: left;
    clip: rect(0px,auto,auto,0px);
    }

    Wo ist der Denkfehler?

Ähnliche Themen

  1. Container hidden/visible Hilfe
    Von valbuz im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 18.09.2010, 22:05
  2. Hidden-Text bei Rapidforen
    Von TezLa im Forum Webanwendungen - Webapplikationen
    Antworten: 4
    Letzter Beitrag: 21.11.2006, 21:46
  3. Hidden-felder
    Von Oliver_ im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 31.12.2005, 17:51
  4. hidden
    Von cookie im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 17
    Letzter Beitrag: 02.10.2005, 15:34
  5. Javascript hidden
    Von Gast im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.08.2005, 16:28

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •