Invincible border!

[andrelefebvre]

Hi all,

well, been reading like mad for over 2 weeks, trying to get my brain arond ZenCart. It's been installed, and now I spent the afternoon setting up the top banner and sidebar to reflect the whole website layout.

I have succeeded in bringing in and positioning both top header and sidebar.

HOWEVER, the top banner consistently keeps a border, which breaks the flow of the graphics. It should be seamless. Can we ever get rid of that border? You can look and see what I'm talking about:

http://canadiankitecompany.com/store/

Between the top and the sidebar, there's a tiny line breaking things off. I'd like to take it out. I've tried everything I could find to reduce margins, but I certainly don't know where else to look.

What would you do in my case?

Thanks!

andre
noob of noobs

[zooey]

Seethru,

Sorry to hijack this thread but I was wondering if you would be able to chat for a few minutes.

Thanks,
zooey

[andrelefebvre]

who is seethru... ?

I'm getting confused... why hijack this post? hope you find what you're looking for...

andre

[ladysaat]

It looks like you have something behind your header? What width is it set to? In my firefox it looks like it's the stock header_bg.jpg from classic? Instead of layering your thing on top of that rename yours to header_bg.jpg and erase the other one.

Also!!! Stop using the classic template. Make your own or you risk losing everything when you upgrade to a better version of zen cart as they come along. REad the Override stuff in the Wiki docs to get you started.


Also it looks like you maybe need to make your cart center section a tid bit narrower. On my screen your sidebar_left.jpg is squishing something. Maybe alter the width a bit? or make that image narrower?

[kobra]

The posts are correct...the combo classic is table based and your trying to overfit your graphic that does not fit the table cells...

You have the tabless version installed but are using the classic template and you need to convert to a template or create one based on the template default set of files and thing will be easier now and into the future.

[andrelefebvre]

Thanks for your help!

For the life of me, I used Classic because it was complicated enough to navigate making changes that once I found something that worked, I stuck with it! :)

Now, as a noobee, there are such confusion with the terms used to define the elements in the page, I get lost tyring to trace them down...

Creating a new template: is there a step by step?

Also, is there anywhere where I can find a graphical representation of the page, with the sections properly labelled?

Thanks all!

andre

[seethrou]

HOWEVER, the top banner consistently keeps a border, which breaks the flow of the graphics. It should be seamless. Can we ever get rid of that border?

Please take the advices you have in the discussion above.

Anyway, for the border you don't want.
And The following is portion of the page source from your site.

<tr>
<!-- All HEADER_ definitions in the columns below are defined in includes/languages/english.php //-->

<td width='1000' valign='middle' height='109'>
<a href='http://YOUR_SITE_ADDRESS/store/index.php?main_page=index'>
<img width='1000' height='109' title=' YOUR Company [home link] ' alt='YOUR Company [home link]' src='includes/templates/classic/images/gckctop.jpg' />
</a>

</td>

<td valign='top' align='center'>
<h1>
</h1>

</td>

</tr>

Please note in above, the table cell and tag of:

<td valign='top' align='center'>
<h1>
</h1>

</td>

They still occupy space although don't have text in it.
You should remove the tag of <h1></h1> and/or the text from your file.

And the file should be located in you override directory:-
includes/languages/english/YOUR_TEMPLATE/header.php

around line 21 - 25 in the original file

define('HEADER_SALES_TEXT', '<h1>Sales Message Goes Here /or/ TagLine Here</h1>');
define('HEADER_LOGO_WIDTH', '200px');
define('HEADER_LOGO_HEIGHT', '70px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

Another problem, it look like that you are using the classic template directly. And it is not a good practice.
Please read the docs about how to use the override for template and files.

.

[andrelefebvre]

Please take the advices you have in the discussion above.

Anyway, for the border you don't want.
And The following is portion of the page source from your site.

<tr>
<!-- All HEADER_ definitions in the columns below are defined in includes/languages/english.php //-->

<td width='1000' valign='middle' height='109'>
<a href='http://YOUR_SITE_ADDRESS/store/index.php?main_page=index'>
<img width='1000' height='109' title=' YOUR Company [home link] ' alt='YOUR Company [home link]' src='includes/templates/classic/images/gckctop.jpg' />
</a>

</td>

<td valign='top' align='center'>
<h1>
</h1>

</td>

</tr>

Please note in above, the table cell and tag of:

<td valign='top' align='center'>
<h1>
</h1>

</td>

They still occupy space although don't have text in it.
You should remove the tag of <h1></h1> and/or the text from your file.

And the file should be located in you override directory:-
includes/languages/english/YOUR_TEMPLATE/header.php

around line 21 - 25 in the original file


Another problem, it look like that you are using the classic template directly. And it is not a good practice.
Please read the docs about how to use the override for template and files.

.

Thanks!

I'm starting over in order to use the right folders so will I need to do this again? Also, when using the sidebar on the left (http://www.canadiankitecompany.com) will I be able to bring in the menu I made for this site?

Isn't there a simple way to just grab the whole store and drop it in a template between tables? :)

Back to work...

[kobra]

No need to start completely over... Grab from the downloads templates section one of the 1.3.x templates. Follow the install instructions and you should get a start rather quickly.

If you stay with whee you are and style it to your liking...delete the stylesheet_new.css file from your named template folder to preclude confusion as this one is not required nor wanted with this new template that you have started.

[ladysaat]

I'm sorry! I didn't explain where /custom was....



when you go to /includes/templates/ you see


/classic
/template_default

Right?

Okay so you'd make /custom right with them. "Custom" being whatever name you want. Then /Custom is actually YOUR template. You copy the folders: CSS, Common, Images and any other ones you need from /template_default into the /custom folder. For the CSS you need to have your CSS stylesheet IN that /custom/css folder. Is that better? I know it's really kinda confusing.



Okay so you can define the image in tpl_header.php I believe. Or you can use the CSS and go to say, #logoWrapper and make it the background image. I KNOW I did mine in a wierd way so I'm hoping Kobra straightens out what I just said to the correct way (or anyone of the KNOWbees, he just happens to be on this thread etc.).

Play around with the .php files in /template_default. Meaning.... download them to the special file on your computer and then open them to see what they have inside. Pick .php folders with names of things you are interested in like header, main_page, footer etc... See what the code has in it. Then Do a search here on the forum with that bit of code or the filename. You'll pull up the relevant posts where people are talking about what they used that particular file for.


This is why you see people working for 3 weeks or whatever on the cart and seem like they are eaking forward in progress ( I do like to make up my own vocabulary ) but it's because there is so much to use and know and tools and stuff! Have fun with it! Step back from it when it becomes NOT fun. Then come back later.