jestem bardzo początkująca, stworzyłam wg pomocy poradnikowej (youtube) szablon w celu wykorzystania go na portalu aukcyjnym, do pewnego momentu było ok, z photoshop'a zrobiłam kod HTML , później użyłam programu WYSIWYG. Mam szablon w formacie HTML , który w podglądzie na przeglądarkach IE i MOZILLA otwiera sie poprawnie, natomiast gdy kopiuję kod i wpisuję np. do edytora HTML na stronę portalu aukcyjnego, nie wyświetlają mi się już obrazki (grafiki GIF).
Czytałam fora o podobnych problemach i wydaje mi się że powinien być kod dobry bo otwiera się w IE. Ale gdzieś jest problem ponieważ już jak daję kopiuj kod i wpisuje go dalej to mam biała stronę z czerwonym kwadracikami zamiast zdjęć.
Proszę bardzo o pomoc , bardzo mi zależy na własnym szablonie, trochę się nad min napracowałam i chce go dalej ulepszać, ale tego błędu nie mogę przeskoczyć

Załączam kod, Chce nadmienić że plik ze stroną jest w folderze ogólnym, natomiast zdjęcia są w folderze ogólnym ale juz we własnym folderze.
Bardzo proszę o pomoc.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>view2.php</title>
<meta name="generator" content="WYSIWYG Web Builder 8 Trial Version - http://www.wysiwygwebbuilder.com">
<style type="text/css">
body
{
background-color: #FFFFFF;
background-image: url(none);
color: #000000;
}
</style>
<style type="text/css">
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #0000FF;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
</style>
<style type="text/css">
#Image1
{
border: 0px #000000 solid;
}
#wb_Text1
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text1 div
{
text-align: left;
}
#wb_Text2
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text2 div
{
text-align: left;
}
#wb_Text3
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text3 div
{
text-align: left;
}
#wb_Text4
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text4 div
{
text-align: left;
}
#wb_Text5
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text5 div
{
text-align: left;
}
</style>
</head>
<body>
<div id="wb_Image1" style="position:absolute;left:0px;top:3px;width:1500px;height:1055px;z-index:0;">
<img src="images/szablon-2.gif" id="Image1" alt="" border="0" style="width:1500px;height:1055px;"></div>
<a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb8.gif" alt="WYSIWYG Web Builder" style="position:absolute;left:1411px;top:1026px;width:88px;height:31px;border-width:0;z-index:250"></a>
<div id="wb_Text1" style="position:absolute;left:127px;top:139px;width:382px;height:16px;z-index:2;text-align:left;">
</div>
<div id="wb_Text2" style="position:absolute;left:506px;top:63px;width:468px;height:16px;z-index:3;text-align:left;">
</div>
<div id="wb_Text3" style="position:absolute;left:508px;top:68px;width:464px;height:16px;z-index:4;text-align:left;">
<span style="color:#000000;font-family:Arial;font-size:13px;">Double click to edit</span></div>
<div id="wb_Text4" style="position:absolute;left:366px;top:538px;width:476px;height:16px;z-index:5;text-align:left;">
<span style="color:#000000;font-family:Arial;font-size:13px;">Double click to edit</span></div>
<div id="wb_Text5" style="position:absolute;left:1064px;top:198px;width:387px;height:16px;z-index:6;text-align:left;">
<span style="color:#000000;font-family:Arial;font-size:13px;">Double click to edit</span></div>
</body>
</html>
dodałam zdjęcia (2) na hosting i mam taki kod html
<a href=http://zapodaj.net/7375532b45ac1.gif.html>builtwithwwb8.gif</a>
jak mam go prawidłowo włożyć w kod?