Problem wydaje się dość prosty do rozwiązania.
Mam element

[HTML] pobierz, plaintext 
<div class="info">Treśc informacji</div>
[HTML] pobierz, plaintext 

Wstawić przed tym elementem obiekt <img> i również za nim obiekt <img>

Próbowałem w następujący sposób:

[JAVASCRIPT] pobierz, plaintext 
var allDivs = document.getElementsByTagName('div');
for(var q = 0; q < allDivs.length; q++) {
	if(allDivs[q].className == "info") {
			 allDivs[q].top = document.createElement('img');
		 allDivs[q].top.src =  "images/DCI-top.png";
 
		 allDivs[q].top.className = "DCI-top";
		}
}
[JAVASCRIPT] pobierz, plaintext 

Ale nie działa więc próbowałem też tak (dodałem id="info1" żeby pozbyć się pętli, która mogłaby być przyczyną nie działania):

[JAVASCRIPT] pobierz, plaintext 
var info = document.getElementById("info1");
	var DCItop = document.createElement('img');
	DCItop.className = "DCI-top";
	document.body.insertBefore(DCItop,info);
[JAVASCRIPT] pobierz, plaintext 

I też niepowodzenie. Próbowałem także bez ".body" w ostatniej linijce instrukcji ale bez powodzenia.

Uczę się Javascriptu od tygodnia i szukałem sproro rozwiązania mojego problemu.
Z góry dziękuję za odpowiedź!

Być może w Twoim kodzie body nie jest bezpośrednim rodzicem DIVa 'info1' ?
Nie widzę całego kodu HTML, więc nie sprawdzę tego dokładnie, ale może spróbuj tak:



zamiast tego:

Dzięki wielkie za pomoc. Teraz działa.

Nie działa to we wszystkich przeglądarkach, ale problem ten jest rozwiązywalny w CSS. Poczytaj o pseudoselektorach :before i :after
Może to więc wyglądać tak:

[HTML] pobierz, plaintext 
div.info:before {
content: url(image_before.gif);
}
div.info:after {
content: url(image_after.gif);
}
[HTML] pobierz, plaintext 

Od razu zaznaczam, że IE sobie kiepsko z tym radzi, choć Opera i przeglądarki na silniku Gecko (Fx choćby) nie mają z tym problemu