Align met Javascript probleem.

[Mehk]

Hallo leden van het helpmij forum,
Voor een aantal dagen nu heb ik een probleem met mijn Javascript, scriptje.
en ik hoop dat iemand op dit forum mij verder zou kunnen helpen.

Hier is het scriptje.

function Vliegtuig1(){
var newHTML = "<img src='Images/Vliegtuig1.png'></img><H4>De Content</H4>De content. ";

document.getElementById('content').innerHTML = newHTML;
}

En

<div id="link1">
<a class="link" onclick='Vliegtuig1()'>Vliegtuig</a>
</div>

Deze scriptjes werken opzich goed maar de tekst komt tevoorschijn onder de image van het Vliegtuig, en ik wil deze graag rechts van de foto hebben ipv er onder.
Weet iemand een geschikte, niet al te moeilijke manier om dit te doen? of heeft er iemand een voorbeeld? dan lees ik dit graag

Mvg,
Mehk. :thumb:

 

[werocom]

function Vliegtuig1()
{
	var newHTML = "<img src='Images/Vliegtuig1.png' style='float: left; '/><h4>De Content</h4>De content. ";

	document.getElementById('content').innerHTML = newHTML;
}

Door "style='float: left'" toe te voegen aan je img-tag zal de tekst (waarschijnlijk) rechts van het plaatje komen te staan.

 

[Mehk]

function Vliegtuig1()
{
	var newHTML = "<img src='Images/Vliegtuig1.png' style='float: left; '/><h4>De Content</h4>De content. ";

	document.getElementById('content').innerHTML = newHTML;
}

Door "style='float: left'" toe te voegen aan je img-tag zal de tekst (waarschijnlijk) rechts van het plaatje komen te staan.

Nee, het probleem ligt wat ingewikkelder...
Maar inmiddels heb ik het via een grote Javascript, script werkende gekregen.
Nu moet ik alleen nog zien hoe ik de buttons ga alignen.

Maar bedankt voor je hulp! :thumb:

 

[Glest]

probeer eens style="display: inline" aan de image toe te voegen

/edit:
Laat maar, dat gaat niet werken. h4 is een block element. Dat kun je veranderen, of je kunt je plaatje binnen de h4 tag plaatsen. Ik zou voor dat laatste gaan.

function Vliegtuig1()
{
	var newHTML = "<h4><img src='Images/Vliegtuig1.png'/>De Content</h4>De content. ";

	document.getElementById('content').innerHTML = newHTML;
}

als je het plaatje en de h4 beide float werkt het ook trouwens. Maar plaats gewoon je plaatje in je h4 tag en klaar is kees. Daar heb je verder geen ingewikkeld javascript voor nodig