WebSite X5Help Center

 
Michael G.
Michael G.
User

Header Breite Responsiv  de

Autore: Michael G.
Visite 2756, Followers 2, Condiviso 0  

Hallo,

wenn ich im Header im responsiv Einstellungen, ein Hintergrundbild einfügen möchte, wie breit darf das denn sein, damit das nicht verschwommen wird?

Postato il
8 RISPOSTE
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Du meinst in der Struktur der Vorlage für mobile Darstellung ?

Das kommt auf die Grafik an, in welchem Format (png, jpd, gif) und welche DPI Werte das Bild hat. Generell würde ich die Grafik für das Mobile auf 480px Breite speichern, damit  auch am Handy alles angezeigt wird. (Wobei ich noch einen CSS Code einfüge um die Grafik noch für kleinere Formate sichtbar zu machen)

Leggi di più
Postato il da Andreas S.
PJ D.
PJ D.
User

@Andreas S.

wie und wo muss die css Code eingefügt und was fur ein code?

ich habe die probleme mein header ist abgesnitten beim iPhones / smartphones? Haben Sie ein idee? sehe www•peejdee•com

vielen danke im voraus.

PJ D.

Leggi di più
Postato il da PJ D.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Gib diesen Code in den Head (vor dem </head> Tag !)

<style>

@media screen and (max-width: 719px) {

#imHeader {background-size: 100%;    }

}

</style>

Muster zu sehen unter www.catv.at

Leggi di più
Postato il da Andreas S.
PJ D.
PJ D.
User

@Andreas S.

Hatte geklappt, header ist ok!

was für code muss genutz, dass die footer passt?

Ich sehe das die Menu Button ist schön ein bissl weiter weg von header jetzt, gibt der ein fix für dieses problem?

MfG,

PJ D.

Leggi di più
Postato il da PJ D.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Für den Footer gibt es keinen generellen Code. Den muss man sich selber erstellen und in das Textfeld in der Struktur der Vorlage für mobile Geräte eingeben. Dort wird auch HTML Code akzeptiert.

Leggi di più
Postato il da Andreas S.
Michael G.
Michael G.
User
Autore

jetzt habe ich die grafik 480 breit gemacht.

aber bei der ansicht 720px fehlt links und rechts was, ist ja logisch, aber wie kann man da sumgehen das der header immer voll zu sehen ist?

Leggi di più
Postato il da Michael G.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

Das ist eben das Problem denn es gibt Sprungmarken und für das mobile nur eine Grafik zum einstellen.

Sieh dir meine Musterbeispiel an im Quellcode habe ich extra für jede Sprungmarke eine Grafik eingebunden im CSS code.

Leggi di più
Postato il da Andreas S.
Michael G.
Michael G.
User
Autore

Kenne mich leider nicht mit CSS aus.
Das ist dann wirklich ein Problem das man nur eine Grafik einstellen kann.

Hm da muss ich mal gucken was ich nun mache

Leggi di più
Postato il da Michael G.