Jump to content

index.tpl adding image box problem


Guest

Recommended Posts

can someone please help me check what i am doing wrong.

Trying to add paypal logo

{RANDOM_PROD}

<div class=â€boxTitleRightâ€>Payment Methods</div>

<div class=â€boxContentRightâ€>

<div style=â€text-align: centerâ€>

<img src=â€/public_html/shop/skins/Killer/styleImages/paypallogo.gif†alt=â€â€>

</div>

</div>

<div class="boxFootRight">&nbsp;</div>

</td>

<td style="padding: 0px 5px 0px 5px;">{PAGE_CONTENT}</td>

<td width="175">

{SHOPPING_CART}

{POPULAR_PRODUCTS}

Link to comment
Share on other sites

Give us a link to the site so we can see your problem and we will try to help. Read the topic, "PLEASE READ THIS BEFORE POSTING"

It always helps to offer a link, mention the skin you are using and the version of CubeCart

www.shopon.co.uk

Cart version 3.0.8

Skin Killer

Link to comment
Share on other sites

Thank you!

You are using the wrong quote marks. You must use " not â€

thank you for your help, the payment box appears but the image does not.

am i using correct format to locatate the picture?

<div style="text-align: center">

<img src=""/shop/skins/Killer/styleImages/paypallogo.gif" alt="">

</div>

Link to comment
Share on other sites

The path to the image is incorrect.

One the site is interpretted as "http://shopon.co.uk/shop/public_html/shop/skins/Killer/styleImages/paypallogo.gif"

Looking at your code...

="/public_html/shop/skins/Killer/styleImages/paypallogo.gif"

Change that line in the skin for this...

="../styleImages/paypallogo.gif"

That should work.

Link to comment
Share on other sites

thank you for your help

You're welcome! :D

I see you got it working. I'm glad to have helped.

Now, you will notice that the left side boxes are broken in IE6, boxes are now too wide for the title bars. This is because your image is too wide for the boxes. Easiest way to correct this is to make that image smaller.

Also, notice the broken lines (border) around the latest prods in IE6? That is due to the IE Peekaboo bug.

To correct this, find .txtContentTitle { in style.css and paste below that line, this line:

position: relative;

Then, find .boxContent { in layout .css and paste below that line, this line:

position: relative;

And to make the gray zone behind your search box neater, look also in layout.css for #sessionBox { and paste below that line, this line:

background-repeat: no-repeat;

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...