Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

problemas de alineación en los bloques.Tema Solucionado

Soporte de MODs para phpBB 3.0.x
Dudas sobre AutoMOD aquí por favor.
  Reglas del Foro
Cerrado

0
No hay votos
 
Votos totales: 0
cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

problemas de alineación en los bloques.

#1

Mensaje por cfeze »

Hola gente, les comento. Elige este diseño de mis bloques

Código: Seleccionar todo

<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header"><dl><dt>{ TITLE }</dt></dl></li>
		</ul>
		<ul class="topiclist forums">
			<li><dl>
				<dd class="posts_portal">
					{ CONTENT }<br />{ CONTENT }
				</dd>
			</dl></li>
		</ul>
		<span class="corners-bottom"><span></span></span>
	</div>
</div>
Pero tengo un problema de "alineación" en los bloques.

Imagen

Código: Seleccionar todo

<!-- $Id: latest_members.html,v 1.1 2008/02/09 08:18:15 angelside Exp $ //-->
<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header"><dl><dt>{L_LATEST_MEMBERS}</dt></dl></li>
		</ul>
		<ul class="topiclist forums">
			<li><dl>
				<dd class="posts_portal">
			<span style="float:left;"><strong>Username</strong></span>
			<span style="float:right;padding-right:10px;"><strong>{L_JOINED}</strong></span><br />
			<!-- BEGIN latest_members -->
			<span style="float:left;"><a href="{latest_members.U_USERNAME}"><span<!-- IF latest_members.USERNAME_COLOR -->{latest_members.USERNAME_COLOR}<!-- ENDIF -->>{latest_members.USERNAME}</span></a></span>
			<span style="float:right;padding-right:10px;">{latest_members.JOINED}</span><br style="clear:both" />
			<!-- END latest_members -->
				</dd>
			</dl></li>
		</ul>
		<span class="corners-bottom"><span></span></span>
	</div>
</div>

<br style="clear:both" />
Imagen

Código: Seleccionar todo

<!-- $Id: vooblyblock.html,v 1.1 2008/02/09 08:18:16 angelside Exp $ //-->
<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header"><dl><dt>TOP VOOBLY PLAYERS</dt></dl></li>
		</ul>
		<ul class="topiclist forums">
			<li><dl>
				<dd class="posts_portal">
			<span style="float:left;"><strong>Nick</strong></span>
			<span style="float:right;padding-right:10px;"><strong>Rating</strong></span><br />
			<!-- BEGIN vooblyplayer -->
			<span style="float:left;"><img src="images/flags/{vooblyplayer.FLAG_IMG}" title="{vooblyplayer.FLAG_NAME}" /> <span>{vooblyplayer.NICK}</span></span>
			<span style="float:right;padding-right:10px;">{vooblyplayer.RATING}</span><br style="clear:both" />
			<!-- END vooblyplayer -->		
				</dd>
			</dl></li>
		</ul>
		<span class="corners-bottom"><span></span></span>
	</div>
</div>

<br style="clear:both" />
Es raro, porque en este aparece bien.

Imagen

Código: Seleccionar todo

<!-- $Id: top_poster.html,v 1.1 2008/02/09 08:18:16 angelside Exp $ //-->
<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header"><dl><dt>{L_TOP_POSTER}</dt></dl></li>
		</ul>
		<ul class="topiclist forums">
			<li><dl>
				<dd class="posts_portal">
            <span style="float:left;"><strong>Username</strong></span>
			<span style="float:right;padding-right:10px;"><strong>{L_POSTS}</strong></span>
			<!-- BEGIN top_poster -->
			<span style="float:left;"> <a href="{top_poster.U_USERNAME}"><span<!-- IF top_poster.USERNAME_COLOR -->{top_poster.USERNAME_COLOR}<!-- ENDIF -->>{top_poster.USERNAME}</span></a></span>
			<span style="float:right;padding-right:10px;"><a href="{top_poster.S_SEARCH_ACTION}">{top_poster.POSTER_POSTS}</a></span><br style="clear:both" />
			<!-- END top_poster -->		
				</dd>
			</dl></li>
		</ul>
		<span class="corners-bottom"><span></span></span>
	</div>
</div>

<br style="clear:both" />
(este quiero centrar las imagenes)
Imagen

Código: Seleccionar todo

