LightNEasy Support Forum

maffe · 2010-07-25 08:43:49

Hello,

When i use an anchor link within a 'long page', the page is corrupted.
When i scroll to above, the upper part of the page and menu are gone.
And when i scroll downward, there is an empty page below my page...
Do i something wrong or??

Example: http://www.borduurkoning.nl/babyartikel … utpoppetje

maffe · 2010-07-30 06:39:10

I know where to look, but i do not have a solution yet.

We have the 'peacock template' and it has a stylesheet: style.css

The problem is this part:

#container {
width: 100%;
height: 100%;
overflow: hidden;
}

When i use firefox with with firebug addon and disable the line 'overflow: hidden;' then the page looks oke.
But when i change this in the stylesheet and upload it, we have still one of our issues.

Is there a nice work-arround for this sheet?
So what do i need to change to have a good anchor link in the page (see first message)

andyash · 2010-07-30 08:41:53

have you tried overflow:auto;

maffe · 2010-07-31 06:56:27

When i use 'overflow:auto' then i get 2 scrollbars.

Is there someone else with a good work-arround?
The overflow settings is not the only thing what need's to be done.

moonrakre · 2010-07-31 08:29:06

If you want to go to an anchor point such as #tutpoppetje you would normally set an anchor called #tutpoppetje e.g.

Code:

<a name="tutpoppetje">

which is done in FCKeditor using the anchor icon.

The anchors you are using are linking to divisions or comments because there is no anchor set for them, have you tried setting an anchor point?

You will then find that when you set up the link in FCKeditor you can choose a link type of "link to anchor in the text" and choose the anchor you have set.

Last edited by moonrakre (2010-07-31 08:37:23)

maffe · 2010-08-01 20:08:01

moonrakre wrote:
If you want to go to an anchor point such as #tutpoppetje you would normally set an anchor called #tutpoppetje e.g.
Code:
<a name="tutpoppetje">
which is done in FCKeditor using the anchor icon.

Correct, i know. First of all, i used an 'a href' and i had this issue.
Then someone told me, you have to do it with a 'div' ... that's why the div is now in the sourcecode.

Now i changed it back to 'a href'. Take al look now.

There are some other strange things in the style.css.
Look at #content:
margin:51px 0 -2000px;
padding:0 0 2040px;

Why so many pixels ???

moonrakre · 2010-08-03 14:07:25

I think you have it there:

margin:51px 0 -2000px;
padding:0 0 2040px;

I have now loaded Peacock and copied the contents of your page and I get the same error as you have while using the Peacock template, but not other templates. I changed the two lines above to:

Code:

margin: 51px 0 0px;
padding: 0 0 40px;

and it now seems to work OK.

I don't know why the designer moved the bottom of the class up way high with the margin and then padded it back down even further so there may be a knock on effect somewhere. However I suggest you try changing the style sheet as above and then thoroughly test the whole site.

Once you are happy it is worth posting the changes you made for Fernando to correct on the download and for others to see.

Thank you for highlighting the problem.

Hope this helps

maffe · 2010-08-03 17:47:33

moonrakre wrote:
I don't know why the designer moved the bottom of the class up way high with the margin and then padded it back down even further so there may be a knock on effect somewhere. However I suggest you try changing the style sheet as above and then thoroughly test the whole site.

Once you are happy it is worth posting the changes you made for Fernando to correct on the download and for others to see.

Thank you for highlighting the problem.

Hope this helps

Thank you!
I tested the site and only the login page is a half page
I will fix this when i have time... Or maybe you have a quick solution....
Now i can make the sitemap !

LightNEasy

Light, simple, practical

LightNEasy Support Forum

#1 2010-07-25 08:43:49

Link within a page not good working

#2 2010-07-30 06:39:10

Re: Link within a page not good working

#3 2010-07-30 08:41:53

Re: Link within a page not good working

#4 2010-07-31 06:56:27

Re: Link within a page not good working

#5 2010-07-31 08:29:06

Re: Link within a page not good working

Code:

#6 2010-08-01 20:08:01

Re: Link within a page not good working

moonrakre wrote:

Code:

#7 2010-08-03 14:07:25

Re: Link within a page not good working

Code:

#8 2010-08-03 17:47:33

Re: Link within a page not good working

moonrakre wrote:

Board footer