Adobe Community: Vertical spry menu positioned in wrong place in I.E8&9

Currently Being Moderated

1. Glynne Harrison,

Mar 30, 2012 4:58 PM in reply to Glynne Harrison

Report

Sorry, this doesnt affect the homepage as its only visible once visitors move within the site.

This link will show it more http://www.evestrust.co.uk/events.php

|

Mark as:

Currently Being Moderated

2. Ben Pleysier,

Mar 31, 2012 3:18 AM in reply to Glynne Harrison

Report

Before answering your question, I would love to know why you added the highlighted style rules to the following

ul.MenuBarVertical
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    cursor: default;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 272px;}

As a side remark, have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.evestrust .co.uk%2Fevents.php

Gramps

|

Mark as:

Currently Being Moderated

3. Glynne Harrison,

Mar 31, 2012 11:08 AM in reply to Ben Pleysier

Report

Hi Gramps

Thanks for looking at this

Iv been wary of bring this to a forum for fear of making any viewers to the site vomit but hey...am stuck and am a rookie.

Firstly i used the positioning of 272px so the menu sits where it does in chrome/mozilla etc. when viewed here you will see why. http://www.evestrust.co.uk/leftnav.php

The horzontal menu bar here http://www.evestrust.co.uk/topnav.php has a 186 positioning that sits it perfectly in chrome, mozilla and I.E9.

ul.MenuBarHorizontal

{

margin: 0;

padding: 0;

list-style-type: none;

font-size: 12%;

cursor: default;

width: 700px;

position: absolute;

top: 186px;

font-family: Arial, Helvetica, sans-serif;

Iv used the <?php include("example.php"); ?> to insert this navigation into the actual pages on the site. Iv also used the php include for the header, the footer and content boxes, so as to save myself time when updating the site i.e add/take away a link, i only have to do it once. am sure there is betters ways to do it and am hoping i can learn it as i go along....

And thanks for the link to all the errors....will be good for my education....

So what should i be doing regarding the vertical menu??

Glynne

|

Mark as:

Currently Being Moderated

4. Glynne Harrison,

Mar 31, 2012 11:32 AM in reply to Ben Pleysier

Report

You probably wont need this info but il put it in anyway d:)

Iv uploaded an events page without the php inserts http://www.evestrust.co.uk/eventsforgramps.php

All of these have various CSS stylesheet links within them...

<?php include("header.php"); ?> http://www.evestrust.co.uk/header.php

<?php include("header.php"); ?> http://www.evestrust.co.uk/topnav.php

<?php include("leftnav.php"); ?> http://www.evestrust.co.uk/leftnav.php

<?php include("friends add.php"); ?> http://www.evestrust.co.uk/friends%20add.php

<?php include("infobox.php"); ?> http://www.evestrust.co.uk/infobox.php

<?php include("footer.php"); ?> http://www.evestrust.co.uk/footer.php

Could this be the reason why there are so many errors on the other link you sent me?? i know theres a few regarding closing tags but the majority are linked stylesheets issues.

Could i be using the stylesheets inserted in the main content page to control how the inserted phps appear??

sorry for all the questions

Glynne

|

Mark as:

Currently Being Moderated

5. Glynne Harrison,

Mar 31, 2012 11:49 AM in reply to Ben Pleysier

Report

And from looking at the 187 errors am hope am right in saying that i can control the appearance of the php inserted pages, not by using stylesheets, but by using ccs within the pages themselves as well as losing the multiple head and body tags within the inserted pages???

I just know am not making sense lolol

Glynne

|

Mark as:

Currently Being Moderated

6. Ben Pleysier,

Mar 31, 2012 8:14 PM in reply to Glynne Harrison

Report

Your document is a mess and the caused problems are not related to Spry. They stem from the 'rookiness' (if that's a word) within you.

Having said that, please load http://www.evestrust.co.uk/events.php into Internet Explorer and

right click the page.
From the resulting dropdown menu, choose 'View Source' or similar.
You will now see the source code for your document.
Go to line 92 where you have opened the BODY tag
Then have a look what follows, an opening DIV tag, link to a JS file and a set of style rules, a link to the dropdown style sheet and a closing DIV tag on line 200. With the exception of the DIV tags, these lines should reside in the HEAD section of your document.
Line 253 shows an empty DIV element
Then we get a DIV element containing an empty table
In line 270 we open a table cell containing JS, CSS, links and a horizontal menubar followed by an empty DIV element
and so forth and so forth ....

Although I would love to help you, the number of errors go beyond the parameters of this forum.

On a more pleasant note, the basic style of your site is great and it deserves attention to the details as outlined above.

Please have a look here http://www.adobe.com/devnet/dreamweaver/css.html, in particular http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_l ayouts.html.

Gramps

|

Mark as:

Currently Being Moderated

7. Glynne Harrison,

Apr 1, 2012 1:59 AM in reply to Ben Pleysier

Report

Hi Gramps

Thanks for looking again.

As mentioned previously with the php inserts, this is where all the tags and ccs links have come from in the 'view source'. Having looked at all the individual <?php include("example.php"); ?> pages that knit together to make the page as a whole, each page has the body tags etc etc. If i corrected these it still leaves me with a vertical spry positioning problem in I.E????

Thanks

Glynne

|

Mark as:

Currently Being Moderated

8. Ben Pleysier,

Apr 1, 2012 4:41 AM in reply to Glynne Harrison

Report

As mentioned previously with the php inserts, this is where all the tags and ccs links have come from in the 'view source'. Having looked at all the individual <?php include("example.php"); ?> pages that knit together to make the page as a whole, each page has the body tags etc etc.

You will have to get rid of the the CSS and other irrelevant tags from the include files. The main thing is to have a correct main document.

If i corrected these it still leaves me with a vertical spry positioning problem in I.E????

In my first reply, I gave you the answer to that, being

ul.MenuBarVertical
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    cursor: default;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 272px;}

Just remove the highlighted part.

Gramps

|

Mark as:

Currently Being Moderated

9. Glynne Harrison,

Apr 1, 2012 9:00 AM in reply to Ben Pleysier

Report

Hi Gramps

Massive thank you for that. I did have a slight issue regarding other parts of the site where the vertical menu has less links where it was floating central to the box it was in but iv padded them out temporary while i work on the cleaning up.

Thanks again

Glynne

|

Mark as:

Spry Framework for Ajax (READ ONLY)

Vertical spry menu positioned in wrong place in I.E8&9

Mar 30, 2012 4:56 PM

More Like This

Bookmarked By (0)

Answers + Points = Status