Ver Mensaje Individual
  #12 (permalink)  
Antiguo 09/07/2009, 18:46
Avatar de deirdre
deirdre
 
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años
Puntos: 45
Respuesta: Autodesplazamiento dentro de <div>

Hola Martin2006

Creo que con esto puedes resolver el salto automático que necesitas:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="es" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Para Martin2006 (forosdelweb.com)</title>
<style type="text/css">
td {
	width: 175px;
}
.ancho {
	width: 175px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center
}
select {
	border: 1px solid #484848;
}
</style>
</head>

<body>
<p>Selección con scroll por marcadores</p>
<p>Probado en ie6, ie7, ie8, ff2, ff3 y opera 9.6</p>
<div style="width:532px; height:280px; overflow:auto; clear:both; text-align: center; margin: auto;">
<table border="0" style="border-collapse: collapse;">
	<tr>

		<td>
			<a name="cero"></a>
			<select name="subcategorias1" size="10" id="subcategorias1" class="ancho">
			<option value="0">Selección 1</option>
			<option value="1">Otra selección</option>
			<option value="2">Otra selección</option>
			</select>
		</td>

		<td>
			<a name="uno"></a>
			<select name="subcategorias2" size="10" id="subcategorias2" class="ancho">
			<option value="0">Selección 2</option>
			<option value="1">Otra selección</option>
			<option value="2">Otra selección</option>
			</select>
		</td>


		<td>
			<a name="dos"></a>
			<div onclick="location.href='#cuatro';" style="display: block;">
			<select size="10" name="subcategorias3" id="subcategorias3" class="ancho">
			<option value="0">Selección 3</option>
			<option value="1">Otra selección</option>
			<option value="2">Otra selección</option>
			</select>
			</div>
		</td>

		<td>
			<a name="tres"></a>
			<div onclick="location.href='#cinco';" style="display: block;">
			<select size="10" name="subcategorias4" id="subcategorias4" class="ancho">
			<option value="0">Selección 4</option>
			<option value="1">Otra selección</option>
			<option value="2">Otra selección</option>
			</select>
			</div>
		</td>

		<td>
			<a name="cuatro"></a>
			<select size="10" name="subcategorias5" id="subcategorias5" class="ancho">
			<option value="0">Selección 5</option>
			<option value="1">Otra selección</option>
			<option value="2">Otra selección</option>
			</select>
		</td>

		<td><p>&nbsp;</p><!--esta celda vacía es necesaria para albergar el marcador 5 -->
			<a name="cinco"></a>
		</td>

</tr>
</table>


</div>
</body>
</html> 
Comenta si es lo que buscas.

Bye

Última edición por deirdre; 09/07/2009 a las 20:17 Razón: Cambiar doctype para validar