#1

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Bei einem Bildabsatz in Siquando Pro Web 2 werden die Bilder bei mir an die die Bildschirmbreite angepasst. Bei einem großen Bildschirm werden kleinere Bilder deutlich vergrößert, somit ist die Auflösung nicht mehr gegeben.

Kann ich irgendwo einstellen, daß die Bilder nur bis maximal auf ihre eigene Größe vergrößert werden?

Günter

#2

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#3

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Zum Beispiel hier:

Das Bild ist leider nicht so groß und es gibt es auch nicht größer ausserdem soll es nicht so groß dargestellt werden.

 

 

 

#4

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Wenn man sich ein wenig mit HTML/CSS aus einander setzt geht das problemlos ;-) SIEHE HIER


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#5

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Hallo Marjorie !

Danke, es geht also, die Variante in Pro Web wäre mir lieber.
Kannst du mir verraten wie es geht, damit ich nicht vorher ein Buch lesen muss.

Günter

#6

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Tja, wie sehr du lesen auch haßt Günter, du wirst nicht darum herum kommen, denn für vorlesen bist du m.M.n. viel zu alt ;-)

Und wenn du im Quelltext geschaut hättest, hättest du sehen können was ich gemacht habe. Dazu habe ich dir ja den Link gegeben.

 


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#7

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Hallo, 
Im Quelltext steht viel drin, wenn man Programmierer ist wird man es schon lesen können.

Vielleicht kannst du es mir ja sagen, wie es geht. Oder wo es steht.  

#8

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Dazu brauchst du gar kein Programmierer zu sein, das bin nämlich ich auch nicht ;-)

Man muß sich nur mit HTML und/oder CSS aus einander setzen.

Aber ich will diese Diskussion hier nicht Uferlos weiterführen.

Gebe in den Seiten-Eigenschaften, Reiter HTML, im <head>-Bereich folgendes ein:

1
2
3
4
5
6
<style>
	.picture {
		height: 180px !important;
		width: 148px !important;
	}
</style>

 OK klicken und dich freuen.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#9

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Hallo Marjorie !

Danke, das CSS kann ich sogar lesen, auf Seiteneigenschaften wäre ich nicht gekommen.

Doch wenn ich es bei der Seite im Head Bereich eingebe sind ja alle Bilder gleichermaßen betroffen ?
Außerdem muß ich die Größe der Bilder vorher ermittelen.

Kann ich nicht bei den Bildern direkt irgendwo die maximale Größe eingeben smile_winking_16.png

Oder wenn das nicht geht müßte ich halt anstatt dem Bildabsatz einen anderen Absatztyp verwenden....

Günter


#10

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Du kannst dem Bild eine eigene Klasse geben und es dann mit max-width begrenzen...


Gruss

Walti

#11

W2D Fan

Co-Administratorin  (4549 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Zitat von: Günter

Doch wenn ich es bei der Seite im Head Bereich eingebe sind ja alle Bilder gleichermaßen betroffen ?

Probiere es doch einfach aus ;-). Ich habe jedoch von den Seiten-Eigenschaften gesprochen und NICHT von Website-Eigenschaften, das sind zwei verschiedene Schuhe. Ich bin außerdem ausgegangen von dem was DU gezeigt hast: Eine Seite mit einem einzigen Bild.

Zitat von: Günter
Außerdem muß ich die Größe der Bilder vorher ermittelen.

Ich sehe das Problem nicht.

Zitat von: Günter

Kann ich nicht bei den Bildern direkt irgendwo die maximale Größe eingeben smile_winking_16.png

Tante Google kann dir bestimmt helfen! ;-)

Zitat von: Günter

Oder wenn das nicht geht müßte ich halt anstatt dem Bildabsatz einen anderen Absatztyp verwenden....

Ich habe dir zwei Möglichkeiten gezeigt, den Rest solltest du jetzt selbst machen.


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

#12

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Also wenn ich dann width: 100 % eingeben würde und das ganze in den Webseiteneigenschaften, dann sollte wohl alle Bilder der Webseite maximal ihre Breite haben ..... smile_waiting_16.png

 

#13

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Es gibt width und max-width...

...und die beiden lassen sich auch sehr gut kombinieren...  ;-)


Gruss

Walti

#14

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Hallo, bitte kann mir jemand helfen, ich möchte die Größe aller Bilder eines Bildabsatzes begrenzen, und zwar auf die maximale Bildgröße des Originalbildes.

