close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

SiteAssist Professional - not symmetrical

Thread began 9/21/2009 9:31 am by michaelf0199272 | Last modified 9/22/2009 3:12 pm by Dani Chankhour | 1629 views | 7 replies |

michaelf0199272

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.

Sign in to reply to this post

Dani Chankhour

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.

Sign in to reply to this post

michaelf0199272

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

Sign in to reply to this post

Dani Chankhour

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>

Sign in to reply to this post

michaelf0199272

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

Sign in to reply to this post

Dani Chankhour

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.

Sign in to reply to this post

michaelf0199272

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

Sign in to reply to this post

Dani Chankhour

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.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...