Bild links neben Text plazieren
bearbeitet von Jörg ReinholzMoin!
~~~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 Deine Angaben mit dem Extra-Div und dem 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