Jump to content
php.lv forumi

Līmeņi

freak

By freak
in CSS

 Share

Recommended Posts

freak Newbie

freak

Posted
Posted

Taisu dropdown izvelni. Uzzejot uz linka izsaucas javascripts , kas attiecigo DIV padara redzamu (apakshzivelni), bet problema ir tada, ka uz IE <Select> elements iet pari DIV layerim.

Divaini, ka tas taa ir tikai SELECT elementam taa un uz IE. x.jpg

 

Megjinaju z-index kautkaa nepalidz.

 

Ir kadam kads ieteikums?

freak Newbie

freak

Posted
  • Author
Posted
Kaut kas ar position varbūt, normālā gadījumā tā nenotiek. Rādi soursi.

 

Te bus source:

 

 

<html>

<head>

<style>

P

{padding-top: 0px;

margin: 0px;}

 

div.menuNormal

{display: none;

position: static;

}

 

div.menuHover

{border: 0px;

margin:0px;

padding:0px;

background-color: white;

position: absolute;}

 

table.menu

{

margin: 0px;

padding: 0px;

}

 

a.menuitem:link

{text-decoration: none;

color: black;

background-color: #DBE5EE;;

display: block;

padding-left:20px;

}

 

a.menuitem:visited

{text-decoration: none;

color: black;

background-color: #DBE5EE;;

display: block;

padding-left:20px;

}

 

a.menuitem:hover

{text-decoration: none;

color: white;

background-color: #2CAEEC;

display: block;

padding-left:20px;

}

 

a.menuitem:active

{text-decoration: none;

color: white;

background-color: #2CAEEC;

display: block;

padding-left:20px;

}

</style>

 

 

<script type="text/javascript" >

function expand(s)

{

var td = s;

var d = td.getElementsByTagName("div").item(0);

 

td.className = "menuHover";

d.className = "menuHover";

}

 

function collapse(s)

{

var td = s;

var d = td.getElementsByTagName("div").item(0);

 

td.className = "menuNormal";

d.className = "menuNormal";

}

</script>

 

</head>

 

<body>

<table width="800">

<tr>

<td width="160" onmouseover="expand(this);"

onmouseout="collapse(this);" >

<p class=px >Menu 1</p>

<div class="menuNormal" width="155">

<table class="menu" width="155" border="0" cellpadding="0" cellspacing="1">

<tr><td height=18>

<a href="page.htm" class="menuitem">Item 1</a>

</td></tr>

<tr><td height=18>

<a href="page.htm" class="menuitem">Item 2</a>

</td></tr>

<tr><td height=18>

<a href="page.htm" class="menuitem">Item 3</a>

</td></tr>

<tr><td height=18>

<a href="page.htm" class="menuitem">Item 4</a>

</td></tr>

</table>

</div>

</td>

 

</td>

</tr>

</table>

 

<br>

<select name=test>

<option name=sss>sdssads asdas dasdas a</option>

</select>

 

</body>

</html>

  • 2 weeks later...
 Share
Go to topic listing
×
×
  • Create New...