kostenloser Webspace werbefrei: lima-city

Bild in Div container?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   ringlebwutz

   ringlebwutz hat kostenlosen Webspace.

   18:02, 3.4.2012

   Hallihallo :)
   
   
   Langsam nerv ich warscheinlich ein wenig aber Google will halt nicht so wie ich will ;).
   
   Deshalb meine Frage, ob ich ein Bild in einen Divcontainer packen könnte, um diesen zu positonieren?
   
   Bzw. dass ich dann z.B. den Divcontainer auf eine bestimmte Pixel zahl festlegen und dass sich dann die Bilder in der größe anpassen bzw sich dem entsprechend verkleiner oder vergrößern?
   
   
   Liebe Grüße

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. bladehunter

   

   bladehunter hat kostenlosen Webspace.

   18:06, 3.4.2012

   HTML ist keine Programmiersprache. Verschoben nach HTML, CSS & JavaScript.
   
   Wäre es nicht sinnvoller die größe vom <div> Abhängig von der Größe des Bildes zu machen und nicht umgekehrt? Das wäre jedenfalls deutlich einfacher.
4. Autor dieses Themas

   ringlebwutz

   ringlebwutz hat kostenlosen Webspace.

   18:33, 3.4.2012

   Wusste ich nicht ;)
   
   Naja manche Bilder sind einfach zu groß... und alle kleiner machen? Och nöö!
   
   Wie würde dass denn aussehen mit dem Div container?
   
   
   Kannste mir ein Beispiel geben?
   
   Liebe Grüße
   
   PS: Danke im Vorraus

5. imho

   

   imho hat kostenlosen Webspace.

   18:42, 3.4.2012

   Naja manche Bilder sind einfach zu groß... und alle kleiner machen? Och nöö!

   
   
   Wenn du dir Arbeit sparen willst, lad dir Irfan View runter, da gibts ne Stapleverarbeitung mit der du ganz viele Bilder auf einmal verarbeiten und resizen kannst

6. blendboom

   blendboom hat kostenlosen Webspace.

   14:20, 4.4.2012

   In CSS3 gibt es das Attribut background-size: 100%. Damit wird das Hintergrundbild eines Containers immer auf die Größe des Containers skaliert (Per Parameter einstellbar ob die Höhe oder die Breite ausschlaggebend ist, oder eine Verzerrung erlaubt).
   
   Wenn ich dich richtig verstanden hab ist das das was du willst.
   
   Blendboom

7. t*****o

   15:36, 4.4.2012

   Wenn du allen Bilder im Dokument bestimmte Maße zuweisen möchtest, reicht ein einfaches
   

   img {
     width: 500px;
     height: 333px;
   }

   
   Wenn du einem Bild z.B. 100% Breite zuweist, dann richtet es sich nach dem Elternelement.
   
   Wenn du nur Bildern innerhalb eines divs bestimmte Maße zuweisen möchtest, gib diesem eine Id oder eine Klasse-
   

   #container img {
     width: 500px;
     heifht: 333px;
   }

   
   
   Wenn du ein Bild positionieren möchtest, kannst du auch direkt das Bild positionieren. Gib dem Bild einfach eine Id.
   

   #bild {
     position: relative/positive;
     top: 10px;
     left: 10px;
   }

   
   
   Beitrag zuletzt geändert: 4.4.2012 15:37:43 von tillpro

8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?