HTML code moving sidebar
Permalink
Hi,
I'm hoping someone would be generous enough to spare some time to look at this html code for me... I have no knowledge of html but have "given it a go" so to speak:
<div style="z-index:1;
position:relative;top:0px;left:0px;"
</div>
<img src="http://www.mi-books.com/files/2013/1867/8504/1288795_86586584_copy.png"
<div style="z-index:1;position:relative;left:120px;top:160px;">
<div style="z-index:-20;position:absolute;left:350px;top:20px;">
<img src="http://www.mi-books.com/files/3813/1870/7387/iconusers.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/1413/1870/7403/usersimg.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/3813/1870/7387/iconusers.jpg'">
<div style="z-index:-8;position:absolute;left:100px;top:60px;">
<img src="http://www.mi-books.com/files/4013/1870/7360/iconopenbook.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/8313/1870/7398/readimg.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/4013/1870/7360/iconopenbook.jpg'">
<div style="z-index:-6;position:absolute;left:70px;top:90px;">
<img src="http://www.mi-books.com/files/4213/1870/7335/iconcomment.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/7013/1870/7282/chatimg2.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/4213/1870/7335/iconcomment.jpg'">
<div style="z-index:-20;position:absolute;left:-520px;top:-5px;">
<img src="http://www.mi-books.com/files/4213/1870/7394/iconwireless.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/6913/1870/7205/blog.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/4213/1870/7394/iconwireless.jpg'">
<div style="z-index:0;position:absolute;left:40px;top:-90px;">
<img src="http://www.mi-books.com/files/1713/1870/7311/iconclosedbook.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/3413/1870/7234/booksimg.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/1713/1870/7311/iconclosedbook.jpg'">
<div style="z-index:0;position:absolute;left:95px;top:-60px;">
<img src="http://www.mi-books.com/files/4413/1870/7376/iconquill.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/3213/1870/7406/yourimg.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/4413/1870/7376/iconquill.jpg'"> </div>
</div>
I'm trying to add this in a html block, it looks fine when i enter it, but when i click publish my whole sidebar is moved out of position, please see attachments.
I know it will be something really easy, and I know my code will be a mess but could someone take a look at it for me please??
I'm hoping someone would be generous enough to spare some time to look at this html code for me... I have no knowledge of html but have "given it a go" so to speak:
<div style="z-index:1;
position:relative;top:0px;left:0px;"
</div>
<img src="http://www.mi-books.com/files/2013/1867/8504/1288795_86586584_copy.png"
<div style="z-index:1;position:relative;left:120px;top:160px;">
<div style="z-index:-20;position:absolute;left:350px;top:20px;">
<img src="http://www.mi-books.com/files/3813/1870/7387/iconusers.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/1413/1870/7403/usersimg.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/3813/1870/7387/iconusers.jpg'">
<div style="z-index:-8;position:absolute;left:100px;top:60px;">
<img src="http://www.mi-books.com/files/4013/1870/7360/iconopenbook.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/8313/1870/7398/readimg.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/4013/1870/7360/iconopenbook.jpg'">
<div style="z-index:-6;position:absolute;left:70px;top:90px;">
<img src="http://www.mi-books.com/files/4213/1870/7335/iconcomment.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/7013/1870/7282/chatimg2.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/4213/1870/7335/iconcomment.jpg'">
<div style="z-index:-20;position:absolute;left:-520px;top:-5px;">
<img src="http://www.mi-books.com/files/4213/1870/7394/iconwireless.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/6913/1870/7205/blog.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/4213/1870/7394/iconwireless.jpg'">
<div style="z-index:0;position:absolute;left:40px;top:-90px;">
<img src="http://www.mi-books.com/files/1713/1870/7311/iconclosedbook.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/3413/1870/7234/booksimg.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/1713/1870/7311/iconclosedbook.jpg'">
<div style="z-index:0;position:absolute;left:95px;top:-60px;">
<img src="http://www.mi-books.com/files/4413/1870/7376/iconquill.jpg"
onmouseover=
"this.src='http://www.mi-books.com/files/3213/1870/7406/yourimg.png'"
onmouseout=
"this.src='http://www.mi-books.com/files/4413/1870/7376/iconquill.jpg'"> </div>
</div>
I'm trying to add this in a html block, it looks fine when i enter it, but when i click publish my whole sidebar is moved out of position, please see attachments.
I know it will be something really easy, and I know my code will be a mess but could someone take a look at it for me please??