El portal se ve desordenado en IE

1s44c · #1

URL: http://mangateca.co.cc/foro/index.php
Plantilla(s) usuada(s): IDLaunch
MODs instalados: portal phbb3, NV recent topics, Advertisement Management , Genders,Highslide Attatchment Mod, Page Titles, Topic Title Colour, Phbb3 Web, ABBC3
Versión de phpBB: 3.0.7-PL1
Nombre y versión del MOD: phpBB3 Portal Version 1.2.2, NV recent topics versión 1.0.5, Advertisement Management versión , genders 1.0.1, Highslide Attatchment Mod 4.0.5, Page Titles 1.0.2, Topic Title Colour 1.0.2, versión, ABBC3 versión 3.0.8

Servidor: gratuito (000webhost.com)
Si es una actualización desde otra versión: 3.0.6 a 3.0.7

Portal http://mangateca.co.cc/foro/

Estoy usando phpbb3 portal y hace un tiempo e notado que la parte central del portal no encaja bien, pero solo esto pasa si entras en el navegador Internet Explore. ;D

exau · #2

Es común en ese pésimo explorador, necesita de fixes para mostrar la página como debería ser... yo por eso uso FireFox; deberías recomendarlo a tus usuarios, una vez que lo prueben se van a convencer

leviatan21 · #3

a demás que tienes unos cuantos errores, éste en particular se soluciona en parte aplicando el cambio que sugerí antes : Barra lateral de Micth, (IE) se ve mal. Tema solucionado ( que aún no lo hiciste )
y el otro relacionado con este error es el código que agregaste debajo del sponsor, todo este código está mal, si lo eliminas (y aplicas el cambio anterior) se solucionará :

Archivo :
hraíz/styles/IDLaunch_Black/template/overall_header.html

Código a eliminar :

Código: Seleccionar todo

<html>
                           <head>

                             <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8" />
  <link rel="stylesheet" media="screen" type="text/css"
 href="menu/actua/css/style.css" />
  <script type="text/javascript" src="menu/actua/js/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="menu/actua/js/slideshow.js"></script>
  <title>Slide show jquery (jQuery Headline Changer) - Depot
Webdesigner</title>

                           </head>
                           <body>

                           <h1 align="center"></h1>
<div id="content">
<ul class="infoPanel">
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=377&start=0" class="infoLink current"><img
 alt="" src="menu/actua/images/image1.jpg" style="opacity: 1;" />
    <span>Pluto</span>
    <p>El manga basado en "El robot más fuerte del mundo"...</p>
    </a>
    <div style="display: block;"> <img alt=""
 src="menu/actua/images/image1.jpg" /> </div>

  </li>
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=357" class="infoLink"><img
 alt="" src="menu/actua/images/image2.jpg" style="opacity: 0.8;" /><span>Shin yami no koe</span>
    <p>Junji ito, nos presenta en este episódico ...</p>
    </a>
    <div style="display: none;"> <img alt=""
 src="menu/actua/images/image2.jpg" /> </div>
  </li>

  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=223&start=0" class="infoLink"><img
 alt="" src="menu/actua/images/image3.jpg" style="opacity: 0.8;" /><span>El lobo solitario y su cachorro</span>
    <p>Itto Ogami y su hijo Daigoro recorren...</p>
    </a>
    <div style="display: none;"> <img alt=""
 src="menu/actua/images/image3.jpg" /> </div>
  

</div>

                           
                           </body>

                           </html>

Recuerda que para probarlo, debes actualizar la plantilla luego de aplicar los cambios

1s44c · #4

Si hice lo que me dijiste Gabriel xD pero solo se resolvió la parte del index_body.html es ahí donde tenía la barra de micht. ;D

Archivo :
hraíz/styles/IDLaunch_Black/template/overall_header.html

aahh ese código que puse está en el raíz/styles/IDLaunch_Black/template/portal/portal_body.html

justo al principio comienza con <html> y termina con </html>

Código: Seleccionar todo

<!-- DEFINE $S_IN_PORTAL = 1 -->
<!-- INCLUDE overall_header.html -->
<html>
						   <head>
						     <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8" />
  <link rel="stylesheet" media="screen" type="text/css"
 href="menu/actua/css/style.css" />
  <script type="text/javascript" src="menu/actua/js/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="menu/actua/js/slideshow.js"></script>
  <title>Slide show jquery (jQuery Headline Changer) - Depot
Webdesigner</title>

						   </head>
						   <body>
						   <h1 align="center"></h1>
<div id="content">
<ul class="infoPanel">
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=377&start=0" class="infoLink current"><img
 alt="" src="menu/actua/images/image1.jpg" style="opacity: 1;" />
    <span>Pluto</span>
    <p>El manga basado en "El robot más fuerte del mundo"...</p>
    </a>
    <div style="display: block;"> <img alt=""
 src="menu/actua/images/image1.jpg" /> </div>
  </li>
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=357" class="infoLink"><img
 alt="" src="menu/actua/images/image2.jpg" style="opacity: 0.8;" /><span>Shin yami no koe</span>
    <p>Junji ito, nos presenta en este episódico ...</p>
    </a>
    <div style="display: none;"> <img alt=""
 src="menu/actua/images/image2.jpg" /> </div>
  </li>
  <li> <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=223&start=0" class="infoLink"><img
 alt="" src="menu/actua/images/image3.jpg" style="opacity: 0.8;" /><span>El lobo solitario y su cachorro</span>
    <p>Itto Ogami y su hijo Daigoro recorren...</p>
    </a>
    <div style="display: none;"> <img alt=""
 src="menu/actua/images/image3.jpg" /> </div>
  

</div>

						   
						   </body>
						   </html>
<!-- $Id: portal_body.html,v 1.1 2008/02/09 08:18:16 angelside Exp $ //-->

