[css]Podświetlane menu

0

Mam taki kod menu, który po najechaniu myszą na link podświetla go:

<STYLE TYPE="text/css">
<!--
#menu p.link
{
 	  margin-top: 0px; 
	  margin-bottom: 0px;
	  text-indent: 20pt;
	  background: url(strzalka.gif) no-repeat;
	  width: 200px;		  
}

#menu p.link:HOVER
{
 	  margin-top: 0px; 
	  margin-bottom: 0px;
	  text-indent: 20pt;
	  background: #000000;
	  width: 200px;		  
}	
-->
</STYLE>

<div id="menu">
<P class="link">&nbsp;&nbsp;&nbsp;<A HREF="link1.html" >link1</A></P>

</div>

ale kod działa tylko na Mozilli 3.1. Na IE nie chce się podświetlać. Co mogę z tym zrobić??

0

Zrobiłem zamiast akapitu podświetlenie dla linku, w IE jest dobrze, tylko w Firefoxie link jest za mały - widać tylko ten kawałek obrazka, na którym jest tekst. Napisałem tak:

a.link {
	  background: url(strzalka.gif) no-repeat;
	  width:200px;
 }
 
a.link:HOVER {
 background: #000000;
 }
0

Dodaj zatem padding.

0

nie działa

0

Dla elementow nieblokowych szerokosc i wysokosc jest olewana. Sprobuj:

display: block;
width:200px;
float:left;

1 użytkowników online, w tym zalogowanych: 0, gości: 1