Wurde ja alles schon ziemlich gut erklärt, allerdings krieg ich Aids wenn ich Inline-CSS-Code sehe
.
So würde ich es machen:
Code:
<p><a href="https://google.de" id="[COLOR="#FF0000"]menuheader[/COLOR]"><img src="Produktbilder/XXX.jpg" alt="Produktbild 1" /></a></p>
Und die Stylesheets packst du dann am besten in eine extra Datei mit Endung .css (bspw. stylesheet.css).
Diese bindest du dann in den head-tags deiner Seite ein:
Code:
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
In deiner CSS sieht dann der Stylesheet für den href so aus:
Code:
#[COLOR="#FF0000"]menuheader [/COLOR]{
position: absolute;
right: 330px;
top: 55px;
height: 100px;
width: auto;
max-width: none;
z-index: -5;
border-radius: 8px;
}
(die Attribute werden eigentlich noch mit einem Tab eingerückt - das geht hier im Forum leider nicht richtig)
Und prinzipiell würde ich dir auch empfehlen, das Bild ggf. als png zu speichern und einzubinden. Jpegs werden komprimiert und das fällt vor allem bei Logos usw. auf. Bei Produktbildern die mit ner Kamera gespeichert wurden ist das allerdings nicht so relevant, da kannst du auch ruhig jpeg verwenden.
Sorry, dass das jetzt so viel ist und ich weiß du hast gesagt, dass du Neuling bist. Allerdings kann man es auch als Neuling gleich richtig machen :P. Spart dir dann hinterher viel Arbeit
.
Habe jetzt folgendes probiert:
Funktioniert allerdings nicht -.-
Da fehlt die schließende spitze Klammer und das Schließen des img-Tags:
<a href="http://www.forumdeluxx.de"
><img style="position: absolute; right: 330px; top: 55px; height: 100px; width: auto; max-width: none; z-index: -5; border-radius: 8px;" src="{{media url="/Produktbilder/Luxx.jpg"}}" alt="""
/></a>
