Blumentals Software Community

Posted: **Sun Apr 25, 2010 3:24 pm**

The font color of visited pages in the sub menu turns grey, I would like to have the visited pages in the sub menu a different color how can I acomplish that?

Everything else seems very editable and easy to use. I have attached a copy of the css for you.
Thank you
.ebul_cbinsmenu, .ebul_cbinsmenu ul {
background-color: #666666;
border: 3px solid #000000;
display: block;
font-size: 1px;
margin: 0px;
overflow: auto;
padding: 4px;
position: absolute;
visibility: hidden;
}

.ebul_cbinsmenu_shadow {
background-color: #777777;
display: block;
margin: 0px;
overflow: hidden;
position: absolute;
visibility: hidden;
}

.ebul_cbinsmenu table {
border-collapse: separate;
}

.ebul_cbinsmenu tr {
background-color: #333333;
cursor: pointer;
font-size: 1px;
}

.ebul_cbinsmenu td {
border: 1px solid #000000;
padding: 2px;
text-align: left;
}

.ebul_cbinsmenu td a {
color: #FFFFFF;
font-family: "Verdana", serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.ebul_cbinsmenu tr.hot, .ebul_cbinsmenu tr.expanded {
background-color: #333333;
}

.ebul_cbinsmenu tr.hot td, .ebul_cbinsmenu tr.expanded td {
border-color: #000000;
}
.ebul_cbinsmenu tr.hot a, .ebul_cbinsmenu tr.expanded a {
color: #00FFFF;
font-family: "Verdana", serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

ul.ebul_cbinsmenu {
position: absolute;
visibility: hidden;
}

Posted: **Thu Apr 29, 2010 11:37 pm**

Find this bit of code:

Code: Select all: .ebul_cbinsmenu td a { color: #FFFFFF; font-family: "Verdana", serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; }

Place this after it:

Code: Select all: .ebul_cbinsmenu td a:visited { color: #FFFFFF; /* change to whatever color you want */ }

This much of a change to the code worked in my tests. There's also the following bit of code:

Code: Select all: .ebul_cbinsmenu tr.hot a, .ebul_cbinsmenu tr.expanded a { color: #00FFFF; font-family: "Verdana", serif; font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; }

So you might try following it with something like this and see if it has any effect/use.

Code: Select all: .ebul_cbinsmenu tr.hot a:visited, .ebul_cbinsmenu tr.expanded a:visited { color: #00FFFF; /* change to whatever color */ }

Posted: **Fri Apr 30, 2010 10:27 am**

Thanks for the try, did not seem to make a difference
www.cosmeticsurgeryforums.com/pre_consult.htm
this page gives a good example, once a page has been visited the menu font turns gray?
Thanks

Posted: **Fri Apr 30, 2010 12:35 pm**

That only seems to be happening in IE and only because the page is displaying in quirks mode. Fix that by using a complete doctype like this:

Code: Select all: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Posted: **Fri Apr 30, 2010 5:52 pm**

Thank You 1,000,000 times, I don't know how I missed that, I added the snippet to the top of the page however it shows the code thru to the web page? I am reading up on doc types to find out why the code is showing. The one recommended is exactly what you posted? It is fine in firefox though.
Again many thanks
bb

Posted: **Sat May 01, 2010 5:50 pm**

Still grey in ie7 and ie8 changed the doc type to the <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> and the strict one, however no difference in ie.... Firefox, opera, chrome and safari are fine ???
Weird Huh?
Thanks for the assistance

Posted: **Sat May 01, 2010 8:22 pm**

I'm still seeing the old version of the page, so I can't see what's going on, but apparently you are still rendering in quirks mode. Make sure you don't have a blank line or any text above your doctype. It needs to be the very first line.

Posted: **Mon May 03, 2010 5:53 pm**

Tried to upload a couple pages with changes and nothing changed, however, if you are sure this will work I'll change all the pages and give it a try.
thank you

Posted: **Tue May 04, 2010 12:58 am**

You should at least change the doctypes for your pages so that they are complete. Then if the problem persist, we can see why, but having complete and valid doctypes always makes it easier to make pages look the same across multiple browsers, and avoids the headache of having to deal with IE's broken box model.

Blumentals Software Community

Sub Menu visited Color

Sub Menu visited Color

Re: Sub Menu visited Color

Re: Sub Menu visited Color

Re: Sub Menu visited Color

Re: Sub Menu visited Color

Re: Sub Menu visited Color

Re: Sub Menu visited Color

Re: Sub Menu visited Color

Re: Sub Menu visited Color