© Bakual

automatische Skalierung von Bildern

Mehr
1 Jahr 1 Monat her #5379 von Holger Moskopp
Holger Moskopp antwortete auf automatische Skalierung von Bildern
Hallo Thomas,

ich hab nur ne IP, weil das so ein on demand selbstklick Server ist.
Sobald die neue Webseite funktioniert, "gebe" ich den zurück und dann führt die Angabe hier ins leere.
wär das OK, wenn ich die hier reinschreibe, oder soll ich die irgendwie anders angeben?

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 1 Monat her #5380 von Thomas Hunziker
Thomas Hunziker antwortete auf automatische Skalierung von Bildern
Das geht schon, oder du kannst sie mir per Kontaktformular schicken wenn du sie nicht öffentlich haben willst.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 4 Wochen her #5381 von Holger Moskopp
Holger Moskopp antwortete auf automatische Skalierung von Bildern
Hallo Thomas,
Vielen dank für Deine Tipps. Ich wollte hier noch mal kurz Feedback geben.

Ich habe nun in der users.css ein paar vordefinierte Bildgrößen/Anordungen erstellt.
Die ersten beiden funktionieren in der Desktopansicht und in der mobilen Ansicht:

So sieht meine user.css nun aus:
Code:
/* Bild rechts - Text Links 50% */ .bildcontainer_rechts {   float:right;   width: 50%;   height: 50%;   margin: 0px 0px 10px 20px; } /* Bild links - Text rechts 50% */ .bildcontainer_links {   float:left;   width: 50%;   height: 50%;   margin: 0px 20px 10px 0px; } /* --------Zwei Bilder in einer Reihe---------*/ /* Bild links - Text rechts 40% */ .bildcontainer_rechts40 {   float:right;   width: 40%;   height: 40%;   margin: 0px 20px 10px 20px; } /* Bild rechts - Text Links 40% */ .bildcontainer_links40 {   float:left;   width: 40%;   height: 40%;   margin: 0px 20px 10px 20px; } /* Notitz: margin Reihenfolge top,right,bottom,left */

Leider funktioiert das mit dem "Zwei Bilder in einer Reihe nicht. Die werden immer von vorne füllend aneinander geklebt und nicht
eins rechtsbündig und eins linksbündig.

Das habe ich nur mit dem div hinbekommen:
Code:
<div style="float: left; margin: 0px 20px 10px 0px; text-align: justify;"><img style="border: 0;" title="Blabla" src="images/stories/bild1.jpg" alt="Blabla" width="350px" border="0" /></div> <div style="float: right; margin: 0px 0px 10px 20px; text-align: justify;"><img style="border: 0;" title="Blablabla" src="images/stories/bild2.jpg" alt="Blablabla" width="350px" border="0" /></div>

Und aus einem mir unverständlichen Grund, greift die Prozentangabe bei width nicht. Auch wenn ich sie mit Semikolon in den Styleteil setze. Aber so kann ich jedenfalls zwei Bilder in einer Reihe setzen.

Viele Grüße
Holger

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 4 Wochen her #5382 von Thomas Hunziker
Thomas Hunziker antwortete auf automatische Skalierung von Bildern
Bei mir geht es grundsätzlich mit deinen Regeln wenn ich den DIVs statt den Style Regeln die beiden Klassen gebe.
In der Mobileansicht wird es lediglich zu breit weil die Bilder eine fixe Breite von 350px haben. Da kannst du sonst die Bootstrap Klasse "img-fluid" nutzen. Siehe getbootstrap.com/docs/5.0/content/images/

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 4 Wochen her #5384 von Holger Moskopp
Holger Moskopp antwortete auf automatische Skalierung von Bildern
OK, ja, mit 300er Bildbreite geht es wunderbar.
Dankeschön.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Jahr 3 Wochen her - 1 Jahr 3 Wochen her #5400 von Holger Moskopp
Holger Moskopp antwortete auf automatische Skalierung von Bildern
Also so langsam verzweifele ich.
Ich habe jetzt in den ersten 5 Beiträge unter Mondorfer Geschichte(n) alle Bilder mit
diesem Code neu eingebaut:
Code:
/* Bild links - Text rechts 47% */ .bildcontainer_rechts47 {   float:right;   width: 47%;   height: 47%;   margin: 0px 0px 20px 20px; } /* Bild rechts - Text Links 47% */ .bildcontainer_links47 {   float:left;   width: 47%;   height: 47%;  margin: 0px 20px 20px 0px; } /* drei Bilder in einer Reihe*/ .bildcontainer_3inarow {   float:left;   width: 31%;   height: 31%;   margin: 0px 10px 20px 10px;

und auf der Desktopansicht sieht das auch super aus:
78.46.190.43/mondorfer-geschichten

Aber in der Mobilen Ansicht zereißt es einfach alles.
Die Beiträge sind viel breiter als die Menueleisten, die Bilder sind durcheinander.

Wenn ich doch dem Bild sage es soll soundsoviel Prozent der verfügbaren Breite nutzen, dann sollte der das doch machen.
oder ist das margin das Problem?
Aber das margin brauch ich halt, damit nicht so kurze Wöter wie "Der,Die oder Das" zwischen die beiden Bilder gequetscht werden.
Kann man das margin auch in Prozent angeben?

 
Letzte Änderung: 1 Jahr 3 Wochen her von Holger Moskopp.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.327 Sekunden