navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Link color question

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Link color question
Page: [1]
 
rage2001

 

Posts: 124
Joined: 1/12/2005
Status: offline

 
Link color question - 10/17/2006 13:13:14   
Notice when you go to the bage below and hover the menu items(top layer), the font stays white. As soon as you move down the menu to the othet items, the main menui item turns burgandy color. I want this to stay white... Can someone help. After I figure this out, I need to change the colors of the menus.

http://www.swgc.mun.ca/iasc2007/index.asp
rdouglass

 

Posts: 9265
From: Biddeford, ME USA
Status: offline

 
RE: Link color question - 10/17/2006 13:38:24   
Check your CSS for the .visited section of the stuff for your menu.. As in:

a:link, a:visited,....

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to rage2001)
rage2001

 

Posts: 124
Joined: 1/12/2005
Status: offline

 
RE: Link color question - 10/17/2006 13:53:36   
Sorry, I should have stated. I want other links throughout the pages, to go to burgandy... just not these links...

(in reply to rdouglass)
rdouglass

 

Posts: 9265
From: Biddeford, ME USA
Status: offline

 
RE: Link color question - 10/17/2006 14:14:13   
it would be in your external CSS but you'd look for that same thing but under the class 'item2' as in:

#item2:link, #item2:visited


Do you have anything like that in your stylesheet style.css?

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to rage2001)
rage2001

 

Posts: 124
Joined: 1/12/2005
Status: offline

 
RE: Link color question - 10/17/2006 14:16:48   
this is by systle sheet


body { background-color: #F2F2F2; }
  
a:link { color: #98012E;
		 font-weight: bold;
         text-decoration: none; }
           
a:active { color: #98012E;
           text-decoration: none; }
             
a:visited { color: #98012E;
            text-decoration: none; }
              
a:hover { color: #336387;
          text-decoration: underline; }  
  
#mainTable { border-collapse: collapse;
 		     width: 751px;
  			 background-color: #FFFFFF;
  			 border-top: 1px solid #808080;
  			 border-bottom: 1px solid #808080;
  			 border-left: 1px solid #808080;
  			 border-right: 1px solid #808080; } 

.picCell { text-align: center;
  		   vertical-align: top;
  		   line-height: 70%;
  		   width: 225px;
  		   padding: 3.0em 10px 10px 10px; }

.mainCell { width: 525px;
  			vertical-align: top;
  			line-height: 140%;
            text-align: left;
  			font-family: Verdana;
            font-size: 77%;
            color: black;
  			padding: 10px 20px 10px 0px; }

.hosted { text-align: left;
   		  width: 751px;
  		  vertical-align: top;
  		  font-family: Verdana;
          font-size: 7pt;
          color: black;
		  border-top: 1px solid #808080;
  		  padding: 8px 0px 8px 10px; } 

#menu1 { border-collapse: collapse;
		 width: 752px;
		 background-color: #4D625B;
		 border-left: 1px solid #808080;
         border-right: 1px solid #808080;
		 border-top: 1px solid #808080;
         border-bottom: 1px solid #808080; }

.ddmx {
	color: #ffffff;
	text-align: center;
    font-family: Verdana, Arial, sans-serif;
   	font-weight: bold;
}
.ddmx .item1,
.ddmx .item1:visited,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	color: #ffffff;
	text-align: center;
    padding: 4px 0px 4px 0px;
    background: #4D625B;
    font-weight: bold;
	width: 150px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
	font-size: 80%;
}
.ddmx .item1 {
	color: #ffffff;
	background: #4D625B;
}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	color: #ffffff;
    background: #336387;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	color: #ffffff;
    text-align: left;
    padding: 4px 10px 4px 10px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
	font-size: 80%;
}
.ddmx .item2 {
	color: #ffffff;
    background: #17619E;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	color: #ffffff;
    background: #4D625B;
}
.ddmx .item2 img,
.ddmx .item2-active img{
	color: #ffffff;
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
	color: #ffffff;
    border: 1px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */


(in reply to rdouglass)
rdouglass

 

Posts: 9265
From: Biddeford, ME USA
Status: offline

 
RE: Link color question - 10/17/2006 21:25:41   
quote:

...
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
color: #ffffff;
....


I would try adding lines in there like this:

...
.ddmx .item2,
.ddmx .item2:link,
.ddmx .item2:visited,

.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
color: #ffffff;
...

as well as further down your CSS (where other 'item2' is). Does that make sense That's where I'd do it.


_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to rage2001)
jaybee

 

Posts: 14175
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Link color question - 10/18/2006 6:05:33   
Can I just say that the whole point of that is usability - to show which page you are currently on. A lot of people on here spend vast amounts of time trying to get that to happen, not trying to stop it. I would strongly advise you to keep it and just change the colours if you need to.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to rdouglass)
rage2001

 

Posts: 124
Joined: 1/12/2005
Status: offline

 
RE: Link color question - 10/18/2006 7:29:28   
Thanks rdouglas. Just needed to add the first one.

Steve

(in reply to rage2001)
rdouglass

 

Posts: 9265
From: Biddeford, ME USA
Status: offline

 
RE: Link color question - 10/18/2006 8:58:33   
quote:

the whole point of that is usability - to show which page you are currently on


Excellent point. And folks *are* usually trying to make menus work that way.

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to rage2001)
jaybee

 

Posts: 14175
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Link color question - 10/18/2006 9:32:22   
Hmmm seems usability is not required. Interesting given the site, I'd have thought that making it as user friendly as possible would be a priority.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to rdouglass)
rage2001

 

Posts: 124
Joined: 1/12/2005
Status: offline

 
RE: Link color question - 10/18/2006 9:34:13   
What do you mean jaybee?

(in reply to rage2001)
jaybee

 

Posts: 14175
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Link color question - 10/18/2006 9:57:54   
Well I can't see why you'd want to take that out. The site is supported by a College and is promoting a conference. Both of these areas you normally strive for usability.

I'm sure you have a good reason it just isn't obvious.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to rage2001)
rage2001

 

Posts: 124
Joined: 1/12/2005
Status: offline

 
RE: Link color question - 10/18/2006 10:02:33   
What am I taking out? I do not understand...

If you visit: http://www.swgc.mun.ca/iasc2007/ you will see the template. I havent taken out anything.... And it is usable, as far as I can see...

(in reply to jaybee)
jaybee

 

Posts: 14175
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Link color question - 10/18/2006 10:22:33   
Sorry, I read it that you wanted your burgundy links to stay white. Forgive me if I've got this completely AAF, I'm drugged up to the eyeballs for back pain. I think maybe I'll log off and lie down.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to rage2001)
rage2001

 

Posts: 124
Joined: 1/12/2005
Status: offline

 
RE: Link color question - 10/18/2006 10:23:52   
No problemo dude.

Cheers

(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Link color question
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts