473,795 Members | 3,231 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

CSS side menu and IE

I'm a rookie, and I guess I know just enough to be dangerous. I found a
great template website, openwebsign.org , and found an open source
template I really liked that even came in 2 versions. Spent 2 weeks
updating my website, put it up, **using the alternative** css sheet, and
pfft, IE 6.0 can't see the side menu items as hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like to
use is at http://www.simi-therapy.com/simitherapy-screen-alt.css . If
you use Firefox on the webpage, going to View/pagestyle/alternative will
show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah
Feb 5 '06 #1
6 5115
Deborah wrote:
I'm a rookie, and I guess I know just enough to be dangerous. I found a
great template website, openwebsign.org , and found an open source
template I really liked that even came in 2 versions. Spent 2 weeks
updating my website, put it up, **using the alternative** css sheet, and
pfft, IE 6.0 can't see the side menu items as hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like to
use is at http://www.simi-therapy.com/simitherapy-screen-alt.css . If
you use Firefox on the webpage, going to View/pagestyle/alternative will
show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah


It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine

Peter Mount
in**@petermount .au.com
Feb 5 '06 #2
Hi Peter

Thanks for replying. Yes, the one I have up is the less desirable
version, and it works. Take a look at this, though
http://www.simi-therapy.com/badstylesheet/
This one works in Firefox and Opera, not IE6. It uses the stylesheet at
www.simi-therapy.com/simitherapy-screen-alt.css

I can't figure out what the problem is. IE isn't seeing the hyperlinks;
it looks to me like it isn't seeing the sidebar at all.

Any help appreciated.

Thanks!
Peter Mount wrote:
Deborah wrote:
I'm a rookie, and I guess I know just enough to be dangerous. I found
a great template website, openwebsign.org , and found an open source
template I really liked that even came in 2 versions. Spent 2 weeks
updating my website, put it up, **using the alternative** css sheet,
and pfft, IE 6.0 can't see the side menu items as hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like to
use is at http://www.simi-therapy.com/simitherapy-screen-alt.css .
If you use Firefox on the webpage, going to View/pagestyle/alternative
will show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah

It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine

Peter Mount
in**@petermount .au.com

Feb 5 '06 #3
Peter Mount wrote:
Deborah wrote:
I'm a rookie, and I guess I know just enough to be dangerous. I
found a great template website, openwebsign.org , and found an open
source template I really liked that even came in 2 versions. Spent
2 weeks updating my website, put it up, **using the alternative**
css sheet, and pfft, IE 6.0 can't see the side menu items as
hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like
to use is at http://www.simi-therapy.com/simitherapy-screen-alt.css
. If you use Firefox on the webpage, going to
View/pagestyle/alternative will show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?


It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine


The menu works ok in IE for me as well. My only immediate criticism is
the miniscule font sizing.

body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 71%; /* Enables font size scaling in MSIE */
....

First, Verdana is too large a font.
http://www.xs4all.nl/~sbpoley/webmatters/verdana.html

