Bild links neben Text plazieren

[Luis Peter]

Moin!

<div class="logo-section smooth-scroll">
	<div class="brand"><a href="#banner"><b>LPCHax</b></a></div>
</div>

Korrigiere ich zu

<div class="logo-section smooth-scroll">
  <a class="brand" style="background-image:url('LPCHax.jpg')" ref="#banner">LPCHax</a>
</div>

und verwende im Groben folgendes CSS:

.logo-section a.brand {
   display: block;
   font-weight: bold;
   padding-left:2em;
   background-repeat: no-repeat;
}

display und font-weight ersetzen den hyperliquiden Extra-Div und den fast schon verbotenen bold-Tag. Das für jeden Link individuelle Bild (deshalb als Attribut im HTML) wird als Hintergrund angezeigt. Der Text mit padding nach rechts verschoben.

Das ist es, was Du hier brauchst.

Jörg Reinholz

Hallo, kenne mich nicht so aus, aber habe jetzt die Sachen geändert, bzw. den Code für css hinzugefügt.

Sieht jetzt so aus:

Also was passt noch nicht?

PS.: Der Bildname für das Bild was eingefügt werden lautet LPCHax.jpg befindet sich im Ordner /images).