Logo in Block einfügen

Allgemeine Fragen
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Logo in Block einfügen

Ungelesener Beitrag von scherenschlag »

Moin.
Ich würde gerne das Sonnenlogo aus dem Menü auch in den Block am Ende der Seite einfügen.
Und zwar in die Box "Herzlich willkommen...." Rechts neben dem Text.
Das habe ich auch geschafft. Allerdings immer nur Riesen groß. Und das obwohl ich es auf 10% verkleinert habe.
Ich habe es wieder rausgenommen.
Schätze ich habe wieder ein Brett vorm Kopf.
https://www.tsad17.de/sonne2021
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logo in Block einfügen

Ungelesener Beitrag von Tommy Herrmann »

... das müsste man nun tatsächlich sehen. Es kommt auf den Block an, in den Du das Logo einfügen möchtest.

Dein Logo ist ja nun nur 90 x 90px groß:

https://www.tsad17.de/Sonne2021/assets/ ... -90x90.png

... es kann aber schon sein, dass die für diesen Block verantwortliche CSS es auf eine Größe von 100% des Blocks vergrößert. Dann müsste man dem Bild eine Größe mitgeben, also 90 x 90px oder kleiner, wie z.B. 60 x 60px.

z.B.:

Code: Alles auswählen

<img src="https://www.tsad17.de/Sonne2021/assets/images/sonnelogo-2-90x90.png" alt="Logo" width="90" height="90">
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Logo in Block einfügen

Ungelesener Beitrag von scherenschlag »

Schaut mal. So sieht es mit eingefügten 90x90 px Bild aus.
http://www.tsad17.de/Sonne2021/
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logo in Block einfügen

Ungelesener Beitrag von Tommy Herrmann »

Wo hast Du das denn jetzt extra eingefügt - ich kann es nicht sehen (finden) :confused:
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Logo in Block einfügen

Ungelesener Beitrag von scherenschlag »

Ganz unten. Footer sozusagen.
Das gelbe gewurschtel im Bild ist eigentlich die Sonne...
scherenschlag
MBR 5.9.17
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Logo in Block einfügen

Ungelesener Beitrag von scherenschlag »

Das kommt auch noch hinzu:
In der Arbeitsansicht kann man die Sonne noch ganz gut erkennen.
Veröffentlicht kann man Sie kaum erkennen.
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logo in Block einfügen

Ungelesener Beitrag von Tommy Herrmann »

also das sitzt an der falsche Stelle und ist die falsche Grafik, die ist nur 9x9px (nicht 90x90px) groß :eek: :D

https://www.tsad17.de/Sonne2021/assets/ ... -90x90.png

Du müsstest schon das richtige Logo wählen (wobei mir das wahrscheinlich da zu transparent wäre), die Style-Anweisung könnte z.B. so aussehen (anscheinend wird durch das "display-7" alles vergrößert):

<img alt="Logo" src="https://www.tsad17.de/Sonne2021/assets/ ... -90x90.png" style="max-width: 60px; float: right;" width="60" height="60">

das "max-width: 60px" erzwingt eine maximale Breite von 60px (relativ zu der Mobirise CSS) und das "float: right" schiebt das Bild rechts neben den Text unter dem das steht.

Das sieht dann so aus:

Logo im Footer.JPG
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logo in Block einfügen

Ungelesener Beitrag von Tommy Herrmann »

ein zusätzliches z.B. "margin-right: 30%;" (Innenabstand-rechts) würde die Sonne 30% weiter nach innen im Container schieben (Prozentangabe ist wichtig wegen der responsiven Position):

Code: Alles auswählen

<img alt="Logo" src="https://www.tsad17.de/Sonne2021/assets/images/sonnelogo-2-90x90.png" style="max-width: 60px; float: right; margin-right: 30%;" width="60" height="60">
Das sieht dann so aus:


schieben der Sonne.JPG
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Logo in Block einfügen

Ungelesener Beitrag von scherenschlag »

Tschuldigung.
Da habe ich doch glatt die auf10% verkleinerte Sonne eingefügt.
Ist geändert.
scherenschlag
MBR 5.9.17
scherenschlag
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 257
Registriert: Di 15. Dez 2020, 11:46
Wohnort: Dortmund

Re: Logo in Block einfügen

Ungelesener Beitrag von scherenschlag »

:hurra:
Na das sieht doch ganz hervorragend aus.
Mal wieder: Danke Tommy........
https://www.tsad17.de/sonne2021
scherenschlag
MBR 5.9.17
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logo in Block einfügen

Ungelesener Beitrag von Tommy Herrmann »

Na prima :tu:

da könntest Du natürlich mit der Größe und der Position noch ausprobieren. Das war nur ein schnelles Beispiel.

Gucke Dir auch mal bei Gelegenheit meine Seite zum Bild im Text (float) an:

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

Wer ist online?

Mitglieder in diesem Forum: Majestic-12 [Bot] und 43 Gäste