Página 1 de 1
Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 11:25
por 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
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 11:31
por 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...
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 11:57
por 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:
Gracias por todo...
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 12:14
por 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:
Por esta otra:
Código: Seleccionar todo
<div id="stg_ads" style="text-align:center; margin: 10px 0;">
A ver si así sale bien...
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 12:22
por 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...
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 12:31
por javier1905
Hola...
No funciona Raúl, ocurre lo mismo que si le pusieras un <center>..??? Asi es como queda:
Otra idea,,?? Gracias
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 18:47
por 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...
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 20:05
por 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
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 20:43
por ahh72
me doy cuenta que la url del foro no carga y da error 
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 23:21
por 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
Re: Ayuda para centrar un texto en bloque
Publicado: 27 Jun 2010, 23:34
por 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
Re: Ayuda para centrar un texto en bloque
Publicado: 28 Jun 2010, 12:22
por DaVidU
en este caso no existe "
float:center" , en todo caso sería quitar el float y dejarlo:
esto en el archivo
content.css
lógicamente solo centrará el texto donde uses esa etiqueta
Re: Ayuda para centrar un texto en bloque
Publicado: 28 Jun 2010, 13:04
por 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
Re: Ayuda para centrar un texto en bloque Tema Solucionado
Publicado: 29 Jun 2010, 12:54
por 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>
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_ocio.png" alt="Ocio Y Entretenimiento">
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_musica.png" alt="Musica">
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_karaoke.png" alt="Karaoke">
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_cine.png" alt="Cine Y Television">
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_series.png" alt="Cine Documental Y Series TV">
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_juegos.png" alt="Juegos">
<img src="http://podriasermejor.net/phpBB3/styles/prosilver/theme/images/listados/temas_software.png" alt="Software">
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
espero sea lo que buscas
Re: Ayuda para centrar un texto en bloque
Publicado: 29 Jun 2010, 18:42
por 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.....