my website is
http://www.megashoponline.com
i have a html module in my website in which i included the picture of my categories.
the module workds perfectly and so the image.
but unfortunately i have a little problem...
all the time that i insert something on the left collumn and i make that bigger, the images that are in the middle will shift down!!!!
as you can see from the code below the position is -1000 px!!! not right!!!!
please let me know if you find the problem, i list the codee below and i am able to answer whichever question you need to make!!
byereee
Code: Select all
"<p>
<style type="text/css">
/* Offer Blocks */
#offerblock{
height:188px;
}
#offerblockwrapper{
clear:both;
display:block;
position:relative;
height:188px;
}
#offerblockwrapper .offerblockouter{
display:block;
width:130px;
margin:0;
}
#offerblockwrapper .offerblockouter .offerblockinner{
display:block;
position:relative;
border:1px solid #ccc;
background-color:#f1f1f1;
}
#offerblockwrapper .offerblockouter .offerblockinner a {
text-decoration:none;
}
#offerblockwrapper .offerblockouter .offerblockinner h3{
background:#f1f1f1;
font-family: Arial, 'Impact', 'Impact5', 'Charcoal6', 'sans-serif';
font-weight:bold;
font-size: 16px;
letter-spacing:1px;
line-height:18px;
color:#fff;
padding:5px 5px;
margin:0;
overflow:hidden;
display:block;
}
#offerblockwrapper .offerblockouter .offerblockinner span{
font-family:arial;
position:relative;
left:-1px;
top:0px;
display: block;
text-transform: capitalize;
color: #333;
font-size: 11px;
font-weight:bold;
letter-spacing:0px;
}
#offerblockwrapper .offerblockouter .offerblockinner a img {
border:none;
outline:none;
margin::0;
padding:0;
}
#offerblockwrapper .offerblockouter .offerblockinner div.info{
/*padding:8px;*/
}
#offerblockwrapper .offerblockouter .offerblockinner div.info p{
font-family:arial;
font-size:10px;
line-height:12px;
padding:0;
margin:0;
}
/* position the offer blocks */
#offerblock1{display:block; position:absolute; top:-1000px; left:0px;}
#offerblock2{display:block; position:absolute; top:-1000px; left:150px;}
#offerblock3{display:block; position:absolute; top:-1000px; left:296px;}
#offerblock4{display:block; position:absolute; top:-1000px; right:0px;}
</style></p>
<div id="offerblock">
<div id="offerblockwrapper">
<!-- OFFERBLOCK : START --> <div class="offerblockouter" id="offerblock1">
<div class="offerblockinner">
<h3>
<a href="http://www.megashoponline.com/index.php?route=product/manufacturer&manufacturer_id=13" manual_cm_re="Centre-_-Games2for25-_-Main" manual_cm_sp="Games2for25-_-Home-_-Main">Giochi per PC</a></h3>
<a href="http://www.megashoponline.com/index.php?route=product/manufacturer&manufacturer_id=13" manual_cm_re="Centre-_-Games2for25-_-Main" manual_cm_sp="Games2for25-_-Home-_-Main"><img alt="Games 2 for £25" src="image/data/offer/o1.jpg" /></a>
<div class="info">
<h3>
<span>A partire da 12€</span></h3>
</div>
</div>
</div>
<div class="offerblockouter" id="offerblock2">
<div class="offerblockinner">
<h3>
<a href="http://www.megashoponline.com/index.php?route=product/manufacturer&manufacturer_id=12" manual_cm_re="Centre-_-DVDBoxSets-_-Main" manual_cm_sp="DVDBoxSets-_-Home-_-Main">Nintendo Wii</a></h3>
<a href="http://www.megashoponline.com/index.php?route=product/manufacturer&manufacturer_id=12" manual_cm_re="Centre-_-DVDBoxSets-_-Main" manual_cm_sp="DVDBoxSets-_-Home-_-Main"><img alt="DVD Box Sets - Save up to 70%" src="image/data/offer/o4.jpg" /></a>
<div class="info">
<h3>
<span>A partire da 21,90€</span></h3>
</div>
</div>
</div>
<div class="offerblockouter" id="offerblock3">
<div class="offerblockinner">
<h3>
<a href="http://www.megashoponline.com/index.php?route=product/manufacturer&manufacturer_id=11" manual_cm_re="Centre-_-TShirts2for20-_-Main" manual_cm_sp="TShirts2for20-_-Home-_-Main">Playstation 3</a></h3>
<a href="http://www.megashoponline.com/index.php?route=product/manufacturer&manufacturer_id=11" manual_cm_re="Centre-_-TShirts2for20-_-Main" manual_cm_sp="TShirts2for20-_-Home-_-Main"><img alt="T-Shirts - 2 for £20" src="image/data/offer/o2.jpg" /></a>
<div class="info">
<h3>
<span>A partire da 20,90€</span></h3>
</div>
</div>
</div>
<div class="offerblockouter" id="offerblock4">
<div class="offerblockinner">
<h3>
<a href="http://www.megashoponline.com/index.php?route=product/manufacturer&manufacturer_id=14" manual_cm_re="Centre-_-PopPrincesses-_-Main" manual_cm_sp="PopPrincesses-_-Home-_-Main">Xbox 360</a></h3>
<a href="http://www.megashoponline.com/index.php?route=product/manufacturer&manufacturer_id=14" manual_cm_re="Centre-_-PopPrincesses-_-Main" manual_cm_sp="PopPrincesses-_-Home-_-Main"><img alt="Pop Princesses - Save up to Half Price" src="image/data/offer/o3.jpg" /></a>
<div class="info">
<h3>
<span>A partire da 20,90€</span></h3>
</div>
</div>
</div>
</div>
<!-- OFFERBLOCK : END --></div>
"
