Bild mit HTML einfügen- wird da auch responsiv dargestellt?

Allgemeine Fragen
Eisbär
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 54
Registriert: Fr 12. Aug 2022, 09:44

Bild mit HTML einfügen- wird da auch responsiv dargestellt?

Ungelesener Beitrag von Eisbär »

Hallo zusammen,

ich hatte mir die versch. Ausführungen zum „händischen“ einfügen von Bildern mittels HTML angeschaut. Die Hinweise habe ich verstanden und sind auch für mich durchzuführen.
Was ich noch nicht verstanden habe: Wenn ich eine Bildgröße angeben (z. B. height="600" width="350), wird das Bild dann noch responsiv dargestellt, oder bleibt die Größe auch auf dem Handy immer wie im HTML angegeben?
(Das wäre dann aus meiner Sicht zu groß)
Besten Dank.

Gruß
Eisbär
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bild mit HTML einfügen- wird da auch responsiv dargestellt?

Ungelesener Beitrag von Tommy Herrmann »

Moin,

nein - natürlich nicht - denn Du gibst dem Bild ja eine feste Breite- in Deinem Beispiel von 350px.

Ich würde z.B. schreiben:

height="auto" width="350"

... und dann in den "CSS Editor" vom Block mit diesem Bild:

Code: Alles auswählen

img {
   max-width: 100%;
}
Eisbär
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 54
Registriert: Fr 12. Aug 2022, 09:44

Re: Bild mit HTML einfügen- wird da auch responsiv dargestellt?

Ungelesener Beitrag von Eisbär »

Hallo Tommy
danke für die Antwort. - Noch eine Frage: Muss ich dann nicht bei "width" auch "auto" an Stelle der Größe eingeben?

Gruß
Eisbär
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bild mit HTML einfügen- wird da auch responsiv dargestellt?

Ungelesener Beitrag von Tommy Herrmann »

das muss schon so bleiben, denn Du willst dem Bild ja zunächst eine bestimmte Breite geben. Das "auto" bei der Höhe passt sich dann der angezeigten Breite an.

Du könntest dem Bild ja auch gleich meinetwegen eine Breite von 80% geben (anstatt 350px), das könnte dann aber am Desktop viel zu groß erscheinen.

Worauf sollte sich denn "auto" beziehen, wenn Du die Breite und die Höhe (also beides) auf automatisch stellst?

350px ist ja sehr wenig und die würden ja nie unterschritten. Die maximale Breite von 100% würde dann wirken, wenn die Breite schmaler als 350px werden würde, sodass es keinen Überlauf (overflow) gibt.
Eisbär
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 54
Registriert: Fr 12. Aug 2022, 09:44

Re: Bild mit HTML einfügen- wird da auch responsiv dargestellt?

Ungelesener Beitrag von Eisbär »

Hallo Tommy
ja, jetzt verstehe ich das - ich hatte gedacht, dass ich direkt Höhe und Breite über Angaben der css beeinflussen muss.
Auf jeden Fall danke für die Hilfe!

Gruß
Eisbär.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bild mit HTML einfügen- wird da auch responsiv dargestellt?

Ungelesener Beitrag von Tommy Herrmann »

Es führen natürlich immer auch ganz unterschiedliche Wege zum Erfolg.

Auf dieser Seite sind nur eigene Bilder eingebaut:

https://www.mobirise-tutorials.com/Lawy ... rticle6-48

Die kleinen Bilder im Fließtext haben hier z.B. gar keine Größenangabe:

Code: Alles auswählen

<img src="https://www.mobirise-tutorials.com/LawyerM4-Tutorials/images/Spatz.jpg" alt="Spatz auf Ast" title="Spatzen (klick)">
... sondern nur z.B. diese CSS:

Code: Alles auswählen

img { 
 float: right; 
 width: 50%;
 padding: 20px; 
}
Sie werden so also immer 50% der Breite (width) des verfügbaren Platzes (<div>) einnehmen, egal an welchem Display - also auch am Handy.
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot] und 19 Gäste