kalle: Overflow:hidden und mehrere Bilder nebeneinander

Jetzt melde ich mich mal mit einem on-topic zurück :)

Ich habe ein DIV mit width:200px und height:600x. overflow ist auf hidden gestellt.

Setz ich da ein Bild rein, das 300px brei ist, wird es richtigerweise rechts abgeschnitten. Setzt ich aber 2 Bilder mit jeweils einer Breite von 150 rein, wird das zweite bild UNTER dem ersteb angezeigt, statt links davon und abgeschnitten.

Ich habe dem ersten Bild noch ein float:left mitgegeben, aber das ändert leider nix. Wie bekomme ich das hin?

display:inlune hab ich auch schon vergeblich probiert.

Danke, kalle

  1. Moin,

    Jetzt melde ich mich mal mit einem on-topic zurück :)

    Ich habe ein DIV mit width:200px und height:600x. overflow ist auf hidden gestellt.

    Setz ich da ein Bild rein, das 300px brei ist, wird es richtigerweise rechts abgeschnitten. Setzt ich aber 2 Bilder mit jeweils einer Breite von 150 rein, wird das zweite bild UNTER dem ersteb angezeigt, statt links davon und abgeschnitten.
    Wie bekomme ich das hin?

    Wüsste ich jetzt auch nur so:

      
    <html>  
    <head>  
    <title>test</title>  
    </head>  
    <body>  
    <div style="width:200px; overflow:hidden;">  
    <div style="width: 300px;">  
    <img src="bild.jpg" width="150"><img src="bild.jpg" width="150">  
    </div>  
    </div>  
    </body>  
    
    

    display:inlune hab ich auch schon vergeblich probiert.

    Danke, kalle

    Gruß,
    Take

    1. <div style="width:200px; overflow:hidden;">
      <div style="width: 300px;">

      jo, so klappts. Danke. Ein DIV wär mir zwar lieber aber besser so als gar nix :)

      DANKE

  2. Ich habe ein DIV mit width:200px und height:600x. overflow ist auf hidden gestellt.
    Setz ich da ein Bild rein, das 300px brei ist, wird es richtigerweise rechts abgeschnitten. Setzt ich aber 2 Bilder mit jeweils einer Breite von 150 rein, wird das zweite bild UNTER dem ersteb angezeigt, statt links davon und abgeschnitten.

    works as designed, sofern die white-space Eigenschaft immer noch den default-wert hat.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. Ich habe ein DIV mit width:200px und height:600x. overflow ist auf hidden gestellt.
      Setz ich da ein Bild rein, das 300px brei ist, wird es richtigerweise rechts abgeschnitten. Setzt ich aber 2 Bilder mit jeweils einer Breite von 150 rein, wird das zweite bild UNTER dem ersteb angezeigt, statt links davon und abgeschnitten.

      works as designed, sofern die white-space Eigenschaft immer noch den default-wert hat.

      mfg Beat

      Sorry, hab mich wohl unklar ausgedrückt. ich hätte gern, dass das zweite Bild rechts vom ersten (natürlich nicht nicht links davon!) angezeigt wird. Bei mir rutscht es aber immer eine Zeile nach unten. Wie krieg ich das hin?

      1. Moin,

        Ich habe ein DIV mit width:200px und height:600x. overflow ist auf hidden gestellt.
        Setz ich da ein Bild rein, das 300px brei ist, wird es richtigerweise rechts abgeschnitten. Setzt ich aber 2 Bilder mit jeweils einer Breite von 150 rein, wird das zweite bild UNTER dem ersteb angezeigt, statt links davon und abgeschnitten.

        works as designed, sofern die white-space Eigenschaft immer noch den default-wert hat.

        mfg Beat

        Sorry, hab mich wohl unklar ausgedrückt. ich hätte gern, dass das zweite Bild rechts vom ersten (natürlich nicht nicht links davon!) angezeigt wird. Bei mir rutscht es aber immer eine Zeile nach unten. Wie krieg ich das hin?

        Hast du nicht. Und Beat hat auch recht:

          
        <html>  
        <head>  
        <title>test</title>  
        </head>  
        <body>  
        <div style="width:200px; overflow:hidden; white-space:nowrap;">  
        <img src="bild.jpg" width="150"><img src="bild.jpg" width="150">  
        </div>  
        </body>  
        
        

        Komisch. So hatte _ich_ es erst auch ausprobiert ging aber nicht...

        Gruß,
        Take