zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden bild skalieren und positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.03.2012, 00:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2008
Beiträge: 32
Mischka befindet sich auf einem aufstrebenden Ast
Standard bild skalieren und positionieren

hallo,
ich würde gerne eine gallerie machen und die bilder die nicht in nicht in die vorgegebenen felder passen so anpassen, das man möglichst viel davon sieht.

Also z.B.:
- Mein Thumbnail-wrapperelement, wo das bild angezeigt werden soll hat die größe 100x100px.
- Ein Beispielbild hat die Größe 200x300px.
Das Bild sollte in diesem fall auf 100x150 herunterskaliert (nur die anzeige, nicht das bild selbst) werden und dann soll es mittig in dem thumpnail-wrapperelement angezeit werden, sodass 25px links und rechts nicht zu sehen sind.

Hat jemand eine idee wie ich das realisieren kann?
Möglichst nur html und css, falls nicht möglich dann mit javascript (jquery)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.03.2012, 13:19
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Du könntest es als Hintergrundbild in den Thumbwrapper einfügen, dann kannst es mit CSS genau auf Größe bringen und mittig setzen...

Code:
background-size:cover;
background-position:50% 50%;
Mit Zitat antworten
Sponsored Links
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 in html richtig Positionieren? babylon05 (X)HTML 0 27.08.2010 08:06
Bild absolut positionieren (bottom) ZuMe CSS 2 03.07.2008 09:14
bild in text positionieren MoJo CSS 22 30.05.2006 17:31
Bild im Container mittig positionieren... 18inch CSS 5 09.07.2005 15:48
Bild rechts positionieren Retrax CSS 3 24.01.2005 18:02


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:13 Uhr.