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!