onmouseover lettertype kleur veranderen

Status
Niet open voor verdere reacties.
B

boltc

Banned
Lid geworden
6 jun 2005
Berichten
221
hallo,

ik heb een menutje en als ik met mijn muis over een velt van de tabel ga veranderd hij de achtergrond kleur, maar het lukt mij niet om ook de text kleur te veranderen..
hier een stuk van de code:
HTML: 
                     <tr onmouseover="this.style.backgroundColor='#4b4b4b';" onmouseout="this.style.backgroundColor='';">
									<td valign="bottom">
									&nbsp;</td>
									<td width="16" valign="bottom"><li style="color: #FFFFFF;"></td>
									<td width="112" valign="bottom">
									<b>
									<font face="Tahoma" size="2">
									<a target="_parent" href="index.htm">
									<span style="text-decoration: none">Home</span></a></font></b></td></tr>

hij moet de kleur van het puntje (li) en van home veranderen.. hoe kan ik dit oplossen?

bvd

groetjes bo
 
Laatst bewerkt:
uuh:confused: hij doet een beetje raar

edit: html tags vergeten:)
 
Zoiets ?

HTML: 
<body link="#0000FF" vlink="#FFFF00" alink="#FF0000">

<tr onmouseover=\"this.style.backgroundColor='#4b4b4b';\" onmouseout=\"this.style.backgroundColor='';\">
									<td valign=\"bottom\">
									 </td>
									<td width=\"16\" valign=\"bottom\"><li style=\"color: #FFFFFF;\"></td>
									<td width=\"112\" valign=\"bottom\">
									<b>
									<font face=\"Tahoma\" size=\"2\">
									<a target=\"_parent\" href=\"index.htm\">
									<span style=\"text-decoration: none\">Home</span></a></font></b></td></tr>
 
sorry ik was niet helemaal duidelijk, hij moet de kleur veranderen als je met je muis over die cel van de tabel gaat..
 
PHP: 
<style type="text/css">
.on
{color:#ffff00;
background-color:#f0c0c0;
}
.off
{color:#ff8000;
background-color:#e4e0c9;
}   </style>
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<table border="1" >
<tr onmouseover="this.className='on'" onmouseout="this.className='off'" >
									<td valign="bottom">
									 </td>
									<td width="16" valign="bottom"><li></td>
									<td width="112" valign="bottom">
									<b>
									<font face="Tahoma" size="2">
									<a target="_parent" href="index.htm">
									<span style="text-decoration: none">Home</span></a></font></b></td></tr>

</table>
 
dit werkt al een heel eind, de kleur van het puntje veranderd, alleen de kleur van de text home veranderd niet:confused:
 
ik heb het even veranderd.. dit werkt nu tot dat ik van de text een link ga maken:S kan iemand mij hieermee nog helpen?

PHP: 
<style type="text/css"> 

A:link{text-decoration: none; color:#FFFFFF;  }
A:visited{text-decoration: none; color:#FFFFFF; }
A:active{text-decoration: none; color:#FFFFFF; }


.on 
{color:#DC1D01; 
background-color:#FFFFFF;
} 
.off 
{color:#FFFFFF; 
background-color:#DC1D01; 
}   </style> 



</head>

<body text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

<table border="1" width="100%" id="table1" bgcolor="#DC1D01">
	<tr onmouseover="this.className='on'" onmouseout="this.className='off'" >
		<td align="center"><font><b><a href="index.htm">hallo</a></b></font></td>
	</tr>
	<tr onmouseover="this.className='on'" onmouseout="this.className='off'" >
		<td align="center"><font><b>ha</b></font></td>
	</tr>
	<tr onmouseover="this.className='on'" onmouseout="this.className='off'" >
		<td align="center"><font><b>ho</b></font></td>
	</tr>
</table>
 
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
	<head>
		<title>
			menu verkleur
		</title>
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<META name="description" content=" ">
		<META name="keywords" content="  ">
		<meta name="Author" content="Peter Vazed">
		<META name="robots" content="index, follow">
		<META name="revisit" content="7 days">
		<meta http-equiv="Content-Style-Type" content="text/css">
		
		
<style type="text/css">

      BODY {
       margin: 50px 0px 0px 100px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
}
.info{
border: dotted 3px #000000;
padding:10px;
}
</style>
		
<style type="text/css">
.on
{color:#ffff00;
background-color:#f0c0c0;
}
.off
{color:#ff8000;
background-color:#e4e0c9;
}   

a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #00FF00}  /* visited link */
a:hover {color: #ffff00}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */

a.eigen:link {color: #400040}     /* unvisited eigen link */
a.eigen:visited {color: #00FF00}  /* visited eigen  link */
a.eigen:hover {color: #ffffff}   /* mouse  eigen over link */
a.eigen:active {color: #00ffff}   /* selected  eigen link */
</style>
	</head>
	
	<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
		<table border="1" >
			<tr onmouseover="this.className='on'" onmouseout="this.className='off'" >
				<td valign="bottom">
				&nbsp;	 
				</td>
				<td width="16" valign="bottom">
					<li>
				</td>
				<td width="112" valign="bottom">
					<b>
						<font face="Tahoma" size="2">
							<a target="_parent" href="index.htm"><span style="text-decoration: none">Home</span></a>
						</font>
					</b><br>
Normale link
				</td>
			</tr>
			
		</table>
		<table border="1" >
			<tr onmouseover="this.className='on'" onmouseout="this.className='off'" >
				<td valign="bottom">
				&nbsp;	 
				</td>
				<td width="16" valign="bottom">
					<li>
				</td>
				<td width="112" valign="bottom">
					<b>
						<font face="Tahoma" size="2">
							<a target="_parent" href="index.htm" class="eigen"><span style="text-decoration: none">Home</span></a>
						</font>
					</b> <br>
Eigen link benoemd met class
				</td>
			</tr>
			
		</table>
	</body>
	
</html>

:cool:
 
thx, ik ga morgen even kijken hoe het werkt..

alvast bedankt:thumb:
 
dit werkt nu in zekere zin dat je de muis op de link moet houden.

Maar er blijft een probleem,

de achtergrond kleur van de cel veranderd als je met de muis op die cel van die tabel houd.
en de kleur van de text veranderd pas als je de muis ook op de text houd..

hij moet dus de kleur van de link verandere op het moment dat je met de muis over de cel van de tabel heen gaat en niet over de link zelf..

hoe kan ik dit nu weer oplossen?:eek:

groetjes bo
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan