Zen Follower
- Join Date:
- Mar 2006
- Location:
- Melbourne, Australia
- Posts:
- 378
- Plugin Contributions:
- 0
positioning productName
I am trying to position the product name adjacent to the category icon on the product info page. Perhaps I am going to strange lengths, but cross browser issues have led me to do this with tpl_modules_categor_icon_display.php:
<div id="productHead"> <div align="<?php echo $align; ?>" id="categoryIcon" class="categoryIcon"><?php echo $category_icon_display_image; ?></div> <div id="productTitle"> <!--bof Product Name--> <h1 id="productHead"><?php echo $products_name; ?></h1> <!--eof Product Name--> </div> </div>and I have this css:
#categoryIcon { width:250px;position:relative;margin-left:30px;}
#productHead {width:700px;margin-bottom;30px;position:absolute;}
h1#productHead {color:#444;font-weight:normal;font-size:2.0em;float:right;position:relative;margin-top:-30px;}
#productTitle {width:300px;position:relative;float:right;}
Whatever variations on the theme I apply, the product name persists in floating over the top of the category icon, thus:
http://arborio.com/124/index.php?main_page=product_info&cPath=4&products_id=3
What is preventing the product name from floating right?
