Autor Zpráva
Sourceout
Profil *
Udělal jsem si takto hover menu
.menu { 
  color: #D6C0CC;
  padding: 0;
  margin: 0; 
  list-style-type: none;
  display:block;
  }
  
.menu ul {
  margin-top: 0px; 
  text-align: left ; 
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
  
.menu li { 
  float: left; 
  background-color: #310D1B;   
  width: 125px; 
  line-height:28px; 
  white-space: nowrap; 
  margin-top: 0px; 
  margin: 0; 
  padding: 0;
  }
  
.menu li a:hover{   
  background-color: #230A14
 }
 
.menu a {
  text-align: center;
  padding: 0px;
  color: #D6C0CC;
  display: block; 
  text-decoration: none;
  font-size: 15px;
}
.menu ul a:link {  
  color: #D6C0CC; 
  border-bottom: none; 
  text-align: left; 
  padding-left: 10px;
  _padding-left: 14px;
  background-color: #46132B; 
  }
  
.menu ul a:visited {  
  color: #D6C0CC; 
  border-bottom: none; 
  text-align: left; 
  padding-left: 10px; 
  _padding-left: 14px;
  background-color: #46132B;
  }
  
.menu ul a:hover { 
  color: #D6C0CC; 
  background-color: #5A1733; 
  text-align: left;
  }
  
.menu li:hover ul, ul.menu li.hover ul {  
 visibility: visible;
 border: solid black;
 border-width:0px 1px 1px 1px;
 }
 
.menu li li { 
  float: none;
  border: none; 
  padding: 0;
  margin: 0;
  }

a takto hover efekt u obrázků, které jsou pod ním
#galerie a img{ 
  border: 0px;
  margin-right: 3px;
  vertical-align: text-top;
  filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
  }

#galerie a:hover img{ 
  border: 0px;
  margin-right: 3px;
  vertical-align: text-top;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
  }

A když najedu na menu myší, tak se normálně aktivuje hover, ale v místech kde se překrývá s obrázkem je jakoby podním a já bych rád, aby menu bylo vykresleno před obrázek a ne pod.
Ernie
Profil
Nastavte menu z-index:1.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0