2 Kindcontainer in 1 Muttercontainer, geht dass ?

[Carriboulou]

Hallo Leute,

ich möchte oben ins Banner 2 Bilder einfügen in 2 COntainern, links das logo und rechts den schriftzug der unternehmung.

Muss ich dafür die Container wie auf meiner Skizze anlegen, oder reicht es wenn ich einen Container "topBanner" anlege und da beide Bilder Positioniere Per css ?

Ich verzweifle , helft mir bidde

 

[tombe]

Meiner Meinung nach reicht der Container "topBanner", den Bildern kannst du dann selber mit CSS bestimmte Eingeschaften zuordnen.

 

[Carriboulou]

Hey tombe,

danke erstmal für deine Antwort... ich habe es nach ersten Html/CSS Tutorials halt so verstanden, dass man für jedes Elelement welches man positionieren oder bearbeiten will einen Container anlegen sollte, aber wenn ich da falschliege lass ich mich gerne korrigieren

 

[tombe]

Da fragst du jetzt was.

Also wenn du Text positionieren willst, dann bleibt dir ja nichts anderes übrig als ihn in einen Container zu packen, aber ein Bild!?

Mal sehen ob sich noch jemand zu Wort meldet.

 

[Carriboulou]

ich dachte halt wenn man 2 bilder in eine linie bringen will wäre es besser feste container zu haben , aber wie gesagt wenn ich falsch liege dann glaub ich dir gerne, ich werde es mal mit nur einem container " banner" ausprobieren ... melde mich dann später ^^

so long, danke !

 

[ikosaeder]

Im Prinzip musst du die beiden Bilder einfach nacheinander in den Code schreiben, solange die Breite reicht werden sie nebeneinander angezeigt. Ein paar Beispiele:
http://www.ohne-css.gehts-gar.net/0004.php

 

[Jan-Frederik Stieler]

Hallo,
solange du für etwas ein HTML-Element hast und bei Bilder ist dies ja der Fall „<img>“ dann reicht es diesem direkt CSS zuzuweisen. Dadurch wird dein HTML-Code schlanker und auch semantisch tragbarer.
Auch hälst du die Trennung von Struktur und Gestaltung besser auseinander, dies funktioniert zwar nicht immer, da man manchmal Hilfselemente wie Divs benötigt. Aber versuche es weitestgehendst ohne zu realisieren.

VIele Grüße

 

[djheke]

Wenn es sich um ein Layout mit fester Breite handelt, könntest du die zwei Grafiken im Grafikprogramm vereinen und dies als Hintergrundgrafik im Header einfügen. Wenn ein Link für das Logo benötigt wird, kannst du das A Elemnet absolut positionieren. So halte ich es zumindestens, wenn es nur Schmuck ist. Ansonsten 1x background-image und 1x img.