Jump to content

Recommended Posts

Posted

Hello.

I'm currently using CC 3.06 with the Killer Skin.

I've been able to add a new section called "Swarovski Colors" in my styleTemplates/global/index.tpl

The problem is, the bottom part of the box isn't closing and I'm not sure why.

The code -

<div class="boxTitleLeft">Swarovski Colors</div>

<div class="boxContentLeft">

<div><iframe src="http://www.mpbeaddesigns.com/colorchoices.html" frameborder="0" width="130" height="90"></iframe></div>

</div>

The website -

http://www.mpbeaddesigns.com/index.php

So, I'm just curious, what am I doing wrong? Anyone have any ideas?

Thanks in advance for any help/guidance.

Starlin

Guest gwizard
Posted

It seems you have used the wrong css style.

On the Shopping cart you have boxTitleRight and on the Swarowski box you have boxTitleLeft. Try switching them around and see what happens.

Anyway, the box images definitions is the CSS.

Posted

Ok - well thank you both.

Unfortunately, it's gotten a bit better (there is a bottom part to the square) but it's a little mis-aligned.

This is the new code

<div class="boxTitleRight">Swarovski Colors</div>

<div class="boxContentLeft">

<div><iframe src="http://www.mpbeaddesigns.com/colorchoices.html" frameborder="0" width="120" height="90"></iframe></div>

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

I tried playing around with titleleft, right, etc... - nothing.

Any ideas? I'm going to keep playing around with it but any help would be greatly appreciated.

GWizard - I'm not really sure that I understand what you meant. The shopping cart and the Swarovski Color boxes should be on the left side - with the other 3 elements on the right.

Again - thank you in advance.

Starlin

Posted (edited)

Change

<div class="boxTitleRight">Swarovski Colors</div>

<div class="boxContentLeft">

<div><iframe src="http://www.mpbeaddesigns.com/colorchoices.html" frameborder="0" height="90" width="150"></iframe></div>

<div class="boxFootRight"></div>




To
<div class="boxTitleRight">Swarovski Colors</div>

<div class="boxContentLeft">

<iframe src="http://www.mpbeaddesigns.com/colorchoices.html" frameborder="0" height="90" width="150"></iframe></div>

<div class="boxFootRight"></div>


OR
<div class="boxTitleRight">Swarovski Colors</div>

<div class="boxContentLeft">

<div><iframe src="http://www.mpbeaddesigns.com/colorchoices.html" frameborder="0" height="90" width="150"></iframe></div>

</div>

<div class="boxFootRight"></div>

you had 1 too many div openings, this will now worked i have tested it...

Edited by aikdo
Posted

@ Aikdo, there is now a closing </div> tag in the code you posted . . . should be removed.

He actually had an extra div tag in the wrong place, as you discovered, and a matching closing tag that is no longer needed :)

<div class="boxTitleRight">Swarovski Colors</div>

<div class="boxContentLeft">

<iframe src="http://www.mpbeaddesigns.com/colorchoices.html" frameborder="0" height="90" width="150"></iframe></div>

<div class="boxFootRight"></div>

Code above, now has 3 open, 3 close :wacko:

Posted

that final </div> closing tag was the colLeft Ending, and nothing to do with the box...

Posted

that final </div> closing tag was the colLeft Ending, and nothing to do with the box...

nothing to do with the box...

= nothing to do with the post :wacko:

Sorry, just a nitpicker sometimes. As long as anyone else who reads the post and uses the code knows, the last </div> is superfluous :)

Posted

Aikdo and Markscarts -

You guys are great - thank you SO MUCH for your help.

Looks quite good now.

I had thought that I counted my opening div with closing /divs - guess I have to go back to remedial counting. :)

Again - thank you for your help!

Starlin

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...