 
			
				11/11/2008, 06:32
			
			
			     |  
      |    |    |    Fecha de Ingreso: noviembre-2008  
						Mensajes: 11
					  Antigüedad: 17 años Puntos: 1     |        |  
  |      Respuesta: Menú css en tabla con scroll        Código HTML   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
"http://www.w3.org/TR/html4/loose.dtd">  
<html> 
<head> 
<title>Tabla menú</title> 
<link rel="StyleSheet" href="ataa_es_web_pub/estilos/estilos.css" type="text/css"> 
</head> 
<script type="text/javascript" src="funciones.js"></script> 
	<link rel="stylesheet" media="all" type="text/css" href="ataa_es_web_pub/estilos/menu5.css" /> 
<body> 
<div id="principal">   
  <div style="overflow: scroll; overflow-x: hidden; height:100px; width:100%; z-index:999999999">   
                              	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="TablaContenidoCaja"> 
                                	<tr class="Pijama1" id="obj1"> 
                                    	<td width="20%" class="TextoTablaIzq"><span id="codReg0">XXXXXXXXX</span></td> 
                                        <td width="68%" class="TextoTablaIzq"><span id="desc0">XXXX</span></td> 
                                        <td class="TextoTablaCen"> 
										<ul class="menu5" style=" z-index:99999999;"> 
											<li class="news"><a class="drop" href="#nogo"><p align="right">Acciones  
											<img src="../ataa_es_web_pub/images/menuacciones.gif" /></p> 
												<table><tr><td> 
												<ul> 
													<li style="border-top:1px solid #98D1EA;"><a href="#" title="Modificar">Modificar</a></li> 
													<li><a href="#" title="Consultar">Consultar</a></li> 
													<li><a href="#" title="Eliminar">Eliminar</a></li> 
													<li><a href="#" title="Acción 4">Acción 4</a></li> 
													<li><a href="#" title="Acción 5">Acción 5</a></li> 
												</ul> 
												</td></tr></table></a>											</li> 
										</ul> 
										</td> 
                                    </tr> 
                                    <tr class="Pijama2" id="obj1"> 
                                    	<td width="20%" class="TextoTablaIzq"><span id="codReg1">XXXXXXXXX</span></td> 
                                        <td width="68%" class="TextoTablaIzq"> 
                                        	<span id="desc1">XXXX</span>                                         </td> 
                                         <td class="TextoTablaCen"> 
										 <ul class="menu5" style="z-index:99999998;"> 
											<li><a class="drop" href="#nogo"><p align="right">Acciones  
											<img src="../ataa_es_web_pub/images/menuacciones.gif" /></p> 
												<table><tr><td> 
												<ul> 
													<li style="border-top:1px solid #98D1EA;"><a href="#" title="Modificar">Modificar</a></li> 
													<li><a href="#" title="Consultar">Consultar</a></li> 
													<li><a href="#" title="Eliminar">Eliminar</a></li> 
													<li><a href="#" title="Acción 4">Acción 4</a></li> 
													<li><a href="#" title="Acción 5">Acción 5</a></li> 
												</ul> 
												</td></tr></table></a>											</li> 
										</ul> 
									    </td> 
                                    </tr> 
								<tr class="Pijama1" id="obj1"> 
                                    	<td width="20%" class="TextoTablaIzq"><span id="codReg0">XXXXXXXXX</span></td> 
                                        <td width="68%" class="TextoTablaIzq"><span id="desc0">XXXX</span></td> 
                                        <td class="TextoTablaCen"> 
										<ul class="menu5" style=" z-index:99999997;"> 
											<li class="news"><a class="drop" href="#nogo"><p align="right">Acciones  
											<img src="../ataa_es_web_pub/images/menuacciones.gif" /></p> 
												<table><tr><td> 
												<ul> 
													<li style="border-top:1px solid #98D1EA;"><a href="#" title="Modificar">Modificar</a></li> 
													<li><a href="#" title="Consultar">Consultar</a></li> 
													<li><a href="#" title="Eliminar">Eliminar</a></li> 
													<li><a href="#" title="Acción 4">Acción 4</a></li> 
													<li><a href="#" title="Acción 5">Acción 5</a></li> 
												</ul> 
												</td></tr></table></a>											</li> 
										</ul> 
										</td> 
                                    </tr> 
                                    <tr class="Pijama2" id="obj1"> 
                                    	<td width="20%" class="TextoTablaIzq"><span id="codReg1">XXXXXXXXX</span></td> 
                                        <td width="68%" class="TextoTablaIzq"> 
                                        	<span id="desc1">XXXX</span>                                         </td> 
                                         <td class="TextoTablaCen"> 
										 <ul class="menu5" style="z-index:99999996;"> 
											<li><a class="drop" href="#nogo"><p align="right">Acciones  
											<img src="../ataa_es_web_pub/images/menuacciones.gif" /></p> 
												<table><tr><td> 
												<ul> 
													<li style="border-top:1px solid #98D1EA;"><a href="#" title="Modificar">Modificar</a></li> 
													<li><a href="#" title="Consultar">Consultar</a></li> 
													<li><a href="#" title="Eliminar">Eliminar</a></li> 
													<li><a href="#" title="Acción 4">Acción 4</a></li> 
													<li><a href="#" title="Acción 5">Acción 5</a></li> 
												</ul> 
												</td></tr></table></a>											</li> 
										</ul> 
									    </td> 
                                    </tr> 
								<tr class="Pijama1" id="obj1"> 
                                    	<td width="20%" class="TextoTablaIzq"><span id="codReg0">XXXXXXXXX</span></td> 
                                        <td width="68%" class="TextoTablaIzq"><span id="desc0">XXXX</span></td> 
                                        <td class="TextoTablaCen"> 
										<ul class="menu5" style=" z-index:99999995;"> 
											<li class="news"><a class="drop" href="#nogo"><p align="right">Acciones  
											<img src="../ataa_es_web_pub/images/menuacciones.gif" /></p> 
												<table><tr><td> 
												<ul> 
													<li style="border-top:1px solid #98D1EA;"><a href="#" title="Modificar">Modificar</a></li> 
													<li><a href="#" title="Consultar">Consultar</a></li> 
													<li><a href="#" title="Eliminar">Eliminar</a></li> 
													<li><a href="#" title="Acción 4">Acción 4</a></li> 
													<li><a href="#" title="Acción 5">Acción 5</a></li> 
												</ul> 
												</td></tr></table></a>											</li> 
										</ul> 
										</td> 
                                    </tr>   
                                </table></div> 
</body> 
</html>           |