Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Image skalieren mit einer Regel

Mitglied: Henne

Henne (Level 1) - Jetzt verbinden

11.10.2011, aktualisiert 19:11 Uhr, 6180 Aufrufe, 5 Kommentare

Hallo Freunde,

ich möchte diverse Bilder die verschieden groß und Seitenverhältnisse haben mit 2 Regeln via CSS anzeigen lassen (OnlineShop).
width soll generell 500px haben. sollte aber ein image height > 800px haben, dann max-height 800px.
Aber die erste Regel würde dann das Seitenverhältnis verzerren.

Wie könnte man das lösen?

Gruß Henne
Mitglied: Petrof
11.10.2011 um 19:16 Uhr
Moin,

genau wie Du es schreibst:

width: 500px;
max-height: 800px;

Mit "overflow" und dem entsprechendem Wert kannst Du dann bestimmen, was mit dem Rest passiert, wenn höher als 800px

da wird nichts verzerrt.


Gruß
Peter
Bitte warten ..
Mitglied: Henne
11.10.2011 um 19:58 Uhr
Hi, ich hab jetzt in der style.css:
{ width:500px; max-height:800px; overflow:hidden; }
Es wird trotzdem in die Breite von 500px verzerrt.

Wo denke ich falsch?

Gruß
Bitte warten ..
Mitglied: Arano
11.10.2011 um 20:53 Uhr
Hallo

  1. Mit CSS kannst du doch eh nicht prüfen ob das Bild nun im Hochformat oder Querformat vorliegt, das muss doch schon vorher geschehen (z.B. PHP)
  2. Wenn du sowohl bei Hoch- als auch bei Querformat vorgibst das die Breite immer 500px sein soll, dann werden die beiden Formate - im Vergleich zu einander - in unterschiedlichen Größen dargestellt. Meiner Meinung nach wäre es da besser die längeren Seite beider Formate eine Größe zuzuweisen


~Arano
Bitte warten ..
Mitglied: Petrof
12.10.2011 um 00:00 Uhr
Klar wird es in der Breite "verzerrt", wenn die Quellgrafik schmaler oder breiter ist als 500px.

Aber Du wolltest doch eine generelle Breite von 500px haben.

Peter
Bitte warten ..
Mitglied: Henne
12.10.2011 um 21:20 Uhr
Ja, so isses,
entweder 500px Breite,
wenn bildheight >800px..dann maxheight ohne zu verzerren

via CSS ist das wohl nicht machbar gerade wenn die pics
kleiner sind als die Regeln.

Henne
Bitte warten ..
Ähnliche Inhalte
Apache Server
Platzsparende RewriteEngine-Regel
gelöst Frage von itebobApache Server1 Kommentar

die Variante 1 RewriteEngine on RewriteCond %{HTTP_HOST} ^domain.de$ NC # Variante 1 RewriteCond %{REQUEST_URI} ^/ordnerAlt/dateixyz.php$ NC RewriteRule ^(.*)$ /ordnerNeu/dateixyz.php ...

Windows Server
AppLocker-Regel Wildcards
gelöst Frage von smartinoWindows Server2 Kommentare

Hallo zusammen, aus aktuellem Anlaß möchte ich gerne eine AppLocker Regel erstellen, welche die Ausführung von *pdf.exe unterbindet. Egal ...

Router & Routing
UAG2100 Firewall Regel
gelöst Frage von lord-iconRouter & Routing6 Kommentare

Hi, hat zufällig jm eine UAG von ZyXEL am start oder kennt sich damit tiefergründig aus ? Speziell für ...

Netzwerkgrundlagen
Verständnisfrage - pfSense Regel
gelöst Frage von noizedeNetzwerkgrundlagen13 Kommentare

Liebes Forum! Nachdem ich mein Problem mit der Reaktionsgeschwindigkeit bei der pfSense gelöst habe ) steige ich gerade tiefer ...

Neue Wissensbeiträge
Exchange Server

1und1 IONOS: Probleme beim Mailversand mit Exchange

Information von reksierp vor 4 StundenExchange Server1 Kommentar

Hallo, seit Do, 17.1.19 etwa Mittags nimmt 1und1 IONOS keine Mails mehr über den Standard-Port SMTP 25 an. Nachdem ...

LAN, WAN, Wireless

Cisco Mikrotik VPN Standort Vernetzung mit dynamischem Routing

Anleitung von aqui vor 17 StundenLAN, WAN, Wireless

1. Allgemeine Einleitung Das nachfolgende Tutorial ist eine Fortführung der hier bei Administrator.de schon bestehenden VPN Tutorials und beschreibt ...

Windows Mobile

Support für Windows Mobile endet im Dezember 2019

Information von transocean vor 2 TagenWindows Mobile

Moin, Microsoft empfiehlt als Alternative den Umstieg auf iOS oder Android, wie man hier lesen kann. Gruß Uwe

Internet

Kommentar: Bundesregierung erwägt Ausschluss von Huawei im 5G-Netz - Unsere Presse wird immer sensationsgieriger

Information von Frank vor 4 TagenInternet6 Kommentare

Hier mal wieder ein schönes Beispiel für fehlgeleiteten Journalismus und Politik zugleich. Da werden aus Gerüchten plötzlich Fakten, da ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
Temporäre WLAN Verbindung für AD-Login
Frage von Christian.WidauerLAN, WAN, Wireless17 Kommentare

Hallo zusammen, ich weiß leider nicht unter welchem Begriff ich dafür suchen muss, daher habe ich bisher leider nichts ...

LAN, WAN, Wireless
Bekannte Drosselungen bei Providern ?
Frage von HenereLAN, WAN, Wireless15 Kommentare

Servus zusammen, in bereits angefangen, aber ich hoffe dass der Beitrag hier mehr Informationen bringt. Sind Portdrosselungen bzw gezielte ...

Netzwerkmanagement
Reverse Proxy für TCP und UDP Anfragen
gelöst Frage von flxklsNetzwerkmanagement14 Kommentare

Hallo zusammen, ich besitze einen Rootserver, der nur eine öffentliche IP besitzt und auf dem mehrere VMs laufen. Da ...

Windows Server
MSSQL Backup in Form von .sql einspielen
Frage von janosch12Windows Server14 Kommentare

Guten Morgen, wir verwenden das Tool SQLandFTPBackup ( ) zum sichern einiger MSSQL Datenbanken. Nun sichert das Toll die ...