Logo integrieren

[q-bix]

Hallo und Herzlich willkommen in meinem wirren Projekt.

Ich bin zwar nicht ganz unerfahren was Webseitenbau betrifft, allerdings habe ich "damals" noch mit Namo WebEditor gearbeitet, als dieser aktuell war. Jedenfalls hab ich jetzt ein Problem... Auf meiner Webseite arbeite ich unter anderem mit CSS was völliges "Neuland" für mich ist, jetzt würde ich gern ein Logo in einem Banner einfügen. (Ich hoffe man kann mir folgen) Leider lässt sich nichts auf dem Bildschirm blicken ausser Text.

Hier jedenfalls mal den passenden Codeschnipsel

<!-- Banner -->
			<section class="banner full">
				<article>
					<img src="images/slide01.jpg" alt="" />
					<div class="inner">
						<header>
							<p>Der ultimative Scale and Trail Crawler von <a href="https://traxxas.com/products/landing/trx-4/">Traxxas</a></p>
							<h2><img src="images/txl.png" alt="" /></h2>   <---Um diesen Abschnitt genau geht es
						</header>
					</div>
				</article>
				<article>
					<img src="images/slide02.jpg" alt="" />
					<div class="inner">
						<header>
							<p>Ein kleines Mini-Wiki rund um den TRX4</p>
							<h2>Lexikon</h2>
						</header>
					</div>
				</article>

Vielleicht kann mir ja jemand einen Tipp geben wie ich die PNG Datei visuell angezeigt bekomme, wenn mehr Infos benötigt werden, einfach sagen ich schiebe sie alsbald hinterher

Hier zwei Bilder, da wo im 2. Bild Lexikon steht, da soll im 1. Bild im gelben Kreis das logo erscheinen. Vielen Lieben dank schonmal und ich denke ich werde noch ganz oft wiederkommen.

Lieben Gruß

[bobby]

Moin,

Prüfe ob das Bild unter der angegeben Adresse auffindbar ist. Ich vermute hier einen falschen Pfad zum Bild

Gruß Bobby

[Rolf B]

Hallo bobby,

das sollte sich ja schnell durch einen Blick in den Netzwerk-Trace der Browser-Entwicklerwerkzeuge ermitteln lassen...

Rolf

[Robert B.]

Moin @@q-bix,

dein HTML-Code hat semantisch keinen Sinn. h2 ist eine Überschrift zweiter Ordnung und kein „mach den Text groß und fett“. Und wenn deine div lediglich ein anderes Block-Kind-Element enthalten, brauchst du diese nicht. Und dann natürlich noch Bilder ohne alternativen Text, vor allem in einer h2 …

Viele Grüße
Robert

[Rolf B]

Hallo Robert,

...und ein h2 sollte auch keinen Einfluss auf ein <img> haben.

Bei dem div.inner vermute ich eine altmodische Technik zum horizontalen und vertikalen Zentrieren. q-bix (oder Bride, laut Userprofilname :-) ) schreibt, nicht viel über CSS zu wissen, d.h. da gibt's wohl keine Kenntnisse zum Zentrieren mit Flexbox.

Rolf