SiteAssist Professional - not symmetrical

I am trying to make the header portion of this website symmetrical – as you can see on the attached picture the header right side does not line up. Usually, I am able to fix this type of issues from the code.

I also recognized that there are a number of problems on the templates or the design patterns that is used to build the site from the Site Assist Pro. I think I will open a ticket on this. All I need for now is to get this thing to look right.

Can you send a url of this page so i can look at it. It looks to me it have something to do with the width of the header of the top navigation div.

Yes for this one -- please find the requested url:

LJackson/

ck4k-mission.php

CK4K-Photo1.php


Of course you can navigate to all the indicated pages using the menu links.


Thanks.

Michael

The problem is with this image:

siteassistpro_images/Logo1.jpg

It looks like you have replaced this image with your own custom image.

In order to do this correctly, you will need to slice the image correctly. If you look at this image:

siteassistpro_images/topNavigation_bg.jpg

you could see that at the right side, you will need to have the shadow included as part of the image.


another way you could do this is by putting back the default image, and then adding the img inside the <div id="header><img src="yourimage" /></div>

Dani wrote: "...you could see that at the right side, you will need to have the shadow included as part of the image." I have not the slightest idea as to what you are talking about here. What shadow? and where can I locate it?


I am not quite convinced with your suggested solution. I will try it out and let you know what I find out later this evening.

Of course you should expect people to replace the default image with their custom made images as they find appropriate. Doing this should not screw up the template design.

The point here is about the symmetry of the template layout. That is really the issue here. Even when the default image was not replaced -- the resulting pages built using the template were not symmetrical, i.e, the edges did not line up they were out of synch.


Many thanks,

Michael

I ran a quick a test and you can see from the screen shot that the pages were created symmetrical.

I do agree with you in that replacing the header the image should not effect how the template is displayed, and that is the case for most of our templates, but some of them requires that the header image to be sliced in a way to get the result we are looking for.

After you add the image to your header div, you might have to adjust the padding and height on the header class as well to position the image correctly.

Dani -- you have NOT offered any resolution. You have only circled the wagon. I need answers and not speeches. If you do not have an answer, that is fine, but don't lead me in an endless circle. The bottom line here, this software is not working like I expected it to work.

If you can not fix the issue -- discuss it with other people in your group or escalate so that the software is fixed and put to good use as intended.


Many thanks,

Michael

I'm not trying to give any speeches, but i just wanted to inform you of the results i got after i did some testing.

To fix the issue you are having:
- replace the background image to the default image:
in home.css change
background-image:url(../siteassistpro_images/Logo1.jpg);
to
background-image: url("../siteassistpro_images/header_bg.jpg");

I attached header_bg.jpg

- and then add your image as an <img src="yourimage.jpg"> in the header div.

Let me know if you are still having the problem.