Hi,
Working on my first CSS website. Created an external .css file. Inserted link line into the site's pages, so that part of things works fine.
I've created nav buttons with the following code:
/#pc#/
a.button:link
{
font-size:12px;
font-weight:none;
text-decoration: none;
border-styleutset;
border-color:white;
border-width:5px;
background-color:navy;
width:"";
color:white;
}
/#epc/
The other 3 states are identical, with only a color change or two.
There are 2 things I'm wrestling with:
1. When a page is first loaded, it sometimes does not draw the button effect behind the text. This is random, sometimes affecting multiple buttons, sometimes only one, sometimes working properly.
The problem is cured only by visiting each of the pages being linked to.
2. If the browser's Back button is used, the borders of the button representing the page just visited are drawn approximately 10 times too large. In other words, you enter the site, click to visit the Contact page, then click the browser's Back button. The Contact button will now be enormous.
This issue is fixed by a simple click somewhere on the page, but...
The problems are the same on IE & NS, various versions of each, including the most recent.
Any help would be appreciated. TIAOK, so nobody replied to my post. Poor me. Wah!!
FYI for anyone who might have an interest:
My foot is in my mouth. On closer inspection, I found that one of my button border settings was set at 35px. Whoops... Once that was corrected, my problems disappeared. I hope.
One thing I did find out is that Netscape seems to ignore the border width setting, even if it is specified. The effect is actually what I am after anyway (it fits the button to the text), but it's info to be filed away for future reference.
Working on my first CSS website. Created an external .css file. Inserted link line into the site's pages, so that part of things works fine.
I've created nav buttons with the following code:
/#pc#/
a.button:link
{
font-size:12px;
font-weight:none;
text-decoration: none;
border-styleutset;
border-color:white;
border-width:5px;
background-color:navy;
width:"";
color:white;
}
/#epc/
The other 3 states are identical, with only a color change or two.
There are 2 things I'm wrestling with:
1. When a page is first loaded, it sometimes does not draw the button effect behind the text. This is random, sometimes affecting multiple buttons, sometimes only one, sometimes working properly.
The problem is cured only by visiting each of the pages being linked to.
2. If the browser's Back button is used, the borders of the button representing the page just visited are drawn approximately 10 times too large. In other words, you enter the site, click to visit the Contact page, then click the browser's Back button. The Contact button will now be enormous.
This issue is fixed by a simple click somewhere on the page, but...
The problems are the same on IE & NS, various versions of each, including the most recent.
Any help would be appreciated. TIAOK, so nobody replied to my post. Poor me. Wah!!
FYI for anyone who might have an interest:
My foot is in my mouth. On closer inspection, I found that one of my button border settings was set at 35px. Whoops... Once that was corrected, my problems disappeared. I hope.
One thing I did find out is that Netscape seems to ignore the border width setting, even if it is specified. The effect is actually what I am after anyway (it fits the button to the text), but it's info to be filed away for future reference.