<!-- $Id: links.html,v 1.1 2008/02/09 08:18:15 angelside Exp $ //-->
<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header"><dl><dt>{L_USER_MENU}</dt></dl></li>
		</ul>
		<ul class="topiclist forums">
			<li><dl>
				<dd class="posts_portal">
			<div align="center">
       <p align="center"><a href="http://www.dytclan.com.ar" target="_blank"><img src="/images/banner/dyt.gif" border="0" title="CLaN DyT" width="88" height="31"></a> <br />

       <br>

	   <marquee onmouseover=this.stop() onmouseout=this.start() direction="up" scrollAmount="4" Style="width:150;height:200">

       <p align="center">

	    <a href="http://www.voobly.com" target="_blank"><img src="http://www.lclan.com/images/voobly.jpg" border="0" title="IGZone" width="88" height="31"></a> <br />

       <br>

       <a href="http://www.aoczone.net" target="_blank"><img src="http://www.aoczone.net/images/aoczone_88x31.png" border="0" title="AoCgroup" width="88" height="31"></a> <br>

       <br>

       <a href="http://www.aoc-games.com" target="_blank"><img src="http://www.aoc-games.com/images/banner.gif" border="0" title="AoC-LiGa" width="88" height="31"></a> <br>

       <br>

       <a href="http://rts-league.com/" target="_blank"><img src="/images/banner/rtsleague.gif" border="0" title="RTS-League" width="88" height="31"></a> <br>

       </marquee>

			</div>
				</dd>
			</dl></li>
		</ul>
		<span class="corners-bottom"><span></span></span>
	</div>
</div>

<br style="clear:both" />
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:
Arriba
Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 55

Re: problemas de alineación en los bloques.

#2

Mensaje por leviatan21 »

A tu foro le falta el copyright de la traducción

Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein
Arriba
cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

Re: problemas de alineación en los bloques.

#3

Mensaje por cfeze »

Le falta copryght?

Entonces qué es esto? "Traducción al español por Huan Manwë para phpbb-es.com"
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:
Arriba
Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1727
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 41

Re: problemas de alineación en los bloques.

#4

Mensaje por nextgen »

cfeze escribió:Le falta copryght?

Entonces qué es esto? "Traducción al español por Huan Manwë para phpbb-es.com"
Fijate que en que idioma tienes tu foro.

メルビン・ガルシア • nextgen Solutions • DDAnime • XenForo Hispano

Arriba
cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

Re: problemas de alineación en los bloques.

#5

Mensaje por cfeze »

En inglés, pero yo sólo uso español...
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:
Arriba
Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1727
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 41

Re: problemas de alineación en los bloques.

#6

Mensaje por nextgen »

entonces cambialo al idioma español :ok:
Última edición por nextgen el 12 Sep 2010, 05:47, editado 1 vez en total.

メルビン・ガルシア • nextgen Solutions • DDAnime • XenForo Hispano

Arriba
Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1727
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 41

Re: problemas de alineación en los bloques.

#7

Mensaje por nextgen »

bueno para centrar no uses el

Código: Seleccionar todo

<p align="center"></p>
usa el

Código: Seleccionar todo

<div align="center"></div>

メルビン・ガルシア • nextgen Solutions • DDAnime • XenForo Hispano

Arriba
Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 55

Re: problemas de alineación en los bloques.

#8

Mensaje por leviatan21 »

cfeze escribió:Pero tengo un problema de "alineación" en los bloques.
Vamos de a uno, en el código cuanto utilizas reemplazos { TITLE } o { CONTENT }, sin espacios entre las llaves y el texto : {TITLE} o {CONTENT}

Código: Seleccionar todo

<dd class="posts_portal">
               { CONTENT }
{ CONTENT }
            </dd> 
Primero no se por que estas duplicando el CONTENT ...
Por otro lado, en el código original se utilizan 2 columnas :

Código: Seleccionar todo

<span style="float:left;"><strong>Username</strong></span>
         <span style="float:right;padding-right:10px;"><strong>{L_JOINED}</strong></span> 
