tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/13596-verwendung-wie-lege-ich-die-grsse-von-bilder-festRockSolid Themes: Discussion 2018-07-26T08:28:33Ztag:help.rocksolidthemes.com,2012-07-23:Comment/383949392015-11-06T09:49:06Z2015-11-06T09:49:06ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Vielen Dank für Ihre Frage.</p>
<p>Damit sich die Bilder auf kleineren Bildschirmen proportional
anpassen ist die Breite der Bilder in Prozent im CSS festgelegt.
Sie können dieses Verhalten über den <a href="http://rocksolidthemes.com/de/contao/plugins/theme-assistant">Theme-Assistant</a>
mit der Einstellung „Bilder proportional zum Inhaltsbereich
skalieren“ für die komplette Seite deaktivieren, oder
für einzelne Elemente indem Sie die CSS-Klasse
<code>no-resize</code> verwenden.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/383949392017-04-17T09:22:46Z2017-05-04T13:11:34ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Ich habe auch Probleme mit dem Theme 'Vision' bildgrössen im Contao direkt zu definieren.<br>
Als Beispiel wird bei diesem Code <code><a title="hosttech.ch" href="http://www.hosttech.ch/" target="_blank"><img src="files/harley-rider/img/hosttech.gif" alt="" width="80" height="16"></a></code> die wisth Angabe nicht berücksichtogt und es wird die Originalgrösse angezeigt.<br>
Im Theme-Assistant habe ich 'Bilder prop.....' auf inaktiv gesetzt.</p></div>beattag:help.rocksolidthemes.com,2012-07-23:Comment/383949392017-04-18T08:05:16Z2017-04-18T08:05:16ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Vielen Dank für Ihre Frage.</p>
<p>Die Breite der Bilder sollten Sie nicht über das <code>width</code>-Attribut setzen, da die Breite im CSS mit <code>width: 100%</code> überschrieben wird.</p>
<p>Sie können dem Bild eine CSS-Klasse zuweisen und über diese Klasse die Breite im CSS-Code festlegen.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/383949392017-04-25T11:23:15Z2017-05-04T13:11:34ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Danke für ihre Antwort.<br>
Ich finde das schade, dass dies mittels CSS per default überschrieben wird.<br>
So nimmt das Theme contao eine Funktionalität weg. Ich dneke da sollte doch eine andere Hierarchie berücksichtigt werden.<br>
Sie sagen ja auch, dass ihre Themes performant sind. Dieses Resizen auf 100% finde ich alles andere als performant. E gibt auch enen erheblichen Aufwand wenn man nun jedes Bild mittels CSS anpassen muss.</p></div>beattag:help.rocksolidthemes.com,2012-07-23:Comment/383949392017-04-26T05:58:04Z2017-04-26T05:58:04ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><blockquote>
<p>Sie sagen ja auch, dass ihre Themes performant sind. Dieses Resizen auf 100% finde ich alles andere als performant.</p>
</blockquote>
<p>Sofern die eingestellte Bildgröße mit der Darstellungsgröße zusammenpasst wirkt sich ein Resizing nicht negativ auf die Performance der Website aus.</p>
<p>Das <code>width</code>-Attribut hingegen sollte aus Performance-Gründen nicht zum Resizen von Bildern verwendet werden. Verwenden Sie stattdessen am besten eine passende Bildgrößeneinstellung im Backend und setzen die CSS-Klasse auf <code>no-resize</code>.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/383949392017-04-27T10:20:33Z2017-05-04T13:11:35ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><blockquote>
<p>Das width-Attribut hingegen sollte aus Performance-Gründen nicht zum Resizen von Bildern verwendet werden.</p>
</blockquote>
<p>Da wiedersprechen sie sich ja selbst.<br>
Bei jedem <img> steht 'width: 100%', wenn das kein Resizing, das die Performance beeinflusst, ist ....</p></div>beattag:help.rocksolidthemes.com,2012-07-23:Comment/383949392017-04-27T17:21:55Z2017-04-27T17:21:55ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><blockquote>
<p>Bei jedem <code><img></code> steht <code>width: 100%</code>, wenn das kein Resizing, das die Performance beeinflusst, ist ....</p>
</blockquote>
<p><code>width: 100%</code> ist eine Angabe im CSS und nicht dasselbe wie das <code>width</code>-Attribut eines <code><img></code>-Tags. Sofern – wie bereits erwähnt – die eingestellte Bildgröße in Contao mit der Darstellungsgröße auf der Website zusammenpasst wirkt sich ein Resizing (über CSS) nicht negativ auf die Performance der Website aus.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/383949392018-07-13T08:02:47Z2018-07-13T08:02:47ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Ich erlaube mir hier nachzufragen, wenn ich bei Links die Bilder ebenfalls einzeln in der Grösse einstellen möchte greift die Lösung über den Theme Assistant nicht. So habe ich versucht einen Klasse zu vergeben im rechten Feld unter Expert "flaggen" und im CSS habe ich das attribut "width" gesetzt mit z.B. 120px. Doch leider wird nicht die Flage verändert sondern der Wert wird beim übergeordneten DIV angesetzt.</p>
<p>Wie kann ich die Bilder bei den Links in der Grösse einstellbar machen?</p></div>chontao14tag:help.rocksolidthemes.com,2012-07-23:Comment/383949392018-07-13T09:33:14Z2018-07-13T09:33:14ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Vielen Dank für Ihre Frage.</p>
<p>Wenn Sie ein Kindelement über CSS ansprechen möchten können Sie das z. B. mit folgendem CSS-Code versuchen:</p>
<pre>
<code>.flaggen img {
width: 120px;
}</code>
</pre>
<p>Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.</p></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/383949392018-07-13T10:09:41Z2018-07-13T10:09:41ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Genau, sehr gut, vielen Dank, das hat funktioniert!</p></div>chontao14tag:help.rocksolidthemes.com,2012-07-23:Comment/383949392018-07-14T07:11:40Z2018-07-14T07:14:51ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Nun noch eine weitere Frage. Das mit dem Bild wie oben beschrieben, funktioniert ja bestens. Wie kann ich nun noch den .image_container explizit ansprechen? Siehe Bild03. Da möchte ich andere Margin, Padding und Border haben. Aber eben <strong>nur</strong> bei den <strong>Container mit Links</strong>, wo ich schon mit ".flaggen img" gearbeitet habe. Habe schon mit verschiedenem rumprobiert, aber es funktioniert nicht.</p></div>chontao14tag:help.rocksolidthemes.com,2012-07-23:Comment/383949392018-07-16T05:15:55Z2018-07-16T05:15:55ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Sie können dem Inhaltselement indem sich der <code>image_container</code> befindet eine CSS-Klasse zuweisen und über diese Klasse den <code>image_container</code> im CSS ansprechen:</p>
<pre>
<code>.CSS_KLASSE_DES_INHALTSELEMENTS .image_container {
margin: ...;
padding: ...;
border: ...;
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/383949392018-07-25T17:07:33Z2018-07-25T17:08:16ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Ich war einige Tage weg, darum komme ich erst jetzt wieder.</p>
<p>Ich konnte mit obiger Beschreibung, die gewünschten Effekte erzielen. Einzig, die einzelnen Links in einem Inhaltselement auf der rechten Spalte sind zu weit auseinander IST. Ich könnte diese unschönen Abstände eliminieren SOLL, wenn ich die beiden Angaben mit den roten Pfeilen auf Null setzen könnte. Jedoch greift diese Änderung auf der ganzen Seite, nun sollte aber diese Änderung nur in einem Inhaltselement in der rechten Spalte greifen.</p>
<p>Wie kriege ich das hin?</p></div>chontao14tag:help.rocksolidthemes.com,2012-07-23:Comment/383949392018-07-26T08:28:25Z2018-07-26T08:28:25ZVerwendung: Wie lege ich die Größe von Bilder fest ?<div><p>Ihre Frage betrifft eine individuelle Anpassung. In unseren <a href="https://rocksolidthemes.com/support-richtlinien">Support-Richtlinien</a> weisen wir darauf hin, dass wir leider keine Hilfe bei Umbauten leisten können. Um Ihnen in diesem Fall dennoch, im Rahmen unserer Möglichkeiten, weiterhelfen zu können, schicken Sie uns bitte einen Link zur betroffenen Seite.</p></div>RockSolid Themes