/    Sign up×
Community /Pin to ProfileBookmark

Inserting popout menu in CSS page

Copy linkTweet thisAlerts:
Dec 31.2006

Good afternoon:

I have posted a number of threads concerning this subject without getting to the bottom of it but I would like to try again.

I have gone back to square one and started all over again with the original CSS page which works very well however when I attempted to insert the pop out menu I get three small symbols () at the top of the menu and I have tried everything I can think of to get rid of them without any luck.

I have spent a lot of time deleting and adding bits to the css layout, the menuv.txt and menuv.css file and still they are there.

The basic page that I working from can be seen by following this link:

[url]http://www.allaboutmarmaris.com/Templates/2c-hd-ft-fixed.shtml[/url]

This page is basically as it was when I downloaded it so I feel sure the problem is connected to attempt to add the menu using SSI.

Any help will be appreciated – including moving this thread if this is not the appropriate forum.

Thanks in advance and a Happy New Year to all.

Jack
The Magus

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@The_Old_SargeDec 31.2006 — First of all, your style sheet is "imported" and we cannot see it. We'd need to do that before we could make an attempt ...
Copy linkTweet thisAlerts:
@The_MagusauthorJan 01.2007 — Dear Old Sarge:

I am reluctant to post the whole lot but will do so if necessary. I don't know about other viewers but I find page after page of code posted in a thread off putting.

The three css files can be accessed using Firefox under "view" "External CSS".

If you would like me to post the css, please let me know.

I can assure you that any help will be appreciated as this is driving me up the wall - I will be spending the day messing with this cursed subject.

Cheers

Jack
Copy linkTweet thisAlerts:
@sticks464Jan 01.2007 — When I looked at your code I found <div id="bodyblock" align="right">

<div id="l-col" align="center">

[/QUOTE]
Delete the 
Copy linkTweet thisAlerts:
@richiebmanJan 01.2007 — The  you're getting may have something to do with the file or your text editor. When I was using the Homesite text editor, these characters used to appear at the top of some files I was editing. I never got to the bottom of it, but I think it had something to do with the file being saved with UNIX or DOS line endings. I now use PSPad which allows a lot more configuring of these settings and have never seen it again.

It also might have something to do with files that have been edited with Visual Studio. However this is all guess work I'm afraid.
Copy linkTweet thisAlerts:
@The_MagusauthorJan 01.2007 — Good evening:

Don't know what happened but the above referenced page is now working without the symbols - I just checked to make sure it was showing the problem before shutting down for the day and was very surprised as I don't know what I have done to solve the problem.

There is however now a problem with IE6 in that it now shows <![endif]--> instead of the symbols of which I was complaining.

I did not write the code originally but I did notice mention of utf-8 in the menuv.css file - that was there when I downloaded it. Do you think it would help to delete this reference.

Thanks for your comments and help.

Cheers

Jack
Copy linkTweet thisAlerts:
@kiwibritJan 01.2007 — First of all, your style sheet is "imported" and we cannot see it. We'd need to do that before we could make an attempt ...[/QUOTE]

You can see it using the web authoring tool with Firefox.

The page linked in the opening post [url=http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.allaboutmarmaris.com%2FTemplates%2F2c-hd-ft-fixed.shtml]fails validation[/url].

There is however now a problem with IE6 in that it now shows <![endif]--> instead of the symbols of which I was complaining.[/quote]

If that is meant as an HTML comment it should be written

[code=html]<!-- [endif] -->[/code]

See [url=http://www.htmlhelp.com/reference/wilbur/misc/comment.html]this WDG page[/url].
Copy linkTweet thisAlerts:
@ryanbutlerJan 02.2007 — It's not an HTML comment, its a conditional comment tag, which is proprietary

code which is only seen and read by Microsoft Internet Explorer. With that said, it is written correctly, but not placed correctly inside the document hierarchy, move this:

[CODE]<!--[if IE]>
<style type="text/css" media="screen">
body{
behavior:url(../CSS_Folder/csshover.htc);}
</style>
<![endif]-->[/CODE]

Inside the opening and closing <head> tags. Plus, what is behavior? I didn't know the body element had a property which defined behavior.
Copy linkTweet thisAlerts:
@The_MagusauthorJan 02.2007 — Good Morning:

Thanks very much for the comments above. I tried various solutions including putting

<!--[if IE]> etc into the head element without solving the problem and ended up wondering if this code should really be in a text file so when back to the original downloaded material and had a poke around.

Don't know exactly what gave me the bright idea of changing the inserted file from text to htm. I don't even remember where I got the idea of using a text file to contain the menu but seem to remember it was a result of instructions when I was researching the use of SSI.

In any event by changing the menu file from txt to htm the menu now works correctly. I have used the original menu but will now change my menuv.txt file to menuv.htm which I am sure will work. It seems that I was mixing apples with oranges.

I have checked the page with Netscape, Opera, Firefox and IE6.

Now I can get on with cleaning up the rest of the page and get on with the project - only 1500 more pages to go.

Thank you all for your help. I know I will never be able to help you guys as you are too far ahead of me but maybe some day when you are not watching I will be able to others with simple problems.

Best wishes for the New Year.

Jack

The Magus
Copy linkTweet thisAlerts:
@kiwibritJan 02.2007 — It's not an HTML comment, its a conditional comment tag, which is proprietary

code which is only seen and read by Microsoft Internet Explorer...........[/QUOTE]
Doh! I use conditional statements a lot myself - for CSS. Must have been having a senior moment when I wrote my earlier note.
×

Success!

Help @The_Magus spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...