Ayuda para centrar un texto en bloqueTema Solucionado

[javier1905]

Hola,,,

No se si es el sitio correcto pero al ser tema de una plantilla creo que si,,,, quisiera por favor me ayudarais en esto:



Pues bien,, quisiera saber como centrar e texto en estos bloques, lo he intentado con el <center> pero no sale centrado,,?? a texto me refiero a lo que sale en la imagen "AVISOS DEL FORO" y "LISTADO GENERAL DE TEMAS",,,, no tiene que ser muy dificil a que no...

Gracias por todo...

Saludos Javier

[ThE KuKa]

Off Topic:

"Una duda" no es "asunto apto" para el título de un tema, eso no nos ayuda en el buscador, ni a los usuarios, ni al equipo usemos títulos que dejen "intuir" de que va el tema por favor.

Necesitaría ver el código de esos bloques y a ver si hacemos algo...

[javier1905]

Uppsss,,, a que te refieres con eso de ASUNTO APTO,,?? Bueno es igual,,,,

Este es el codigo del bloque:

Código: Seleccionar todo

    <div id="stg_ads" style="margin: 10px 0pt;">
 		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl class="icon">
                            <dt>LISTADO GENERAL ORDENADO POR TEMAS</dt>

                        </dl>
                    </li>
                </ul>
<ul class="topiclist forums">
<center>

</center>

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

    </div>

Y esto es lo que me gustaria saliera centrado:

Código: Seleccionar todo

<dt>LISTADO GENERAL ORDENADO POR TEMAS</dt>

Gracias por todo...

[ThE KuKa]

Off Topic:

"Asunto apto" me refiero a poner un titulo en condiciones. El titulo del tema de ahora lo e puesto yo, tu simplemente habías puesto "Una duda", y no, no da igual.

Cambia esta línea:

Código: Seleccionar todo

<div id="stg_ads" style="margin: 10px 0pt;">

Por esta otra:

Código: Seleccionar todo

<div id="stg_ads" style="text-align:center; margin: 10px 0;">

A ver si así sale bien...

[javier1905]

Perdona Raúl pero no sabia a que te referias, claro que no da igual, como lo has puesto queda mucho mejor,,,, claro y directo al grano....

Voy a probar lo que me dices,,,

Gracias de nuevo...

[javier1905]

Hola...

No funciona Raúl, ocurre lo mismo que si le pusieras un <center>..??? Asi es como queda:



Otra idea,,?? Gracias

[ThE KuKa]

Reemplaza tu código por este otro...

Código: Seleccionar todo

<div id="stg_ads" style="text-align:center; margin: 10px 0;">
    	<div class="navbar" style="width:100%; margin:0 auto;">
            <div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
                    <li class="header">
                        <dl class="icon">
                            <dt style="width: 100%;">LISTADO GENERAL ORDENADO POR TEMAS</dt>
                        </dl>
                    </li>
                </ul>
<ul class="topiclist forums">
<center>
</center>
                        </dl>
                    </li> 
                </ul>
            <span class="corners-bottom"><span></span></span></div>
        </div>
    </div>

No se que "pintan" las etiquetas <center></center> dentro de ese código yo creo que no es necesario, ni el <ul> que va después, pero lo dejo así a ver si se centra lo que queremos y después seguimos haciendo...

[DaVidU]

en este caso se está usando la etiqueta:

ul.topiclist dt {
display: block;
float: left;
width: 50%;
font-size: 1.1em;
padding-left: 5px;
padding-right: 5px;
}

alineación a la izquierda y un tamaño del 50%, tiene su lógica porque esa misma etiqueta se comparte en el espacio junto con las de (TEMAS, MENSAJES, ÚLTIMO MENSAJE) en algunos bloques

[ahh72]

me doy cuenta que la url del foro no carga y da error

[javier1905]

Seria mejor entonces no utilizar esa etiqueta y ya esta,,???

De todas formas probare lo que me dice Raúl a ver si funciona.... por cierto la URL que esta puesta en mis datos de soporte esta bien,,, y el foro funciona perfectamente,,,, al menos a mi y a los usuarios que ya estan registrados.

Saludos Javier

[javier1905]

La solución entonces David seria crear otra etiqueta con los valores:

float: center;
width: 100%; y los demas según estan, solo para los bloques donde yo quiera que aparezca ese texto centrado no,,??

En que plantilla podria crear esa etiqueta,,?? Perdonad pero en estas cosas no tengo ni idea,,, soy muy atrevido eso si,, pero con poca experiencia,,,

Saludos Javier

[DaVidU]

en este caso no existe "float:center" , en todo caso sería quitar el float y dejarlo:

Código: Seleccionar todo

margin: 0 auto;
width: 100%;

esto en el archivo content.css

lógicamente solo centrará el texto donde uses esa etiqueta

[javier1905]

Gracias David pero seguimos casi igual,,je,je,,,,

He hecho los cambios en la plantilla conten.css,, creando esta etiqueta:

Código: Seleccionar todo

ul.listado dt {
	display: block;
	margin: 0 auto;
	width: 100%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

Y sustituyendo en el codigo del bloque class="topiclist" por este otro class="listado" y mira lo que sale,,,ja,ja,,,, es como si creara una lista no,,??



Gracias por el intento.

Saludos Javier

[DaVidU]

mira yo te pongo lo que yo he echo y tu lo adaptas a tu css (content.css)

este es el resultado:


esto el css:

Código: Seleccionar todo

/* proSilver Content Styles
---------------------------------------- */

ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.forums {
	background: #f9f9f9 none repeat-x 0 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

ul.listado {
	display: block;
	list-style-type: none;
	margin: 0 auto;
}

ul.listado li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 0 auto;
}

ul.listado dl {
	position: relative;
}

ul.listado li.row dl {
	padding: 2px 0;
}

ul.listado dt {
	display: block;
	margin: 0 auto;
	width: 100%;
	font-size: 1.1em;
	padding-left: 5px;
	padding-right: 5px;
	text-align:center;
}

ul.listado dd {
	display: block;
	margin: 0 auto;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.listado dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.listado li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

y esto el bloque html:

Código: Seleccionar todo

<div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="listado">
            <li class="header2">
               <dl>
                        <dt>LISTADO GENERAL ORDENADO POR TEMAS</dt>
               </dl>
            </li>
         </ul>
                  <div style="padding: 5px 5px 2px 5px; font-size: 1em; background-color: #FFF; margin: 0px auto; text-align: center;">
<br />
<a href="http://podriasermejor.net/phpBB3/mod_topiclist.php?f=2,3,4,5,6,7"><img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_comunidad.png" alt="Comunidad"></a>&nbsp;
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_ocio.png" alt="Ocio Y Entretenimiento">&nbsp;
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_musica.png" alt="Musica">&nbsp;
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_karaoke.png" alt="Karaoke">&nbsp;
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_cine.png" alt="Cine Y Television">&nbsp;
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_series.png" alt="Cine Documental Y Series TV">&nbsp;
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_juegos.png" alt="Juegos">&nbsp;
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_software.png" alt="Software">&nbsp;
        		  </div>
         <span class="corners-bottom"><span></span></span></div>
      </div>

espero sea lo que buscas

[javier1905]

Si señor funciona perfectamente David.....

Al final no voy a poner de esta manera el MOD TOPIC LIST,,, ya que tantas imagenes en la pagina principal ralentiza mucho la carga de ésta,, pero me ha sido de mucha ayuda para proximas actuaciones,,,,

Ya se como de centra el texto en estos bloque,,,,

Muchas gracias amigo.....