Frage nach Anleitung 
Autor: Benjamin T.
Visitado 27,
Seguidores 0,
Compartilhado 0
Hallo zusammen, ich würde mich sehr dafür interessieren, wo ich Anleitungen finde, wie ich solche Designs erstellen kann:
https://safety-mt.cz/index.html
Mir geht es um die Darstellung Bild Hintergrund und den Feldern, vor dem Bild, die aber nur teilweise über das Himtergrundbild reichen.
Vielen Dank! Grüße Benjamin
Publicado em

Mit dem weißen Rand wollte nicht so recht klappen, vielleicht können hier die CSS-Experten helfen, falls der weiße Rand um das Bild besonders wichtig ist.
Meine Testseite zum Anschauen, siehe
>> https://findelinks.de/123test-aufklappmenue-2/bild-halb-im-hintergrund.html
Optional:
Falls mehr weiße Fläche über dem Text-Objekt gewünscht ist, dann Objekt "Simple Separator" über dem Text-Objekt hinzufügen und noch diese Einstellungen im Objekt "Simple Separator" machen:
----- Beispiel -----
----- 2 Screenshots mit Hinweisen -----
-----
Hier noch die CSS-Codes zum Kopieren, die ich über die KI von Google habe.
CSS-Code für das Bild-Objekt:
position: relative;
top: 30px;
left: 0px;
width: 100%;
height: auto;
CSS-Code für das Text-Objekt:
position: relative;
Evtl. können die anderen Nutzer oder die Incomedia-Mitarbeiter weitere Tipps geben.
Kleine Änderung - jetzt klappt es auch mit dem weißen Rand.
Zusätzlich habe ich auf der Testseite über dem Text-Objekt das Objekt "Simple Separator" hinzugefügt, um mehr weiße Fläche zu bekommen, siehe Screenshot unten
Mein ergänzter, gesamter CSS-Code für das Bild-Objekt:
position: relative;
top: 30px;
left: 0px;
width: 100%;
height: auto;
border: 5px solid white;
-----
Für das Bild-Objekt kann auch die
Option genutzt werden.
Eingestellt auf der Testseite ist zurzeit "Fade in - right".
Bei meinem Test sind mir folgende Fehler im Programm aufgefallen:
- So etwa 4 Mal hat sich das Programm unerwartet geschlossen.
- Einmal war in der Vorschau statt des Hintergrundbildes eine Fehlermeldungsgrafik zu sehen.
- Und einmal war noch dem Export ins Internet das kleine Bild weg.
Bei den beiden letzten Punkten habe ich mir das Bild neu mit dem Globus-Symbol geholt.