Change of font color from IE to Safari and Mozilla

[francist]

The white fonts used on my Mac (IE) for the heading "profile, all galleries, edit galleries" and " vote for this gallery, comment on this gallery, etc..." becomes dark blue and difficult to read in Mozilla and Safari...
See gallery: http://www.pbase.com/francist/best_50

Anybody knows how to fix this ?

Thanks in advance

[altofran]

Hi,

Well, first, there's a a small typo in your style sheet, there is */ which is an illegal symbol (unknown) for the browser, just delete it and everything else will work. Here is a copy of your code:

*/
a, a:link,a:visited,a:active {
color: rgb(204, 204, 255);
text-decoration: none;
}

Well, that's been said, as I did it once with styles from WebDev, if you are interested, I updated your code so that it will work with both IExplorer and Mozilla, at least on a PC; I don't have a Mac to test with Safari. All you have to do is update your code by removing td from a.td.thumbnail and modify heights of the fields shown in my sample code below, you may use it as it is:

Code: Select all

a.thumbnail,
a.thumbnail:link,
a.thumbnail:visited,
a.thumbnail:active
{
   border: rgb(0, 0, 0) 1px solid;
   margin-bottom: -45px;
   padding-top: 5px;
   width: 182px;
   display: block;
   background: rgb(35, 35, 35);
   height: 200px;
}

a.thumbnail:hover
{
   border: rgb(95, 121, 216) 1px solid;
   margin-bottom: -45px;
   padding-top: 5px;
   width: 182px;
   display: block;
   background: rgb(32, 32, 32);
   height:200px;
}

td.thumbnail
{
   height: 220px;
}


[francist]

Hi,

Well, first, there's a a small typo in your style sheet, there is */ which is an illegal symbol (unknown) for the browser, just delete it and everything else will work. Here is a copy of your code:

*/
a, a:link,a:visited,a:active {
color: rgb(204, 204, 255);
text-decoration: none;
}

Well, that's been said, as I did it once with styles from WebDev, if you are interested, I updated your code so that it will work with both IExplorer and Mozilla, at least on a PC; I don't have a Mac to test with Safari. All you have to do is update your code by removing td from a.td.thumbnail and modify heights of the fields shown in my sample code below, you may use it as it is:

Code: Select all

a.thumbnail,
a.thumbnail:link,
a.thumbnail:visited,
a.thumbnail:active
{
   border: rgb(0, 0, 0) 1px solid;
   margin-bottom: -45px;
   padding-top: 5px;
   width: 182px;
   display: block;
   background: rgb(35, 35, 35);
   height: 200px;
}

a.thumbnail:hover
{
   border: rgb(95, 121, 216) 1px solid;
   margin-bottom: -45px;
   padding-top: 5px;
   width: 182px;
   display: block;
   background: rgb(32, 32, 32);
   height:200px;
}

td.thumbnail
{
   height: 220px;
}


Modified as recommended : Everything works fine now ( IE, Safari, Mozilla).
Many thanks to Nacef.
francis