Danke für die bisherigen Hinweise, ich weiß die Lösung leider noch nicht.

#15

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Mit diesem Code kannst Du Bilder in Bildabsätzen bspw. auf 50% der Größe des Eltern-Elements bringen, wobei die Originalgröße des Bildes jedoch nie überschritten wird:

Datei -> Website-Eigenschaften -> Register HTML -> Im <head>-Bereich:
<style type="text/css">
 
	.picture {
		width: 50% !important;
		max-width: 100% !important;
	}
 
</style>


Spiele mit den Werten einfach solange rum, bis Du Dein gewünschtes Ergebnis erzielt hast.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#16

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Hallo Volker !

Danke für die Hilfe. 

Sehe ich es richtig: Die 100 % bezieht sich auf die Breite des Absatzes, z.B. vom Bildabsatz.
Mit 50 % wird nur der halbe Bildabsatz gefüllt.

Mein Problem ist dass die Bilder manchmal einfach nicht so groß sind, die Bilder selber sollen nicht vergrößert werden !
Wenn ein Ausgangsbild nur 50 Pixel breit ist soll es maximal mit 50 Pixeln Breite dargestellt werden nicht auf 50 % des Bildabsatzes oder ähnlich.

Nun kann ich es zwar pro Bild machen, die Größe manuell eingeben, ich möchte das aber generell einstellen.

Oder wenn man es bei den Bildabsätzen einstellen könnte wäre mir auch geholfen.

Günter

#17

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Zitat von: Günter

Sehe ich es richtig: Die 100 % bezieht sich auf die Breite des Absatzes, z.B. vom Bildabsatz.
Mit 50 % wird nur der halbe Bildabsatz gefüllt.

Genau dafür steht width: 50%;

Zitat von: Günter

Mein Problem ist dass die Bilder manchmal einfach nicht so groß sind, die Bilder selber sollen nicht vergrößert werden !
Wenn ein Ausgangsbild nur 50 Pixel breit ist soll es maximal mit 50 Pixeln Breite dargestellt werden nicht auf 50 % des Bildabsatzes oder ähnlich.

Genau dafür steht max-width: 100%;

Zitat von: Günter

Nun kann ich es zwar pro Bild machen, die Größe manuell eingeben, ich möchte das aber generell einstellen.

Genau dafür steht der über dem Code angegebene Weg der Eingabe in den (globalen) Website-Eigenschaften.


Hast Du den o.g. Code denn überhaupt ausprobiert? Schließlich setzt er das von Dir gewünschte genau um. Daß Du ggf. noch mit den Werten spielen mußt, hatte ich bereits erwähnt.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#18

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Genau so gemacht nur bezieht sich max-width: 100% bei mir auch auf die Breite des Bildabsatzes ??

#19

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#20

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Und wie kann ich die Pixelbreite vom Original eingeben, geht das mit inherit ?

 

#21

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#22

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

#23

Volker W.

Administrator  (7794 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Nein, max-width bezieht sich auf die Eigengröße des Bildes.

Du mußt die bereits vorhandenen Werte ebenfalls übersteuern.

Versuche es mal mit:

Datei -> Website-Eigenschaften -> Register HTML -> Im <head>-Bereich:
<style type="text/css">
 
	.picture {
		width: unset !important;
		height: unset !important;
		max-width: 100% !important;
	}
 
</style>


Ansonsten studiere den Quellcode selbst einmal intensiv (dazu gibt es in jedem Browser im Kontextmenü die Option "Element untersuchen") und suche Dir die benötigten CSS-Befehle einfach auf den entsprechenden Seiten wie bspw. www.css4you.de zusammen.

Es gibt für alles eine Lösung! Man muß nur mal selbst ein wenig Energie und Hartnäckigkeit an den Tag legen und solange tüfteln, bis es paßt. ;-)


Viel Erfolg!!


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#24

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Muss den Beitrag ausbessern, es scheint zu funktionieren !!! smile_16.pngsmile_16.png

 


Dieser Beitrag wurde bereits 1 mal bearbeitet, zuletzt von »Günter« (17.09.2017, 19:29)
#25

webchaot

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Ich sagte ja bereits unter Beitrag #13, dass sich die beiden Geschichten wunderbar kombinieren lassen... ;-)


Gruss

Walti

#26

Günter

Forum-Sponsor  (266 Punkte)  ·   männlich  ·   Österreich  ·   Nachricht senden
 https://www.patka.at

Danke smile_winking_16.png

1124 Aufrufe | 26 Beiträge