[SOLVED] hi, basic help

[chanfuterboy]

hi, i got the links in blue, but i want when mouse over it change color white

 

.cssmenu2 {width: 440px;}
.cssmenu {border: 0px solid #95CBCA; width: 400px; height:20px; background:url(back.jpg) repeat-x;}
.cssmenu a{
	/*border:1px solid #010407;display:block;*/
float:left;
display:block;
padding-top:4px;
padding-left:4px;
text-align:center;
margin-left:10px;
text-decoration:none;
color:#95CBCA;
font-weight:bold;
}

 

 

pls help me

 

[chriscloyd]

.cssmenu2 {width: 440px;}
.cssmenu {border: 0px solid #95CBCA; width: 400px; height:20px; background:url(back.jpg) repeat-x;}
.cssmenu a{
      /*border:1px solid #010407;display:block;*/
   float:left;
   display:block;
   padding-top:4px;
   padding-left:4px;
   text-align:center;
   margin-left:10px;
   text-decoration:none;
   color:#95CBCA;
   font-weight:bold;
}
.cssmenu a:hover{
      /*border:1px solid #010407;display:block;*/
   float:left;
   display:block;
   padding-top:4px;
   padding-left:4px;
   text-align:center;
   margin-left:10px;
   text-decoration:none;
   color:#95CBCA;
   font-weight:bold;
   background-color:#FFFFFF;
}

[chanfuterboy]

hi,

 

now in the html page self i need to use same <td class="cssmenu2">  or i have to user 1 more thing, because it does not work, it still show the links in blue

[chriscloyd]

can u show me the html code really quick for the links

for example you can do this depending where ur link is

 

<div id="menu"><a href="#">Link Here</a></div>

 

css

 

#menu a {

    background-color:blue;

    display:block;

    padding:5px;

}

#menu a:hover {

    background-color:white;

    display:block;

    padding:5px;

}

[chanfuterboy]

hi it is so

 

<table class="cssmenu" align="center" cellspacing="0" cellpadding="0">
<tr>

		<td class="cssmenu">

<a href='profile.php' target='mFrame'>Profile</a>
<a href='pvt_msg.php' target='mFrame'>Prive Msg</a>
<a href='invites.php' target='mFrame'>Add Friends</a>
<a href='album_iupload.php' target='mFrame'>Album</a>
<a href='logout.php' >Logout</a>

[haku]

this:

 

.cssmenu a{
      /*border:1px solid #010407;display:block;*/
   float:left;
   display:block;
   padding-top:4px;
   padding-left:4px;
   text-align:center;
   margin-left:10px;
   text-decoration:none;
   color:#95CBCA;
   font-weight:bold;
}
.cssmenu a:hover{
      /*border:1px solid #010407;display:block;*/
   float:left;
   display:block;
   padding-top:4px;
   padding-left:4px;
   text-align:center;
   margin-left:10px;
   text-decoration:none;
   color:#95CBCA;
   font-weight:bold;
   background-color:#FFFFFF;
}

 

Can be this:

 

.cssmenu a{
      /*border:1px solid #010407;display:block;*/
   float:left;
   display:block;
   padding-top:4px;
   padding-left:4px;
   text-align:center;
   margin-left:10px;
   text-decoration:none;
   color:#95CBCA;
   font-weight:bold;
}
.cssmenu a:hover{
   background-color:#FFFFFF;
}

 

And this:

#menu a {
     background-color:blue;
     display:block;
     padding:5px;
}
#menu a:hover {
     background-color:white;
     display:block;
     padding:5px;
}

 

Can be this:

 

#menu a {
     background-color:blue;
     display:block;
     padding:5px;
}
#menu a:hover {
     background-color:white;
}

 

Only declarations that change or are added need to be declared in the hover state.

 

As to the original question:

 

.cssmenu a:hover
{
  color:blue;
}

[TheFilmGod]

.cssmenu2 {width: 440px;}
.cssmenu {border: 0px solid #95CBCA; width: 400px; height:20px; background:url(back.jpg) repeat-x;}
.cssmenu a{
      /*border:1px solid #010407;display:block;*/
   float:left;
   display:block;
   padding-top:4px;
   padding-left:4px;
   text-align:center;
   margin-left:10px;
   text-decoration:none;
   color:#95CBCA;
   font-weight:bold;
}
.cssmenu a:hover {
   color: #fff;
}

[chanfuterboy]

i use the first code, it make the background white, but i was wonder the change color of the text self not the background beside it does not work in IE 8 browser

[TheFilmGod]

.cssmenu2 {width: 440px;}
.cssmenu {border: 0px solid #95CBCA; width: 400px; height:20px; background:url(back.jpg) repeat-x;}
.cssmenu a{
      /*border:1px solid #010407;display:block;*/
   float:left;
   display:block;
   padding-top:4px;
   padding-left:4px;
   text-align:center;
   margin-left:10px;
   text-decoration:none;
   color:#95CBCA;
   font-weight:bold;
}
.cssmenu a:hover {
   color: #fff;
}

 

What do you expect me to do? I gave you the code that will make the TEXT (itself) change to white -> #fff. Do you want me to edit the css file for you too? I can't spoon feed you! So try my code out. 

[chanfuterboy]

hi,

 

sorry was watching the first code above, my apoligize