Icons oder ganzen Banner im Header einbauen

[Arthur]

Guten Tag Zusammen.

Kann mir jemand einen Denkanstoß geben, wie im im Header vom 4.02er Shop einen ganzen Banner einbauen kann, der UNTER Logo, Warenkorb, Suche, usw. liegt?
Auch möchte ich zwei kleine Grafiken im Header einbauen. Klappt aber nicht so recht.
Bin für jede Hilfe dankbar.

Gruß
ARTHUR

 

[ag-websolutions.de]

AW: Icons oder ganzen Banner im Header einbauen

Hallo

was hast du denn bisher probiert, was nicht zum Erfolg führte?
Hast du dir Gedanken darüber gemacht, wie sich dein Wunsch im Hinblick auf responsive Webdesign verhalten soll?

 

[Arthur]

AW: Icons oder ganzen Banner im Header einbauen

Ich hatte das mal vorerst mit den Icons probiert und einen neuen DIV im DIV "Header-Branding" eingefügt. Die Icons wurden dann zwar im Header angezeigt, allerdings unterhalb des Header-Branding DIVs.
Aber wie du schon sagtest, es muss ja dann auch so sein, dass es mit Responsiv paßt. Da es nur "unwichtige" Icons im Header sind, würde ich die per MediaQuery bereits ab Tablett wieder ausschalten.

 

[ARA-Marketing]

AW: Icons oder ganzen Banner im Header einbauen

Hi Arthur,

im prinzip kannst du über die CSS über #header-branding {background:.....} einen Hintergrund definieren,
aber wie Gerd schon geschreiben hat, auf responsiv aufpassen !

Beste Grüße
Eas

 

[Arthur]

AW: Icons oder ganzen Banner im Header einbauen

Hallo Eas.

Hmmm... da hast du recht. Das sollte funktionieren.
Und wie mach ich es bei einzelnen Icons oder Grafiken, die ich im Header haben will?
Danke

Gruß
ARTHUR

 

[Arthur]

AW: Icons oder ganzen Banner im Header einbauen

Das mit der Background-Grafik hat prima geklappt. Aber wie ihr das beide schon angesprochen habt - das Thema RESPONSIVE funktioniert hier nicht.
Wie kann ich die Background-Grafik responsivefähig machen? Geht das überhaupt?
Vielen Dank!

Gruß
Arthur

 

[Arthur]

AW: Icons oder ganzen Banner im Header einbauen

Habs selbst gefunden. Mit der CSS-Eigenschaft background-size kann ich die Hintergrundgrafik responsivfähig machen.

 

[IchBinEs]

AW: Icons oder ganzen Banner im Header einbauen

Dann Zeig doch mal Deine Lösung für die, die vielleicht ähnliches möchten

 

[Arthur]

AW: Icons oder ganzen Banner im Header einbauen

Ah, sorry. Das hatte ich vergessen. Ich hatte mir noch den Code kopiert aber vergessen einzufügen. Danke für den Hinweis.

Damit hatte ich Erfolg:

header #header-branding {
padding-bottom: 55px;
padding-left: 0;
padding-right: 0;
padding-top: 12px;
background-image: url(mediafiles/Bilder/grafik.jpg);
background-size: 100% 100%;
}


Gruß
Arthur

 

[cue]

AW: Icons oder ganzen Banner im Header einbauen

Vielen Dank für den Code für ein komplettes Headerbranding.
Aber kann ich auch einzelne Icons bzw. Textblöcke hinzufügen?
Also zum Beispiel solche Dinge wie mein SSL-Prüfzeichen oder eine Telefonnummer?