HTML Text und Bild Nebeneinander

Question

Hallo Supportnet user!
Ich bin ein ziemlicher HTML Anfänger und habe heute mal versucht was zu schreiben:

<a onclick="prompt('Paste this address in the add server section of Minecraft&#180;s Multiplayer screen:', 'minopolis.minecraft.to'); return false;"><img src="http://www.worldofminecraft.de/wp-
content/themes/server.png"/></a><a onclick="prompt('Paste this address in the add server section of Minecraft&#180;s Multiplayer screen:', 'minopolis.minecraft.to'); return false;"><p style="font-
family:Arial;fontsize:30px;">minopolis.minecraft.to</p>

Ein bild mit text das wenn man draufklickt ein Fenster anzeigen lässt.
Ich habe dabei aber ein Problem, ich hätte gerne den text Neben dem bild und nicht Darunter.

Weiß jemand wie der Code sein muss damit das Ergebnis wie oben beschrieben wird?

Danke im voraus,
Mino.

Answer 1

Verbesserter Code:

<a onclick="prompt('Paste this address in the add server section
of Minecraft&#180;s Multiplayer screen:', 'minopolis.minecraft.to'); return
false;"><img
src="http://d2bm3ljpacyxu8.cloudfront.net/width/33/crop/0,0,33x22/mino
polis-server.webs.com/server.png"/><p style="font-
family:Arial;fontsize:30px;">minopolis.minecraft.to</p></a>

Answer 2

Du setzt explizit einen Absatz <p> zwischen Bild und Text.
Lösung: lass den Absatz weg

<p style="font-family:Arial;fontsize:30px;">minopolis.minecraft.to</p>

ersetzen durch

<span style="font-family:Arial;fontsize:30px;">minopolis.minecraft.to</span>

Answer 3

Du setzt explizit einen Absatz <p> zwischen Bild und Text.
Lösung: lass den Absatz weg

Dankeschön, hat funktioniert!

Außerdem hab ich noch entdeckt:
"font-family:Arial;fontsize:30px;"
muss "font-family:Arial;font-size:30px;" sein.