Se separa la información y una va flotando a la derecha y otra flotando a la izquierda, en tu caso solo tienes 1
En el bloque de la marquesina (<marquee>) hay varios errores.
1) Tal como aclara nextgen align no se utiliza así
2) Las etiquetas de las imágenes se terminan con />
2) El "enter" es <br /> y no <br>
3) Dentro del estilo, el alto y ancho se expresan en alguna medida width:150;height:200 por ejemplo en pixels : width: 150px; height: 200px;
4) target="_blank" no es xhtml válido
5) cuando utilizas direcciones relativas como "/images/banner/dyt.gif" debes hacerlo con un punto delante "./images/banner/dyt.gif" algunos navegadores no sabrían como leerla.

Prueba con este :

Código: Seleccionar todo

<!-- $Id: links.html,v 1.1 2008/02/09 08:18:15 angelside Exp $ //-->
<div class="forabg">
    <div class="inner"><span class="corners-top"><span></span></span>
        <ul class="topiclist">
            <li class="header"><dl><dt>{L_USER_MENU}</dt></dl></li>
        </ul>
        <ul class="topiclist forums">
            <li>
                <dl>
                    <dd class="posts_portal" style="text-align: center;">
                        <a href="http://www.dytclan.com.ar" target="_blank"><img src="/images/banner/dyt.gif" border="0" title="CLaN DyT" width="88" height="31" /></a>
                        <br />
                        <marquee onmouseover="this.stop();" onmouseout="this.start();" direction="up" scrollAmount="4" Style="width: 150px; height: 200px; text-align: center;">
                            <a href="http://www.voobly.com" onclick="window.open(this.href);return false;"><img src="http://www.lclan.com/images/voobly.jpg" border="0" title="IGZone" width="88" height="31" /></a>
                            <br />
                            <a href="http://www.aoczone.net" onclick="window.open(this.href);return false;"><img src="http://www.aoczone.net/images/aoczone_88x31.png" border="0" title="AoCgroup" width="88" height="31" /></a>
                            <br />
                            <a href="http://www.aoc-games.com" onclick="window.open(this.href);return false;"><img src="http://www.aoc-games.com/images/banner.gif" border="0" title="AoC-LiGa" width="88" height="31" /></a>
                            <br />
                            <a href="http://rts-league.com/" onclick="window.open(this.href);return false;"><img src="/images/banner/rtsleague.gif" border="0" title="RTS-League" width="88" height="31" /></a>
                            <br />
                        </marquee>
                    </dd>
                </dl>
            </li>
        </ul>
    <span class="corners-bottom"><span></span></span></div>
</div>
<br style="clear:both" /> 
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein
Arriba
cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

Re: problemas de alineación en los bloques.

#9

Mensaje por cfeze »

MMmm estoy usando dos columnas, mirá.

Código: Seleccionar todo

<span style="float:left;"><strong>Username</strong></span>
			<span style="float:right;padding-right:10px;"><strong>{L_POSTS}</strong></span>
			<!-- BEGIN top_poster -->
			<span style="float:left;"> <a href="{top_poster.U_USERNAME}"><span<!-- IF top_poster.USERNAME_COLOR -->{top_poster.USERNAME_COLOR}<!-- ENDIF -->>{top_poster.USERNAME}</span></a></span>
			<span style="float:right;padding-right:10px;"><a href="{top_poster.S_SEARCH_ACTION}">{top_poster.POSTER_POSTS}</a></span><br style="clear:both" />
			<!-- END top_poster -->
PD: funciono el bloque de marque, muchas gracias!
Última edición por cfeze el 12 Sep 2010, 18:36, editado 1 vez en total.
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:
Arriba
Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 55

Re: problemas de alineación en los bloques.  Tema Solucionado

#10

Mensaje por leviatan21 »

En tus bloques, prueba cambiando el

Código: Seleccionar todo

<dd class="posts_portal">
por

Código: Seleccionar todo

<dd class="posts_portal" style="width:100%;">
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein
Arriba
cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

Re: problemas de alineación en los bloques.

#11

Mensaje por cfeze »

Perfecto, tema solucionado.
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:
Arriba
Intencity
Usuario/a
Mensajes: 56
Registrado: 10 Sep 2010, 22:08

Re: problemas de alineación en los bloques.

#12

Mensaje por Intencity »

Rox , este post me servira para la web dark :P
URL: http://clansoldier.net63.net
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: board3 Portal, AutoMod,
Plantilla(s) usada(s): refraction
Servidor: 000webhost
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
Arriba
Cerrado

Volver a “Soporte de MODs”