Bild links neben Text plazieren
bearbeitet von Luis Peter> Moin!
>
> ~~~HTML
> <div class="logo-section smooth-scroll">
> <div class="brand"><a href="#banner"><b>LPCHax</b></a></div>
> </div>
> ~~~
>
> Korrigiere ich zu
>
> ~~~ HTML
> <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:
>
> ~~~ 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