Entonces debo borrarlo?

que debo hacer.... justo me era necesario tenerlo ya que hace más interesante el portal

Es común en ese pésimo explorador, necesita de fixes para mostrar la página como debería ser... yo por eso uso FireFox; deberías recomendarlo a tus usuarios, una vez que lo prueben se van a convencer

See ya recomende a todos los que participan en el foro que no usen ese navegador

ya que en los demás anda perfecto. Si sigue asi el navegador IE pronto se va extinguir

. Felizmente uso el chrome.

Gracias por las recomendaciones

leviatan21 · #5

1s44c escribió:Si hice lo que me dijiste Gabriel xD pero solo se resolvió la parte del index_body.html es ahí donde tenía la barra de micht. ;D

Pero también debes hacer el mismo cambio en el portal, ya que usan el mismo código

1s44c escribió:See ya recomende a todos los que participan en el foro que no usen ese navegador ya que en los demás anda perfecto. Si sigue asi el navegador IE pronto se va extinguir

Yo se que puedo ser muy criticado por decir esto, pero IE es el único capaz de mostrarte que la página está con errores, fijate que si no fuera por el, no habrías notado cuantas fallas tienes.
Por otro lado cuando salga IE 9 te va a sorprender con la enorme cantidad de mejoras que tiene

1s44c escribió:Entonces debo borrarlo? que debo hacer.... justo me era necesario tenerlo ya que hace más interesante el portal

Podemos hacer algunos cambios y probar :

Abrir :
raíz/styles/IDLaunch_Black/template/overall_header.html

Buscar :

Código: Seleccionar todo

</head>

Antes agregar :

Código: Seleccionar todo

<!-- IF $S_IN_PORTAL -->
<link rel="stylesheet" media="screen" type="text/css" href="./menu/actua/css/style.css" />
<script type="text/javascript" src="./menu/actua/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src=./"menu/actua/js/slideshow.js"></script>
<!-- ENDIF -->

Abrir :
raíz/styles/IDLaunch_Black/template/portal/portal_body.html
Buscar : ( el código que cité antes que está mal)
Reemplazar por :

Código: Seleccionar todo

<div id="content">
    <ul class="infoPanel">
        <li>
            <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=377&start=0" class="infoLink current"><img alt="" src="menu/actua/images/image1.jpg" style="opacity: 1;" /> <span>Pluto</span> <p>El manga basado en "El robot más fuerte del mundo"...</p></a>
            <div style="display: block;"><img alt="" src="menu/actua/images/image1.jpg" /></div>
        </li>
        <li>
            <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=357" class="infoLink"><img alt="" src="menu/actua/images/image2.jpg" style="opacity: 0.8;" /><span>Shin yami no koe</span> <p>Junji ito, nos presenta en este episódico ...</p></a>
            <div style="display: none;"> <img alt="" src="menu/actua/images/image2.jpg" /></div>
        </li>
        <li>
            <a href="http://mangateca.co.cc/foro/viewtopic.php?f=13&t=223&start=0" class="infoLink"><img alt="" src="menu/actua/images/image3.jpg" style="opacity: 0.8;" /><span>El lobo solitario y su cachorro</span> <p>Itto Ogami y su hijo Daigoro recorren...</p></a>
            <div style="display: none;"> <img alt="" src="menu/actua/images/image3.jpg" /></div>
        </li>
    </ul>
</div>

Y actualizando las plantillas debería funcionar ( no olvides el anterior cambio )

1s44c · #6

Gracias Gabriel

me ha ayudado el poner los js y css en el overall_header

, sobre las modificación en el portal con el tema anterior. He buscado donde modificaros en portal_body.html así que supe que serían de esa manera

Código: Seleccionar todo

<!-- [+] left block area -->
td width="{PORTAL_LEFT_COLLUMN}" valign="top" style="width: auto;" >

Código: Seleccionar todo

<!-- [+] right block area -->
	<td width="{PORTAL_RIGHT_COLLUMN}" valign="top" style="width: auto;" >

Eso hice pero queda de esta manera en chrome
Imagen

Y en IE

Por lo demás e estado probando agregar style="width: auto;" en varios lugares pero no me da resultado

leviatan21 · #7

agregando a lo "loco" el style="width: auto;" romperás mas de lo que solucionarás...

el bloque que contiene el código para el enlace está en esta plantilla : raíz/styles/IDLaunch_Black/template/portal/block/link_us.html

Código: Seleccionar todo

<textarea rows="3" cols="12"> <a href="http://www.mangateca.co.cc/foro/index.php" target="_blank"><img border="0" alt="Mangateca" src="http://img819.imageshack.us/img819/8228/banminmang3.jpg" /></a> </textarea>

quizás cambiándolo por alago así funcione mejor :

Código: Seleccionar todo

<textarea type="text" tabindex="1" rows="10" cols="15" wrap="soft" class="inputbox autowidth" style="overflow:hidden; height:140px; font-size:10px;" onclick="this.focus();this.select();" /><a href="http://www.mangateca.co.cc/foro/index.php" target="_blank"><img border="0" alt="Mangateca" src="http://img819.imageshack.us/img819/8228/banminmang3.jpg" /></a></textarea>

1s44c · #8

agregando a lo "loco" el style="width: auto;" romperás mas de lo que solucionarás...

Por que no lo pensé antes

claro ese enlace del portal_body..html enlazaba a link_us.html y allí estaba el problema

mil gracias!!!! Gabriel

con la ayuda prestada, más bien sry no entendía a lo que te referias con que no había usado el tema anterior para solucionar este.

leviatan21 · #9

1s44c escribió:mil gracias!!!! Gabriel con la ayuda prestada

No hay problemas, cuando quieras por a aquí estaré observándote

phpBB España Oficial