Frage zu Bildverkleinerung

Zitat von swissguy

Hi zusammen

Ich habe ein neues Theme (kostenpflichtig sogar...)
Damit habe ich aber ein Problem und vom Entwickler bisher nichts gehört ...

Wie ihr unter school ict sehen könnt, werden am unteren Ende der Seite 3 Spalten erzeugt, in welchen die Beiträge aufgelistet werden. einige Bilder werden automatisch verkleinert, andere aber nicht. warum ist das? wie kann ich machen, dass alle verkleinert werden?

[Blockierte Grafik: http://img.skitch.com/20080509-bapn37ge4daeur9m61nn6ujtth.preview.jpg]Click for full size - [COLOR=#a7a7a7]Uploaded with plasq's Skitch[/COLOR]

;)

du findest in der style.css

* Entry */






.column_left_b img, .column_center_b img, .column_right img {


	margin: 3px 10px 5px 0px;


	padding: 0px;


	


	float: left;


	


	height: 82px;


	


	border: none;


}

das height 82 verkleinert die Bilder, aber das eine das derzeitige Rechte ist sowenig hoch, dass die Verkleinerung auf 82px noch immer knappe über 400px Breite ergibt,

jetzt kannst Du statt des height:
max-width:210px oder so angeben, dies schneidet aber oft Bilder ab und verringert nicht deren Höhe...

oder Du wählst Bilder aus, die eher passen,
was weiß ich dieses lange Bild in einen weißen Hintergrund geben, damit es kleiner wird dann

dies geht via css nicht anders..

lg

Zitat von codestyling

Da die Bilder von einem Image Server zu kommen scheinen, wird wohl die freie Wahl der Größen ausscheiden.
Eine Alternative, wohl eher Kompromiss, wäre noch, die Bilder in einen div einzusperren, hier am Beispiel der 3.Spalte:

HTML

<div style="width:210px; overflow:hidden;float:left;margin-right:10px;"><img alt="Lehrer-Online - Verdauung und Verdauungsorgane" src="http://img.skitch.com/20080509-ticsyq32mtjghcwp34xrkmaaxn.png"/></div>

Der sorgt dafür, dass Bilder, die proportional angepasst werden auf 82px Höhe, rechts bei 210px beschnitten werden, falls sie zu lang werden.

Ist auch nur ein Kompromiss, aber es sieht im Beispielbild danach aus, als ob man auf den rechten Teil durchaus verzichten könnte.

Die schlechteste Wahl wäre, für <img> Höhe 82 und Breite 210 fest vorzugeben, dann wird das Bild nicht mehr proportional gestreckt und entartet völlig, hat aber immerhin die angegebene Abmessung.

...sind schon ein Probleme, wenn's nicht die eigene Bilder sind...

hi
max-width ergibt dasselbe Abschneiden wie die Bilder nochmals in einen div tag legen

wenn man die vordefinierte Höhe löscht.

lg