q-bix: Logo integrieren

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ß

Hier sollte das Logo erscheinen, im gelben Kreis

Hier sieht man was dort normalerweise steht

  1. Moin,

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

    Gruß Bobby

    --
    -> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <- ### Henry L. Mencken ### -> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <- ### Viktor Frankl ### ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)
    1. Hallo bobby,

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

      Rolf

      --
      sumpsi - posui - clusi
  2. 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

    1. 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

      --
      sumpsi - posui - clusi