Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/07/2008, 01:09
Avatar de CHILENOCES
CHILENOCES
 
Fecha de Ingreso: octubre-2001
Ubicación: Mmm paseando por la vida
Mensajes: 491
Antigüedad: 23 años, 4 meses
Puntos: 0
Pregunta Problema con Show/Hide

Hola amigos,
Bueno tengo un problema que creo que es sencillo pero ya de tanto darme vueltas no le estoy encontrando la solución. Aqui va...

Tengo el siguiente código (prueba.html):

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-Type" content="text/html; charset=utf-8" />
<title>Prueba</title>
<style type="text/css">
<!--
.more {
display: none;
}
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
-->
</style>
<script type="text/javascript">
function showHide(shID) {
	if (document.getElementById(shID)) {
		if (document.getElementById(shID+'-show').style.display != 'none') {
			document.getElementById(shID+'-show').style.display = 'none';
			document.getElementById(shID).style.display = 'block';
		}
		else {
			document.getElementById(shID+'-show').style.display = 'inline';
			document.getElementById(shID).style.display = 'none';
		}
	}
}
</script>
</head>

<body>
<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><h1>Wordpress 2.6</h1>
    Cumpliendo con el (ya un poco tedioso) ciclo de desarrollo de 4 meses, hoy    <a href="#" id="more-description-show" onclick="showHide('more-description');return false;">(más...)</a>
 <span id="more-description" class="more">vemos la versión final de Wordpress 2.6, llamada Tyner, que incluye numerosas mejoras a Wordpress como CMS. <a href="#" id="more-description-hide" class="link12pxblue" onclick="showHide('more-description');return false;">(ocultar...)</a></span>   
 </td>
  </tr>
</table>
</body>
</html> 
Si lo copian, lo guardan y lo ejecutan, no veran nada anormal, ya que la funcion Mostrar y Ocultar funciona de maravilla.

Mi problema, es que si se fijan el link de "mas..." termina en la palabra del parrafo "hoy" y al hacer click en "mas..." se agrega un salto de linea que hace que la palabra que continuaria con el parrafo "vemos..." quede en la linea de abajo y por lo tanto no se lee digamos esteticamente bien.

Al hacer click en "mas..." queda:

Cumpliendo con el (ya un poco tedioso) ciclo de desarrollo de 4 meses, hoy
vemos la versión final de Wordpress 2.6, llamada Tyner, que incluye numerosas mejoras a Wordpress como CMS.


Y deberia quedar:

Cumpliendo con el (ya un poco tedioso) ciclo de desarrollo de 4 meses, hoy vemos la versión final de Wordpress 2.6, llamada Tyner, que incluye numerosas mejoras a Wordpress como CMS.

Es decir, todo de corrido no con ese salto de linea despues de "hoy".


Espero que se entienda y ojala puedan ayudarme.

Desde ya, muchisimas gracias!
__________________
ChilenoCesar Looking for something new...