top_tab_right.gif Problems

Hi,



How big (in pixels) should the top_tab_right.gif be?



I think I have tried every size but it is still not fitting correctly and the original size (200pixels x 29pixels) does not fit at all!!



Kind Regards,

Gobbo

I think the top_tab_right.gif on the aquarelle_red skin is only 5 pixels wide, so how does one reduce the top_tab_left.gif, which is 101 pixels, to say 90 or 95 pixels?



Please can anyone tell us where it is and the name of the file which denotes the length of top_tab_left.gif??



Thanks,

Gobbo.

I don’t use the Aquarelle Red Skin, but the image should be in:



skins/aquarelle_red/customer/images



The top_tab_right.gif image is called up from your styles.css on line 478 as:


#top_menu ul li.first-level, #top_menu ul li.first-level.cm-active {
background:url("images/top_tab_right.gif") no-repeat scroll right top #B80D18;
margin:0 0 0 1px;
padding:0 5px 0 0;
text-align:center;
}




As you can see there is no width so if you just change the width of the image in an image editor than you should be all set.



Like I said, I don’t use this skin, so I can’t guarantee you’ll get the results you want, but it’s worth a shot.



Brandon

Brandon,



Thanks, it worked. Now I wonder if you can help me with something else?? How do I change the colour of the text on the tabs??



Thanks,

Gobbo.

Gobbo,



For the white text you would change your styles on line 502:


#top_menu ul li.first-level.cm-active span a, #top_menu ul li.first-level.cm-active span a:hover {
color:#FFFFFF;
font:bold 12px/15px Arial,Helvetica,sans-serif;
}




For the black text you would change line 498:


#top_menu ul li.first-level span a, #top_menu ul li.first-level span a:hover {
color:#000000;
font:bold 12px/15px Arial,Helvetica,sans-serif;
}




If you download and use Firefox with Firebug you can easily see the css styles. That is what I used to find the above information.



Brandon

Brandon,



Thanks for being a really big help.



Would you know how I can add to and change the tabs?? So if I had another site in the future I can place an extra tab so customers can link to it?



Thanks Again,

Gobbo!!!

Gobbo,



To add a new tab, just go to:



admin => Design => Top Menu and click on add new item. Here you’ll enter in all the information needed.



If hope that’s what you were talking about.



Brandon

Brandon,



Thanks for showing me this, but how do you up date the link to open in another tab or page? I have placed ‘http://mysite.com/ target=“_blank”’ in the link box, but it doesn’t work. What would I have to place in this box so the browser can open another tab?



Gobbo.

I have just put my logo in my store and the thing has made my tabs float!!! AAAAAGGGGHHHHHHHHHHHHHHHH!!!



How can I place them back on top of my search box?? Where is the tpl file I have to edit?? As I cant find it.

I guess I don’t really understand what you are saying, I’m sorry.



Do you have a link I can look at?



Brandon

To fix you menu. In styles.css



On line 472 change your #top_menu to:


#top_menu {
clear:none;
margin-top:-30px;
margin-bottom:-3px;
padding:0 197px 0;
text-align:center;
}




And on line 1443 change your .logo-image to:


.logo-image {
margin:26px 0 0 22px;
width:100%;
}




I’m not really sure about the _blank thing. I think the only way that might work is to hard code in your tabs. Of course you might be able to use a if statement, but I honestly don’t know.



Anyways, I hope that helps,



Brandon

Brandon,



It kinda worked, but now my text links which was at the top are now behind my tabs? Would you know where I have to go in the style sheet to fix them??



Thanks,

Gobbo.

Also, I have centred the footer search box and text, but how do I center the ‘Copyright © 2005-2010 CS-Cart.com. Powered by Shopping cart with Google Checkout’ text??

How do I center the ‘Copyright © 2005-2010 CS-Cart.com. Powered by Shopping cart with Google Checkout’ text??



Also we won’t be using Google Checkout so where is this text sorted?



Thanks,

Gobbo

I have read though the forum for the above topics, but everything I find doesn’t work. Can anybody help us out with these topics??

Ok, I think I have sorted the problem out the best I can, but it looks fine on Firefox, but still looks bad in IE. So why are the two style sheets set out differently?

Gobbo,



Sorry about not replying back to you. I’ve been busy and didn’t even see your posts.



That’s cool that you got it sorted out on your own. That’s the way we learn and stuff.



As for IE and FF, the problem is because IE is a sucky browser and a lot of things have to be done special just for it.



Basically you’re going to have to change parts of your style_ie.css style sheet until you get it right. It’s a big pain in the butt. Even if you have it looking right in IE8 it still might not look right in IE7 or IE6. I just learned yesterday that my site has some problems with IE6 that I need to fix.



Maybe someone else on here has had to deal with the same stuff as you and can help?



Brandon

Brandon,



Thats ok, I understand how busy other people are. The stupid thing is I used to know all this stuff but I was attacked 2 years ago and I had to learn everything, starting with walking, again. I just have to be shown once and I remember from last time.



On the IE6 issue and as you know it is very bug ridden, I really wish everyone would upgrade to Firefox 3.6. As it is one of the safest browsers out there.



I will contact a few other members to see if they can help out.



Thanks for all your help.

Gobbo.