Problema con texto alineado en noticia con tópico

[Guardian_Misterioso]

Os escribo porque arrastro un problema desde hace dos años cuando cambié de plantilla en mi sitio web. Con el diseño antiguo, las noticias se mostraban de la siguiente forma:



Y con la plantilla actual, de esta otra:



Es decir, la nueva crea una celda vertical en la parte izquierda donde se sitúa el tópico por lo que el texto nunca termina de entrar a la izquierda del todo y, además, el tópico no se muestra en la parte superior pegado al lateral, sino en el centro.

Por lo tanto, me gustaría que se mostrase como en el diseño antiguo: el tópico arriba del todo y a la izquierda, y que el texto comience justo al lado de la imagen del tópico para meterse hacia la izquierda en cuando llegue a su línea de base inferior.

¿Sabéis cómo puedo conseguirlo?

Gracias anticipadas.

[pateketrueke]

Iniciado por Guardian_Misterioso

[...] ¿Sabéis cómo puedo conseguirlo? [...]

Claro, es super sencillo.

Solo debes abrir con tu editor de código favorito el script que contiene los estilos que modifican dicha apariencia y ajustarlo a tus necesidades.

Claro, eso no tiene que ver con php, espero te sirva saberlo.

[Guardian_Misterioso]

Por eso lo consulto aquí, porque llevo dos semanas revisando el código de arriba a abajo y no doy con ello. He realizado cientos de pruebas y cambios sin resultado alguno.

Por si sirve de algo dejo el código referente a esa parte:

/************************************************** **********/
/* Function themeindex() */
/* This function format the stories on the Homepage */
/************************************************** **********/
function themeindex ($aid, $informant, $time, $title, $counter, $topic, $thetext, $notes, $morelink, $topicname, $topicimage, $topictext) {
global $anonymous, $tipath, $sid;

$ThemeSel = get_theme();
if(!empty($topicimage)) {
if (file_exists("themes/$ThemeSel/images/topics/$topicimage")) {
$t_image = "themes/$ThemeSel/images/topics/$topicimage";
} else {
$t_image = "$tipath$topicimage";
}
$topic_img = "<td width=\"25%\" align=\"center\" class=\"extra\"><a href=\"modules.php?name=News&amp;new_topic=".$topi c."\"><img src=\"".$t_image."\" border=\"0\" alt=\"$topictext\" title=\"$topictext\" /></a></td>";
} else {
$topic_img = "";
}
if (!empty($notes)) {
$notes = "<br /><br /><strong>"._NOTE."</strong> $notes\n";
} else {
$notes = "";
}
$content = '';
if ($aid == $informant) {
$content = "$thetext$notes\n";
} else {
if(defined('WRITES')) {
if(!empty($informant)) {
if(is_array($informant)) {
$content = "<a href=\"modules.php?name=Your_Account&amp;op=userin fo&amp;username=$informant[0]\">$informant[1]</a> ";
} else {
$content = "<a href=\"modules.php?name=Your_Account&amp;op=userin fo&amp;username=$informant\">$informant</a> ";
}
} else {
$content = "$anonymous ";
}
$content .= _WRITES." \"$thetext\"$notes\n";
} else {
$content .= "$thetext$notes\n";
}
}
$posted = _POSTEDBY." ";
$posted .= get_author($aid);
$posted .= " "._ON." $time ";
$datetime = substr($morelink, 0, strpos($morelink, "|") - strlen($morelink));
$morelink = substr($morelink, strlen($datetime) + 2);
echo "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n";
echo " <tr>\n";
echo " <td><table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n";
echo " <tr>\n";
echo " <td width=\"88\"><img src=\"themes/WoW_Horde/images/story/story_01.gif\" height=\"61\" alt=\"\"></td>\n";
echo " <td height=\"61\" style=\"width: 100%; background-image: url(themes/WoW_Horde/images/story/story_02.gif)\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n";
echo " <tr>\n";
echo " <td><font class=\"storytitle\"><div style=\"padding-top:21px; padding-left:6px;\"><strong>$title</strong></div></font></td>\n";
echo " </tr>\n";
echo "</table></td>\n";
echo " <td width=\"98\"><img src=\"themes/WoW_Horde/images/story/story_03.gif\" height=\"61\" alt=\"\"></td>\n";
echo " </tr>\n";
echo "</table>\n";
echo "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n";
echo " <tr>\n";
echo " <td style=\"width: 34px; background-image: url(themes/WoW_Horde/images/story/story_04.gif)\"></td>\n";
echo " <td bgcolor=\"#20140C\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n";
echo " <tr>\n";
echo " $topic_img\n";
echo " <td width=\"75%\" class=\"content\" valign=\"top\">$content</td>\n";
echo " </tr>\n";
echo "</table></td>\n";
echo " <td style=\"width: 33px; background-image: url(themes/WoW_Horde/images/story/story_06.gif)\"></td>\n";
echo " </tr>\n";
echo "</table>\n";
echo "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n";
echo " <tr>\n";
echo " <td width=\"93\"><img src=\"themes/WoW_Horde/images/story/story_07.gif\" width=\"93\" height=\"88\" alt=\"\"></td>\n";
echo " <td height=\"88\" style=\"width: 100%; background-image: url(themes/WoW_Horde/images/story/story_08.gif)\"><hr><div style=\"padding-bottom:4px;\" align=\"right\">$posted<br /></div><div style=\"padding-bottom:8px;\" align=\"right\">$datetime $topictext | $morelink</div></td>\n";
echo " <td width=\"99\"><img src=\"themes/WoW_Horde/images/story/story_09.gif\" width=\"99\" height=\"88\" alt=\"\"></td>\n";
echo " </tr>\n";
echo "</table>\n";
echo " </td>\n";
echo " </tr>\n";
echo "</table><br />";
}

