Hello pccoach, hello

Brutal — Wed, 22 Apr 2009 10:55:13 +0000

Hello pccoach, hello guys.
*confusing*
What is going on with navigation in http://soundsidehealthcare.com/SSHC/?

decibel.places wrote: funny

greg — Tue, 21 Apr 2009 00:08:27 +0000

decibel.places wrote:

funny how two developers will take different approaches

I think that is quite often true!

Clearing floats when required should always be done though. Floats can often return different results between the different browsers, more so if you don't clear them where you meant to.

I.E. If you didn't intend for the left nav menu to be floated next to the top nav menu (which is just before the left nav and is also floated left) then you should clear it's float property.
Even if without clearing it works fine, if nothing else it's good practice. And should make it future proof for any changes browsers make to handling of floats.

funny how two developers

decibel.places — Mon, 20 Apr 2009 21:19:18 +0000

funny how two developers will take different approaches

the left sidebar was actually displaced by the menu: fix the menu and it is more manageable.

@pccoach - maybe you should start over with a workable and tested cross-browser menu - there are some good ones at Dynamic Drive

HI and Welcome to TWF!

decibel.places — Mon, 20 Apr 2009 20:49:31 +0000

HI and Welcome to TWF!

cross-browser css is fun, isn't it?

some pointers:

do not use HTML comments  inside <style></style> tags

do not use quotes for the @import stylesheet url @import url(css/sshc.css);

that fixes some problems right away...

I also added these styles that help with some of the problems, but I got bored and I usually earn good money for this kind of work...

ul {display: inline;}

ul li {
width:140px;
padding: -5px 0;
}

ul li a{
z-index: 100;
}

#outerWrapper #topNavigation a, a:link {
z-index: 100;
}

#outerWrapper #contentWrapper #leftColumn1 {width: 170px}

p.search {position: relative; margin-bottom: 0px}

Hi welcome to TWF I fixed

greg — Mon, 20 Apr 2009 20:41:00 +0000

Hi welcome to TWF

I fixed the link on your post, you just use the links here the same as normal HTML
<a href="http:/link">link text</a>

Your top navigation menu is floated left to allow for all the links to be along a horizontal.
So it looks to me like you need to clear that left float after the top nav menu code as the second (left nav menu) is trying to float next to the top nav menu:
So after this:
<div id="topNavigation"></div>
Have this:
<div style="clear: left;"></div>
That sorts the left menu.

The top menu in my Firefox also needs sorting.
You are define things more than once and sometimes this is conflicting with another.

For example you have:

ul li a{
background-color: #ebebeb;
}

But then also

ul li ul li a {
background-color:#EBEBEB;
font-family:Arial Narrow;
text-decoration:none;
}
ul li ul li a:hover {
background-color:#FFCCFF;
font-family:Arial Narrow;
text-decoration:none;
}
ul li a:hover {
background-color:#EBEBEB;
font-family:Arial Narrow;
}

The top nav menu really needs a good sorting out.