nuoroda div'e su besikeičiančiu background'u

Kovo 13, 2009

Gal galėtų kas padėti tokiu klausimu.

Tarkim turiu div'ą, kuriame yra nuoroda. Div'o background'as užėjus ant jo kečiasi. Problema tame, kad tekstas pradžioje yra juodas, o užėjus ant nuorodos pasidaro baltas, tačiau tekstas turi pasidaryti baltas ne tik užėjus ant nuorodos, bet ir ant div'o. Žemiau pateikiu kodą. Kaip išspręsti šią problemą?

<html>

<head>
<title>New Page 2</title>
<style>
#meniu_bg {
	  background-color: #cccccc;
}
#meniu_bg:hover, #meniu_bg.mouseover {
	  background-color: #009900;
}
a.meniu {
	color: #000000;
}
a:hover.meniu {
	color: #ffffff;
}
</style>
</head>

<body>
<div id="meniu_bg" onmouseover="this.className='mouseover';" onmouseout="this.className='mouseout';"><a href="" class="meniu">Parduoda</a></div>
</body>

</html>

Kovo 13, 2009

Mėgink daryti taip:

<html>

<head>
<title>New Page 2</title>
<style>
#meniu_bg {
	  background-color: #cccccc;
	  color: #000000;
}
#meniu_bg:hover, #meniu_bg.mouseover {
	  background-color: #009900;
	  color: #ffffff;
}
a.meniu {
	color: #000000;
}
a:hover.meniu {
	color: #ffffff;
}
</style>
</head>

<body>
<div id="meniu_bg" onmouseover="this.className='mouseover';" onmouseout="this.className='mouseout';"><a href="" class="meniu">Parduoda</a></div>
</body>

</html>

Redagavo Kovo 13, 2009 Rimas.Z

Kovo 13, 2009

Ne, šitą jau mėginau, taip neveikia :)

Kovo 13, 2009

<style>
#meniu_bg { background-color: #cccccc; }
a.meniu { color:#000; }
#meniu_bg:hover, #meniu_bg.mouseover { background-color: #009900; }
#meniu_bg:hover a.meniu, #meniu_bg.mouseover a.meniu, a.meniu:hover { color:#fff; }
</style>

Kovo 13, 2009

<style>
#meniu_bg { background-color: #cccccc; }
a.meniu { color:#000; }
#meniu_bg:hover, #meniu_bg.mouseover { background-color: #009900; }
#meniu_bg:hover a.meniu, #meniu_bg.mouseover a.meniu, a.meniu:hover { color:#fff; }
</style>

Didelis dėkui :)

Prisijungti

nuoroda div'e su besikeičiančiu background'u

Rekomenduojami pranešimai

Danni 1

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Rimas.Z 9

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Danni 1

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Valuediz 41

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Danni 1

Nuoroda į pranešimą

Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Dabar naršo 0 narių

Prisijunk prie bendruomenės dabar!

Naujausios temos

Karštos temos

Veiklos srautas

Skelbimai