[pateketrueke]

Me pregunto si es complicado solo tomar el código de la plantilla anterior y compararlo con la plantilla actual, ¿o eso te da mucha flojera?

Te lo digo porque al solo ver código no es sencillo deducir cual es el problema, menos aún la solución.

[Guardian_Misterioso]

Llevo 75 horas contadas de reloj comparando una y otra plantilla durante las últimas semanas y realizando cambios que no van a ningún lado. Si lo consulto aquí es porque ya me he dado por vencido. ¿Ahora me tachas de "flojo"? ¿Por qué no te informas un poco antes de faltar a las personas? Porque no es la primera vez y me estoy hartando.

Yo en la vida intento todo por mi cuenta antes de consultar a los demás. Te lo digo para evitar así en futuros mensajes que sigas ofendiéndome.

Y tú mismo me pediste archivos e información para así poder ayudar. Dime entonces qué es necesario (a poder ser sin ningún comentario fuera de tono más, por favor), ya que más allá del archivo que contiene las órdenes no sé qué es lo que tendría que proporcionar.

[pateketrueke]

Te invito a leer las normas del foro, por favor.

Entiende que en este foro se ayuda con problemas objetivos, donde ya tienes código, o de menos lo entiendes.

Si no comprendes eso es complicado que alguien se ponga a analizar todo el contexto de un código que por si mismo no dice mucho, casi nada.

Y vuelvo a hacer la misma pregunta, ahora sin groserías, ¿te cuesta mucho trabajo tomar el código de la plantilla anterior y usarlo con tu plantilla nueva?

Digo, no necesitas cambiarlo todo, solo el archivo -o la parte- del problema.

[Guardian_Misterioso]

Es que el problema es que se trata de plantillas cuya estructura no responde a un patrón común. Es decir, que no se trata de cambiar una parte por otra porque no están divididas de la misma manera en lo que órdenes se refiere.

Lo único que he descubierto durante estas semanas es que en la línea referida al tópico de noticia aparece una orden que aplica una celda al 25%. Si elimino esa parte, entonces todo el texto sí se mueve hacia la izquierda ocupando todo el ancho de pantalla, pero en vez de comenzar desde la primera línea lo hace desde la base de la imagen del tópico. Es decir, que toda la altura del tópico queda libre sin texto alguno en su parte derecha.

He estado probando con los cellpadding, cellspacing y valign sin resultado. No sé, por tanto, si existe otra orden que sirva para que la web entienda que el texto tiene que empezar a la altura del tópico y ocupar todo el ancho de pantalla una vez que éste termine.

Como en programación cada orden responde a un comportamiento, eso quiero saber, si existe alguna que sea capaz de ubicarme el texto de esa manera.

De todos modos, como los archivos del "story_mode" contienen pocas líneas como has podido comprobar con el anterior, puedo transcribir también el de la plantilla antigua.

Yo te aseguro que no he podido dar con la diferencia después de múltiples pruebas. He estado dando palos de ciego sin obtener resultado alguno.

[pateketrueke]

Te voy a decir como lo resolvería yo, a ver si te das una idea.

Obviamente yo no voy a resolver algo de un código spaguetti desde el mismo código, hay que ser mas avispado, hay que intentar depurarlo desde el mismo navegador.

¿Por qué?

Pues porque ahí todo el HTML ya está renderizado, y no tienes que lidiar con el código php.

Así pues, yo usaría Firebug (una extensión para depurar web de Firefox) para analizar precisamente el DOM de la pagina en cuestión.

Activo el modo de depuración del HTML, selecciono la parte del HTML que considero donde está el problema y me pongo a moverle a los atributos del HTML y/o CSS. Así hasta que consiga dejar el documento como lo quiero, ahora solo restaría aplicar los mismos cambios directamente al script php, pero esa ya es otra historia.

No digo que sea fácil, de hecho sin experiencia hay 99.9% de posibilidades que termines mas confundido de lo que ahora estás.

Pero bueno, así lo haría yo de estar en tu lugar.