Carreta-Bright "arrows" in Firefox

[Guest vlatro]

In Firefox, the arrows in de left menu are out of position

Is there a way to solve this problem without messing up the view in IE and others?

Thank you!

[Guest vlatro]

Someone please?

[Guest vlatro]

I still haven't solved this problem.

Can someone please tell me what goes wrong here?

[leeofaccy]

Can you post your URL and I will take a look?

Lee

[Guest vlatro]

Can you post your URL and I will take a look?

Lee

Thank you Lee!

[Guest jamager]

Can you post your URL and I will take a look?

Lee

Thank you Lee!

http://kreidlershop.x10hosting.com/

Got the same problem myself vlatro. I posted same query on cubecartforums.org site and didn't get it sorted in the end. Whilst I did find the code to adjust the arrows etc it knocked them out of place in IE when FF looked good and vice versa.

[leeofaccy]

Open up style.css and around line 59 find the style .SubmitBtn. Remove the margin-top: -17px.

Lee

[Guest vlatro]

Open up style.css and around line 59 find the style .SubmitBtn. Remove the margin-top: -17px. This should fix the problem.

Lee

This works for Firefox, but is messes up the view in Internet Explorer! :(

[leeofaccy]

I checked it in IE8 and Firefox and it works fine. I've just checked it in IE7 and it is out of position. On the kitaBlue skin for example, there is a style sheet called IE7. For some reason there is not in this skin. To fix this, create a new stylesheet called IE7.css in the Carreta-Bright styleSheets folder. Create a new style called .SubmitBtn and add margin-top: -17px. Open /skins/Carreta-Bright/styleTemplates/global/index.tpl and find these lines in the Head section.

<script>

 var RecaptchaOptions = {

	theme : 'custom'

 }

</script>

Add this line after the above.

<!--[if IE 7]>

<link href="skins/{VAL_SKIN}/styleSheets/IE7.css" rel="stylesheet" type="text/css" />

<![endif]-->

It should now look like this...

<script>

 var RecaptchaOptions = {

	theme : 'custom'

 }

</script>

<!--[if IE 7]>

<link href="skins/{VAL_SKIN}/styleSheets/IE7.css" rel="stylesheet" type="text/css" />

<![endif]-->

This should now fix your problem, hopefully!



Lee



Further Note: I have just clicked to 'View Basket' and there is an orange 'Add' arrow, next to the promotion code textbox. This is also out of position! To fix this open style.css. Find the style .AddBtn and change margin-top from -17px to 4px. Next, open the IE7.css file created earlier and edit the .SubmitBtn style to include the Add button. Like this

.SubmitBtn, .AddBtn {

	margin-top: -17px;

}

Next, open /skins/Carreta-Bright/styleTemplates/global/cart.tpl and find this in the Head section

<link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />

<link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />

Add the following lines after, same as above.

<!--[if IE 7]>

<link href="skins/{VAL_SKIN}/styleSheets/IE7.css" rel="stylesheet" type="text/css" />

<![endif]-->

Fingers crossed, it should now be ok

Lee

P.s. I don't know your level of experience, so if you are not sure what to do, PM me.

[Guest vlatro]

I have IE6 at work. So i made it work for IE6 and did the same action for IE7.

Can someone test if everything looks OK in IE7 now?

Firefox = OK

IE7 = OK

IE8 = OK

Thanks!

[leeofaccy]

The Orange arrow is out of position in Firefox and IE8 when you click 'Bekijk Mandje'. There is still the -17px of margin-top on though.

Lee

[Guest vlatro]

The Orange arrow is out of position in Firefox and IE8 when you click 'Bekijk Mandje'. There is still the -17px of margin-top on though.

Lee

I forgot to change that. Should be solved now!