Witam wszystkich. Mam kod, który generuje szary prostokąt z czarną ramką, wykorzystując bibliotekę GD2.
Chciałbym wewnątrz tego prostokąta umieścić inny obrazek, wstawiając go znacznikiem <img>. Jest to do zrobienia, stosując pozycjonowanie absolutne i relatywne.
Jednak poniższy kod:

[PHP] pobierz, plaintext 
<?php
$szerokosc_przycisku = 200;
$wysokosc_przycisku = 64;
$przycisk = ImageCreateTrueColor($szerokosc_przycisku, $wysokosc_przycisku);
$kolor_przycisku = ImageColorAllocate($przycisk, 240, 240, 240);
$kolor_granicy = ImageColorAllocate($przycisk, 0, 0, 0);
$zdekrementowana_szerokosc_przycisku = $szerokosc_przycisku - 1;
$zdekrementowana_wysokosc_przycisku = $wysokosc_przycisku - 1;
ImageFill($przycisk, 0, 0, $kolor_przycisku);
ImageRectangle($przycisk, 0, 0, $zdekrementowana_szerokosc_przycisku, $zdekrementowana_wysokosc_przycisku, $kolor_granicy);
header('Content-Type: image/jpeg');
?>
<style>
	#obrazek { position: absolute; bottom: 20%; right:20% }
</style>
<?php
ImageJPEG($przycisk);
[PHP] pobierz, plaintext 

nie działa - wyświetla się pusty, biały kadr (o pożądanej wielkości, ale biały, a nie szary), a w jego lewym górnym rogu czerwony krzyżyk, symbolizujący chyba brak grafiki...
Czy ktoś może mi powiedzieć, dlaczego? Czy nagłówek informujący przeglądarkę o tym, że przesyłany jest obrazek, musi być obok funkcji wywołującej ten obrazek? A może coś innego nie działa?

Nikt nie wie?
Temat w górę, bo nie rozwiązałem problemu jeszcze...
Bardzo prosiłbym o zainteresowanie...

Nie możesz mieszać kodu HTML z generowaniem obrazka. Zrób jeden plik PHP który będzie wysyłał nagłówek Content-Type: image/jpeg oraz wygenerowany obrazek (i nic poza tym), oraz drugi plik, z czystym HTML'em, np.:

[HTML] pobierz, plaintext 
<style type="text/css">
    #obrazek { position: absolute; bottom: 20%; right:20% }
</style>
 
<img src="generuj_obrazek.php" alt="" id="obrazek />
[HTML] pobierz, plaintext