phpBB España Oficial

phpBB España Oficial, Soporte Internacional Oficial del sistema de foros phpBB en Español, extensiones, estilos, traducciones, guías, tutoriales, videos, redes sociales, webmaster.
https://www.phpbb-es.com/foro/

problemas de alineación en los bloques.

https://www.phpbb-es.com/foro/viewtopic.php?t=28435

Página 1 de 1

problemas de alineación en los bloques.

Publicado: 11 Sep 2010, 22:01
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" />

Re: problemas de alineación en los bloques.

Publicado: 11 Sep 2010, 22:15
por leviatan21

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

Re: problemas de alineación en los bloques.

Publicado: 12 Sep 2010, 03:59
por cfeze
Le falta copryght?

Entonces qué es esto? "Traducción al español por Huan Manwë para phpbb-es.com"

Re: problemas de alineación en los bloques.

Publicado: 12 Sep 2010, 05:27
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.

Re: problemas de alineación en los bloques.

Publicado: 12 Sep 2010, 05:43
por cfeze
En inglés, pero yo sólo uso español...

Re: problemas de alineación en los bloques.

Publicado: 12 Sep 2010, 05:46
por nextgen
entonces cambialo al idioma español :ok:

Re: problemas de alineación en los bloques.

Publicado: 12 Sep 2010, 06:41
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>

Re: problemas de alineación en los bloques.

Publicado: 12 Sep 2010, 16:47
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" /> 

Re: problemas de alineación en los bloques.

Publicado: 12 Sep 2010, 18:35
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!

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

Publicado: 12 Sep 2010, 20:22
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%;">

Re: problemas de alineación en los bloques.

Publicado: 12 Sep 2010, 21:24
por cfeze
Perfecto, tema solucionado.

Re: problemas de alineación en los bloques.

Publicado: 13 Sep 2010, 03:15
por Intencity
Rox , este post me servira para la web dark :P
Todos los horarios son UTC+02:00
Página 1 de 1

Desarrollado por phpBB® Forum Software © phpBB Limited

Traducción al español por phpBB España