473,378 Members | 1,422 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,378 software developers and data experts.

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 5100
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.org/check?verbose=1&uri=http%3A//www.simi-therapy.com/>
<http://jigsaw.w3.org/css-validator/validator?profile=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...Explorer
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...Explorer
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...Explorer 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
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...
4
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....
6
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...
2
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
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...
1
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...
6
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...
0
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...
7
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...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

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.