Seite 1 von 1

Logo in Block einfügen

Verfasst: Mi 25. Aug 2021, 12:40
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

Re: Logo in Block einfügen

Verfasst: Mi 25. Aug 2021, 13:36
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">

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 10:08
von scherenschlag
Schaut mal. So sieht es mit eingefügten 90x90 px Bild aus.
http://www.tsad17.de/Sonne2021/

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 10:40
von Tommy Herrmann
Wo hast Du das denn jetzt extra eingefügt - ich kann es nicht sehen (finden) :confused:

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 11:02
von scherenschlag
Ganz unten. Footer sozusagen.
Das gelbe gewurschtel im Bild ist eigentlich die Sonne...

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 11:25
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.

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 11:25
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

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 11:34
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

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 11:44
von scherenschlag
Tschuldigung.
Da habe ich doch glatt die auf10% verkleinerte Sonne eingefügt.
Ist geändert.

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 11:55
von scherenschlag
:hurra:
Na das sieht doch ganz hervorragend aus.
Mal wieder: Danke Tommy........
https://www.tsad17.de/sonne2021

Re: Logo in Block einfügen

Verfasst: Do 26. Aug 2021, 12:11
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