Foros del Web » Creando para Internet » HTML »

Problema con id en tr Firefox

Estas en el tema de Problema con id en tr Firefox en el foro de HTML en Foros del Web. porque esto se ve bien, funciona: Código HTML: <table border= "1" width= "100%" > <tr> <td> &nbsp; </td> <td> &nbsp; </td> <td> &nbsp; </td> </tr> ...
  #1 (permalink)  
Antiguo 21/05/2009, 02:30
 
Fecha de Ingreso: junio-2006
Mensajes: 5
Antigüedad: 11 años, 6 meses
Puntos: 0
Problema con id en tr Firefox

porque esto se ve bien, funciona:

Código HTML:
<table border="1" width="100%">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table> 
y cuando hago esto la fila q tiene id se hace peque peque?

Código HTML:
<table border="1" width="100%">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr id="1">
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table> 
  #2 (permalink)  
Antiguo 21/05/2009, 02:54
Avatar de dART  
Fecha de Ingreso: enero-2009
Ubicación: Madrid
Mensajes: 246
Antigüedad: 8 años, 10 meses
Puntos: 7
Respuesta: Problema con id en tr Firefox

Hola,

¿Qué tienes definido al estilo #1{....}? Porque yo he probado el código y a mi me siguen saliendo todas las celdas al mismo tamaño.
  #3 (permalink)  
Antiguo 21/05/2009, 03:19
 
Fecha de Ingreso: junio-2006
Mensajes: 5
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Problema con id en tr Firefox

No hay nada definido para .1 ni #1...lo habras probado en firefox 3 no?

EDITO: no esta ahi el problema lo q dices es cierto...a mi tampoco me sale mal.

EDITO2: copipasteo todo el codigo, este si q sale mal

Código HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel='stylesheet' href='estilos/estilo.css' />
<title>Escuela de Nataci&oacute;n Pisciskull</title>

<script language="JavaScript">

function muestra_oculta(id){
	for (i=1; i<=7; i++)
	{
		var el = document.getElementById(i); //se define la variable "el" igual a el tr
		el.style.display = (el.id<=id) ? 'block' : 'none';
	}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
	muestra_oculta('1');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}

function addOpt(oCntrl, iPos, sTxt, sVal){
	var selOpcion=new Option(sTxt, sVal);
	eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(oCntrl){
	while (oCntrl.length) oCntrl.remove(0);
	switch (document.form.dia.value){
		case "1":
		case "2":
		case "3":
		case "4":
		case "5":
		alert("Hola");
		addOpt(oCntrl,  0, "Ciudad de México", "0");
		addOpt(oCntrl,  1, "Monterrey", "1");
		addOpt(oCntrl,  2, "Guadalajara", "2");
		break;
		case "6":
		addOpt(oCntrl,  0, "Madrid", "0");
		addOpt(oCntrl,  1, "Barcelona", "1");
		addOpt(oCntrl,  2, "San Sebastián", "2");
		break;
	}
}
</script>

</head>
<body>

<div id="todo">

<div id="cabecera">
<h1><a href="index.php">Pisciskull</a></h1>
</div>

<!-- INCLUDE menu.html -->
<!-- INCLUDE identificacion.html -->

<div id="central">
<h2>Gesti&oacute;n grupos</h2>

<ul>
<li><a href="grupos.php">Crear grupo</a></li>
<li><a href="grupos.php?cat=asign">Asignar nadadores</a></li>
<li><a href="grupos.php?cat=delete">Borrar grupo</a></li>
</ul>
<br />

<!-- BEGIN new_grup -->
<form action="grupos.php" method="post" name="form">
<table width="100%" cellpadding="1" border="1">
	<tr>
		<td width="40%"><b>Nùmero de sesiones por semana:</b></td>
		<td>
			<select name="num_ses" id="num_ses" onchange="muestra_oculta(num_ses.value)">
				<option value="2">1</option>
				<option value="3">2</option>
				<option value="4">3</option>
				<option value="5">4</option>
				<option value="6">5</option>
				<option value="7">6</option>
			</select>
		</td>
	</tr>
	<tr>
		<td><b>Max. Alumnos del grupo:</b></td>
		<td><input type="text" name="max_alu" maxlength="2" size="2"/></td>
	</tr>
	<tr>
		<td><b>Semana inicio grupo:</b></td>
		<td>
		<select name="lunes_ini">
			<!-- BEGIN lunes -->
			<option value="{timestamp}">{dia}</option>
			<!-- END lunes -->
		</select>
		</td>
	</tr>
	<tr>
		<td><b>Nivel:</b></td>
		<td>
			<select name="nivel">
			<!-- BEGIN niveles -->
			<option value="{niv}">{niv}</option>
			<!-- END niveles -->
		</select>
		</td>
	</tr>
	<tr>
		<td><b>Sesiones:</b></td>
	</tr>
		<td colspan="2">
		<table border="1" width="100%" cellpadding="1">

<tr>
<td width="20%"><b>Dia semana</b></td>
<td width="20%"><b>Hora inicio</b></td>
<td width="20%"><b>Hora fin</b></td>
<td width="20%"><b>Instalacion</b></td>
<td width="50%"><b>Desc. Instalacion</b></td>
</tr>
<tr id="1">
<td width="20%">
	<select name="dia" onchange="cambia(document.form.hora)">
	<!-- BEGIN dias -->
		<option value="{num_dia}">{nom_dia}</option>
	<!-- END dias -->
	</select>
</td>
<td width="20%">
	<select name="hora">
	<!-- BEGIN horas -->
		<option value="0">"add"</option>
	<!-- END horas -->
	</select>
</td>
<td width="20%"><b>Hora fin</b></td>
<td width="20%"><b>Instalacion</b></td>
<td width="50%"><b>Desc. Instalacion</b></td>
</tr>
		</table>
		</td>
	</tr>
</table>
</form>
<!-- END new_grup -->

<br />
</div>
</body>
</html> 

Última edición por Huruk Hai; 21/05/2009 a las 03:29
  #4 (permalink)  
Antiguo 21/05/2009, 04:49
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con id en tr Firefox

Los nombres de clases o identificadores no pueden empezar por un número.Al poner en la CSS #1 {...} parece salir bien porque simplemente no hace nada.
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 05:22.