Foros del Web » Creando para Internet » CSS »

Div superpuesto a tablas

Estas en el tema de Div superpuesto a tablas en el foro de CSS en Foros del Web. Buenas tengo un problema, quiero que un div salga superpuesto a las tablas, ya que este div muestra los registros que contiene una bd segun ...
  #1 (permalink)  
Antiguo 15/04/2009, 10:49
 
Fecha de Ingreso: marzo-2006
Mensajes: 230
Antigüedad: 11 años, 8 meses
Puntos: 2
Div superpuesto a tablas

Buenas tengo un problema, quiero que un div salga superpuesto a las tablas, ya que este div muestra los registros que contiene una bd segun voy escribiendo(tipo Google Suggest)en un input text. Debajo de ese input tengo dos select y necesitaria que el div que me muestra dinamicamente los datos saliese por encima de las tablas cuando fuese visible sin moverme el ancho o el alto de las mismas.

Se entiende?Es que tampoco me he explicado muy bien yo creo..
  #2 (permalink)  
Antiguo 15/04/2009, 13:31
 
Fecha de Ingreso: julio-2007
Mensajes: 62
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: Div superpuesto a tablas

La solucion es que a ese div le des un z-index mayor que al resto de elementos, ejemplo:
Código PHP:
tableinput {
     
z-index1;
}

div {
     
z-index2;

  #3 (permalink)  
Antiguo 16/04/2009, 02:54
 
Fecha de Ingreso: marzo-2006
Mensajes: 230
Antigüedad: 11 años, 8 meses
Puntos: 2
Respuesta: Div superpuesto a tablas

La primera imagen es lo que hace sin tablas y sin na es decir la prueba


Aqui esta donde realmente lo quiero implantar y encima de que celdas quiero que vaya...


y aqui el codigo:
Código HTML:
<table border="1" width="98%" bordercolor="#000000" cellpadding="2" cellspacing="2" style="z-index:1">
	<tr>
	<td width="20" class="celda_icono" align="center">
	<img border="0" src="icos/informes_32.jpg" width="20" height="20">
	</td>
	<td width="140" class="celda_cabecera" align="left" valign="middle">

	Selecciona el Nº Expediente:
	</td>
	<td class="celda_contenido" align="left" valign="middle">
			<input type="text" class="input1" style="z-index:1"requerido="true" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
					<!--</select>-->
	<div class="suggestionsBox" id="suggestions" style="height:200px;overflow:auto;display: none;z-index:2">
				<img src="upArrow.png" style="position: relative; top: -12px; left: 30px;z-index:2" alt="upArrow" />
				<div class="suggestionList" id="autoSuggestionsList">
					&nbsp;

				</div>
			</div>
	</td>
	
	</tr>
	<tr>
	<td width="20" class="celda_icono" align="center">
	<img border="0" src="icos/informes_32.jpg" width="20" height="20">
	</td>
	<td width="140" class="celda_cabecera" align="left" valign="middle">

	Tipo de informe:
	</td>
	<td class="celda_contenido" align="left" valign="middle">
	<select name="TipoInforme" class="input1">
	<option value="Completo" selected>Completo</option>
	<option value="Pendiente">Documentación Pendiente</option>
	</select>
	</td>

	</tr>
	</table> 
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:39.