X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   CSS Styles + Navigation Menu (https://forum.x-cart.com/showthread.php?t=49441)

cowsdonthack 08-31-2009 08:50 AM
CSS Styles + Navigation Menu
 
1250p 083109 Hey-o

So I'm working with xCart and I was changing around "header.tpl" so that it could be smaller.

This lead to some problems with the entire site. Namely...

Our Navigation Drop Down (from xMod.com) and our Page Titles.

Link Navigation Drop Down
(All Products, Hinges, Pivots, Door Closers, Locksets, Access Control Hardware)

Link Link Link Page Titles
(The Blue Backgrounded Title, below the breadcrumb, directly left of (Useful Links)

Navigation Drop Down
On Mouseover, it calls on CSS for top_cat_dropdown And positions the dropdown menu 214px from the top of the page (which seemed kind of silly to me)

The problem is that in iExplore and Firefox it's off by 2 pixels. If it's right for Firefox than in iExplore the dropdown is 2 pixels overlaying the menu.

If it's right for iExplore then the drop down is 2 pixels off the menu.

0101p 083109 *Hint
I noticed, that there is a white space between the Navigational Menu and the Shop+Support+Product Data+etc in iExplore. In Firefox I removed the white space. But in iExplore it's still there. That could be what is pushing the Navigational Menu down 2 pixels.

Also, whenever the site is loaded in iExplore, it has #lod after it.

Although, as much as I know these things have to be related. I still have no idea why or how.

Page Titles
The text is too far down (too close to the main content) and I cannot push it up any further.

The Title can't be pushed up further. I've taken apart the CSS for a few hours. I can change the text color, I can push the text further down (with padding) I've set the text to align Top (in the CSS).

The only thing I haven't done is loading the actual page and messing around with where the text will show up from there.

...(because I don't know where that page is.. -_-)

cowsdonthack 08-31-2009 09:18 AM
Re: CSS Styles + Navigation Menu
 
Quote:
Originally Posted by Tal
Dont quite get what you mean on all of those except for the Nav drop down.

You can use a conditional statement that only the IE browser will read, so you can have a seperate CSS to line-up the drop down correctly in IE and then in your normal css get it right with firefox.

For the rest though, could you be more specific on the problems?

Only one I think I have correct is for the page titles.
http://img40.imageshack.us/img40/8374/xc1.jpg
You want the entire tab blue or grey?

Thank you for replying to my post!

I should have been more clear. I want the TEXT to be higher. I'll edit my original post for that as well.

The text is too low. I believe that the background is an image that is partially blue and grey, although if it isn't than I wouldn't know how to change it.

cowsdonthack 08-31-2009 09:24 AM
Re: CSS Styles + Navigation Menu
 
Quote:
Originally Posted by Tal
Text to be higher as in bigger or higher on the page?

Also, check my previous post, I editted it with a possible solution to another problem :)

The text to be higher within the Blue Border. Here, let me shop an example actually that would help a bunch.

http://frozeninksecret.com/tmp/cur.jpg
http://frozeninksecret.com/tmp/des.jpg

cowsdonthack 08-31-2009 10:13 AM
Re: CSS Styles + Navigation Menu
 
Quote:
Originally Posted by Tal
http://www.zoofur.com/pubimg/xc3.jpg

css class headtop with margin: 0;

You can mess around with the plain margin (which will bump it from the top left I believe) or you can mess around with individual ones such as margin-top, margin-bottom, margin-left and margin-right.




Edit:
Cant really help with the IE thing. Microsoft did a ungodly poor implementation of firebug in IE and is hardly compliant with standards... So I cant edit the web code as much as probably needed.
However, for the #lod thing, it may be due to a script. Once before I checked the source and saw some 'lod' things in there. Cant get it to show again, so not really much of a help.

Thanks! I'm sorry I didn't reply sooner, but the internet cut out in the office because we have a guy working on it, I'll post results soon.

LoL you're a mod for a Furry Adult Store, my friends would Love you to death.

cowsdonthack 08-31-2009 10:26 AM
Re: CSS Styles + Navigation Menu
 
Quote:
Originally Posted by Tal
Begs the question, why are you viewing an adult site at work? You're the boss there I hope :P

Oh, and not quite a mod. Admin. I do the internet work for the store since he doesn't have the computer-fu like me. However, totally off-topic. Do tell your friends to buy and refer more friends though! xD



Going to sleep now, but if you're still having problems when I get up (minus the IE one) I'll see what I can do.

Why?

Why not.

---

I have mastered the art of giving amazing excuses for the reasons I do anything in my workplace.

---

The CSS style doesn't have the headtop class. It has HeadTopPad and HeadTopPad IMG but no headtop

I've tried...

Adding Headtop with margin: 0;
Adding Headtop with margin-top: 0;
Adding .Headtop with margin: 0;
Adding .Headtop with margin-top: 0;
Editing the HeadtopPad and HeadTopPad IMG (no effect)
Removing the HeadtopPad and HeadTopPad IMG (no effect)

Maybe HeadTop Class is being loaded from some other source than my CSS sheet?

cowsdonthack 09-01-2009 04:57 AM
Re: CSS Styles + Navigation Menu
 
I looked in

Skin1/Customer/Main/product.tpl
Skin1/Customer/Main/products.tpl
Skin1/Customer/Main/products_t.tpl
Skin1/Customer/Main/product_thumbnail.tpl

Used search to look for

headtop
head
top
lmarg5

I found some lmarg5, but nothing in reference to what we're looking for (it was inside the product template where we hold PDFs for customers)

I figured maybe it was something (included) in products.tpl, but I checked each one and couldn't find headtop.

Is the headtop class in the original products.tpl?

cowsdonthack 09-01-2009 06:10 AM
Re: CSS Styles + Navigation Menu
 
1 Attachment(s)
It's not in products.tpl (attached)

Do you think there's anyway to a sitewide search for headtop?

Thank you for being so patient

cowsdonthack 09-01-2009 06:30 AM
Re: CSS Styles + Navigation Menu
 
Cool. I'll do that right now

You sure I should look for pBotTabInner and not just Headtop?

cowsdonthack 09-01-2009 07:52 AM
Re: CSS Styles + Navigation Menu
 
Hey! It's fixed. I did install firebug and downloaded skin1. I know it's going to help me out a lot in the future. I took your original idea with adding a headtop variable to the CSS, but I remembered. It has to be h1.headtop.

h1.headtop {margin-top:3px;} worked out just perfectly. Thank you very much!

http://frozeninksecret.com/tmp/winet.jpg


All times are GMT -8. The time now is 11:59 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.