Dlaczego nie wyświetla się obrazek w formie przycisku?

pytanie zadane 30 czerwca 2020 w HTML i CSS przez Damian Wójcikiewicz Początkujący (420 p.)

Witam wszystkich! :) chciałbym uzyskać taki efekt jak poniżej lecz z obrazkiem w formacie png. Utworzyłem na pulpicie folder o nazwie www i wpisałem tam kod w notatniku zapisując go w formacie html oraz wrzuciłem obrazek do tego folderu. Wszystko byłoby w porządku lecz nie wyświetla mi obrazka - strona otwarta w mozilli.

Tak wyświetla mi stronę:

A oto mój kod:

<html>
<head>
</head>
<body>
<form action="...">
<p>Subskrybuj nasz biuletyn informacyjny</p>
<input type="text" name="email" />
<input type="image" src="www/subscribe.png"
width="100" height="20" />
</form>
</body>
</html>

Link do obrazka - https://toppng.com/public/uploads/preview/subscribe-11551052834uiovfj1mgw.png

Z góry dziękuje za pomoc! :)

2 odpowiedzi

odpowiedź 30 czerwca 2020 przez Comandeer Guru (591,060 p.)

Jesteś pewien, że struktura katalogów jest ok? Możesz ją pokazać?

komentarz 30 czerwca 2020 przez Damian Wójcikiewicz Początkujący (420 p.)

Proszę:

komentarz 30 czerwca 2020 przez Comandeer Guru (591,060 p.)

Więc ten obrazek jest w ./subscribe.png, nie www/subscribe.png. Ten drugi zapis oznaczałby, że obok strony byłby katalog www, a dopiero w nim obrazek.

odpowiedź 30 czerwca 2020 przez _Pita_ Stary wyjadacz (11,410 p.)
edycja 30 czerwca 2020 przez _Pita_

Pomnień podany przez Ciebie fragment

www/subscribe.png

na podany przez Ciebie link do obrazka ;)
Taki kod mi działa, (Do pożądanego efektu zmieniłbym jedynie proporcje obrazka na 1:5)

<html>
<head>
</head>
<body>
<form action="...">
<p>Subskrybuj nasz biuletyn informacyjny</p>
<input type="text" name="email" />
<input type="image" src="https://toppng.com/public/uploads/preview/subscribe-11551052834uiovfj1mgw.png"
width="100" height="20" />
</form>
</body>
</html>