For the record I am not very experienced in this area but I'm trying to get my way through this to fix a problem we have.
We are using the enclosed code replace header images for the view cart and check out pages on our websites based on a unique number in the landing page url (i.e. sc 33). The use case is the consumer lands on a page (http://shopping.netsuite.com/s.nl/c.667537/n.2/sc.33/category.777/.f
), clicks on the view cart link and the attached code in conjunction with other java on the page writes the header image as a background and lays the navigation over top of the black section of the background image.
This is working in the safari but not IE or Firefox and I have been modifying everything I can think of without luck.
I have attached two screen shots to show how it is suppose to look (Picture 2) and how it looks in IE and Firefox (Picture 4). In picture 4 it is a little hard to see but if you look at the red tag on the top middle you can see the links ( | Apple | Ompay | SmartCard | ) layed over top of the red tag when we need them lower over the black.
The above link is also live so you could click on it and see the actual site, view source if needed.
Sorry this is so much but I'm really at a loss and the folks in the java section helped me as much as I could but recommended I post here.
if ( Header_Image != "" )
document.write( '<div style="background:url(' + Header_Image + ');height: 150px;width: 960px; background-repeat: no-repeat; background-position: center top;">');
document.write( "<br>" + Header_Link + "<br></div>" );
---- Header_Link ----- Tag
<div style='height: 115 px;'></div><div id='etm-header-menu'><ul><li><a class='left' href='http://apple.com'>Apple</a></li><li><a class='' href='ompay.com'>OmPay</a></li><li><a class='' href='ppasmartcard.com'>SmarCard</a></li></ul></div>