Second, the body (and all regular content) font should be set at 100% so
as to respect your visitors' default size. If you think it looks too
large, set *your* default size (Deborah's) to something smaller. I had
to hit Control-Plus twice to be able to read your page. The 71% is less
than three-quarters of my preferred size.

Use larger percentages for <hx> elements of course, and maybe something
as small as 85% for legalese.

Additionally,
Please drop the use of: text-align: justify harder to read
Please drop the use of: font-size: 8.5pt;

You should also visit:
<http://validator.w3.or g/check?verbose=1 &uri=http%3A//www.simi-therapy.com/>
<http://jigsaw.w3.org/css-validator/validator?profi le=css2&warning =2&uri=http%3A//www.simi-therapy.com/>

--
-bts
-Warning: I brake for lawn deer
Feb 5 '06 #4
Hi Deborah

I had a look at it (http://www.simi-therapy.com/badstylesheet/) in IE6
and I see now that it does look bad as you say.

Look at this tutorial:

http://www.htmldog.com/articles/suckerfish/

I first found a tutorial on this at:

http://www.alistapart.com/articles/dropdowns/

An example of the vertical menu is at:

http://www.htmldog.com/articles/suck.../vertical.html
(Just remove the markup and other code for the second level of the menu
for what you want).

It's the tutorial I used to make the menu for my own business web site
(listed in my signature below).

Also, there is a free tool you can download for Internet Explorer called
"IEDocMon". It adds a DOM Inspector to Internet Explorer (just as
Firefox has a DOM Inspector). You can download it from:

http://www.cheztabor.com/IEDocMon/

Once you have IEDocMon installed you will find it under "View...Explore r
Bar" in the IE6 menu bar.

Another menu tutorial I have used is by Eric A Meyer in his book "More
Eric Meyer on CSS"

I hope this helps

Peter Mount
in**@petermount .au.com
http://www.petermount.au.com

Deborah wrote:
Hi Peter

Thanks for replying. Yes, the one I have up is the less desirable
version, and it works. Take a look at this, though
http://www.simi-therapy.com/badstylesheet/
This one works in Firefox and Opera, not IE6. It uses the stylesheet at
www.simi-therapy.com/simitherapy-screen-alt.css

I can't figure out what the problem is. IE isn't seeing the hyperlinks;
it looks to me like it isn't seeing the sidebar at all.

Any help appreciated.

Thanks!
Peter Mount wrote:
Deborah wrote:
I'm a rookie, and I guess I know just enough to be dangerous. I
found a great template website, openwebsign.org , and found an open
source template I really liked that even came in 2 versions. Spent 2
weeks updating my website, put it up, **using the alternative** css
sheet, and pfft, IE 6.0 can't see the side menu items as hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like
to use is at http://www.simi-therapy.com/simitherapy-screen-alt.css
. If you use Firefox on the webpage, going to
View/pagestyle/alternative will show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah


It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine

Peter Mount
in**@petermount .au.com

Feb 6 '06 #5
Actually, I think I used a different menu tutorial on:

http://www.alistapart.com

for my business web site as it had some code for highlighting the part
of the menu that corresponds with the current page. The suckefish one is
still good plus there are also menu tutorials at:

http://www.24ways.org/

This site is good as it has tutorials from professional web developers.

Have fun

Peter Mount
in**@petermount .au.com
http://www.petermount.au.com

Peter Mount wrote:
Hi Deborah

I had a look at it (http://www.simi-therapy.com/badstylesheet/) in IE6
and I see now that it does look bad as you say.

Look at this tutorial:

http://www.htmldog.com/articles/suckerfish/

I first found a tutorial on this at:

http://www.alistapart.com/articles/dropdowns/

An example of the vertical menu is at:

http://www.htmldog.com/articles/suck.../vertical.html
(Just remove the markup and other code for the second level of the menu
for what you want).

It's the tutorial I used to make the menu for my own business web site
(listed in my signature below).

Also, there is a free tool you can download for Internet Explorer called
"IEDocMon". It adds a DOM Inspector to Internet Explorer (just as
Firefox has a DOM Inspector). You can download it from:

http://www.cheztabor.com/IEDocMon/

Once you have IEDocMon installed you will find it under "View...Explore r
Bar" in the IE6 menu bar.

Another menu tutorial I have used is by Eric A Meyer in his book "More
Eric Meyer on CSS"

I hope this helps

Peter Mount
in**@petermount .au.com
http://www.petermount.au.com

Deborah wrote:
Hi Peter

Thanks for replying. Yes, the one I have up is the less desirable
version, and it works. Take a look at this, though
http://www.simi-therapy.com/badstylesheet/
This one works in Firefox and Opera, not IE6. It uses the stylesheet at
www.simi-therapy.com/simitherapy-screen-alt.css

I can't figure out what the problem is. IE isn't seeing the
hyperlinks; it looks to me like it isn't seeing the sidebar at all.

Any help appreciated.

Thanks!
Peter Mount wrote:
Deborah wrote:

I'm a rookie, and I guess I know just enough to be dangerous. I
found a great template website, openwebsign.org , and found an open
source template I really liked that even came in 2 versions. Spent
2 weeks updating my website, put it up, **using the alternative**
css sheet, and pfft, IE 6.0 can't see the side menu items as
hyperlinks.

Right now it's up as www.simi-therapy.com . The CSS sheet I'd like
to use is at http://www.simi-therapy.com/simitherapy-screen-alt.css
. If you use Firefox on the webpage, going to
View/pagestyle/alternative will show you the look I prefer.

Can anyone see what's wrong with the alternative stylesheet?

Thanks

Deborah


It can in my version of IE. I'm using IE6 SP2 at the moment to see it
and the menu seems to work fine

Peter Mount
in**@petermount .au.com

Feb 6 '06 #6
Thanks for all the good suggestions. On the openwebsign forum, where I
got the template in the first place, someone sent me to
http://www.positioniseverything.net/explorer.html , which I intend to
study. Then he suggested this

#side-bar ul, ol, dl {
position: relative;
}

which solved the whole thing.

This is what I so appreciate about all these forums. I'm a rank
amateur, knowing just enough to play with my own web pages, and solve
90% of my own problems. But that last 10% is generally beyond my level
of knowledge, and these groups are so generous with their help

Thanks again,

Deborah

Peter Mount wrote:
Actually, I think I used a different menu tutorial on:

http://www.alistapart.com

for my business web site as it had some code for highlighting the part
of the menu that corresponds with the current page. The suckefish one is
still good plus there are also menu tutorials at:

http://www.24ways.org/

This site is good as it has tutorials from professional web developers.

Have fun

Peter Mount
in**@petermount .au.com
http://www.petermount.au.com

Peter Mount wrote:
Hi Deborah

I had a look at it (http://www.simi-therapy.com/badstylesheet/) in IE6
and I see now that it does look bad as you say.

Look at this tutorial:

http://www.htmldog.com/articles/suckerfish/

I first found a tutorial on this at:

http://www.alistapart.com/articles/dropdowns/

An example of the vertical menu is at:

http://www.htmldog.com/articles/suck.../vertical.html

(Just remove the markup and other code for the second level of the
menu for what you want).

It's the tutorial I used to make the menu for my own business web site
(listed in my signature below).

Also, there is a free tool you can download for Internet Explorer
called "IEDocMon". It adds a DOM Inspector to Internet Explorer (just
as Firefox has a DOM Inspector). You can download it from:

http://www.cheztabor.com/IEDocMon/

Once you have IEDocMon installed you will find it under
"View...Explore r Bar" in the IE6 menu bar.

Another menu tutorial I have used is by Eric A Meyer in his book "More
Eric Meyer on CSS"

I hope this helps

Peter Mount
in**@petermount .au.com
http://www.petermount.au.com

Deborah wrote:
Hi Peter

Thanks for replying. Yes, the one I have up is the less desirable
version, and it works. Take a look at this, though
http://www.simi-therapy.com/badstylesheet/
This one works in Firefox and Opera, not IE6. It uses the stylesheet at
www.simi-therapy.com/simitherapy-screen-alt.css

I can't figure out what the problem is. IE isn't seeing the
hyperlinks; it looks to me like it isn't seeing the sidebar at all.

Any help appreciated.

Thanks!
Peter Mount wrote:

Deborah wrote:

> I'm a rookie, and I guess I know just enough to be dangerous. I
> found a great template website, openwebsign.org , and found an open
> source template I really liked that even came in 2 versions. Spent
> 2 weeks updating my website, put it up, **using the alternative**
> css sheet, and pfft, IE 6.0 can't see the side menu items as
> hyperlinks.
>
> Right now it's up as www.simi-therapy.com . The CSS sheet I'd like
> to use is at
> http://www.simi-therapy.com/simitherapy-screen-alt.css . If you
> use Firefox on the webpage, going to View/pagestyle/alternative
> will show you the look I prefer.
>
> Can anyone see what's wrong with the alternative stylesheet?
>
> Thanks
>
> Deborah

It can in my version of IE. I'm using IE6 SP2 at the moment to see
it and the menu seems to work fine

Peter Mount
in**@petermount .au.com

Feb 7 '06 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

9
4581
by: Preston Crawford | last post by:
I know this is probably a dumb question so please be patient with me. I've been doing HTML since 1994, but mostly for projects that had to be as completely compatible as possible and mostly existing projects. So that meant dealing with the traditional table layouts (i.e. using tables for the entire structure of a page). I'm just not getting to use DIVs solely for the layout of a page. The one problem I'm having is that I'm trying to setup...
4
9189
by: Simon Birch | last post by:
Hi, I hope someone can help with this, it is driving me bonkers. After reading the Suckerfish Dropdown article on A List Apart, I decided to try and create a side menu based on the code I'd seen. Note that this is an experiment and I'm only trying to get it to work in Firebird 0.7 at the moment. Once it is working in Firebird, I'll look at adding any IE workarounds, starting with those in the Dropdown article. Here is the code I've got...
6
1449
by: Paul | last post by:
I use ASP and I need to know how to attaches an Iframe Id with its page so I can load menu options ( eg. 1.htm, 2.htm, 3.htm, ect...) into the Iframe from any given page on my website. The problem is for me that I cannot use _top because I am not always on the page that holds the Iframe in question ( page_iframe.htm ). that holds the Iframe ( Iframe001). I can load any given page into the iframe only when I am on ( page_frame.htm.) Now...
2
2004
by: VMI | last post by:
Usually, Windows context menus have menu items that go from top to bottom: Copy Paste Cut Process .... .... Is it possible to make a Context menu so that the menu items were
3
1693
by: Ohad Young | last post by:
Hi, I have a frameset page that contains two frames: 1. the first frame, an aspx page, contains a menu for navigating in the website. 2. the second frame contains content, pdf, html or other aspx files The problem is that the menu activates a server-side methods when the user clicks on one of the menu items. However, from the server side I cannot control in which frame the content will appears, it will always be in the menu frame...
1
1208
by: server side menu problem2 | last post by:
hi, in my site there r 2 frames: 1.menu frame 2.application display the menu is based on <A HREF=...> because I need to direct the pages to the application display frame.now I need to cuach a session before I redirect the page and <AHREF=...> is not build for that.I need un aspx control that has the property "target" so Icould redirect the page to the write fame. So, how can I control from a server side function the frame to display the...
6
2387
by: Dave | last post by:
Hello there. I'm interesting how do I create server side menu in ASP.NET, I was searching for some menus, but they are all done with DHTML or JavaScript, so I have some problems to use them. I want to be able program onClick and other events for each item of the menu, so I cant use client side menus created with DHTML or JavaScript. I'm new in ASP.NET, may be I'm doing something wrong? How do I create server side (horizontal) menu in...
0
1153
by: Mart | last post by:
How to create side menu bar in C++ Builder? I mean something like panels on left hand side in Opera Internet Browser (after F4 pressed) or in Acrobat Reader. Now I have created project with two frames - left one is about 20% width of the screen and contains menu, the other one adjusts its width automatically (property align:alRight) When menu frame is totally visible everything is okay. When I press an
7
1823
by: joecap5 | last post by:
I have a main window from which I want to open a separate side menu window. I then want to create a list of items on that side menu by clicking on the item names in the main window. So far I am able to click on "Open Menu" and have the side menu open. I can then click on Items and have them added to the side menu using the innerHTML method or the node method. The trouble comes in when I try to have the side menu opened automatically...
0
9672
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10435
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10213
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10163
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
6779
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5436
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
4113
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3721
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2920
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.