Saltar al contenido
Underc0de /foro

[SOLUCIONADO] Centrar Todo el texto blog

Iniciado por WuiTroX, Junio 17, 2012, 05:07:30 PM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Avatar de WuiTroX
Junio 17, 2012, 05:07:30 PM Ultima modificación: Octubre 25, 2013, 11:58:50 PM por Expermicid
Hola.
Bueno tengo una consulta y un problema grande. El día de ayer termine de hacer mi blog de noticias de interés, pero al momento de probar como se veían las publicaciones las letras salieron del recuadro de donde deberían estar y no encuentro algún código que me ayude a poner un stop y limitar el cuadro de escritura. Esto pasa con los comentarios, con el resumen de gadget lateral y las publicaciones del blog...


Muchas gracias y suerte...

16 respuestas

Avatar de ANTRAX
Que tipo de blog es? Blogger, wordpress..?


Avatar de WuiTroX
blogger,
Los enlaces son solo para miembros. Registrate o iniciá sesión

Avatar de ANTRAX

Avatar de aura16
Prueva con  esta propiedad de CSS

Código: text
overflow:hidden;


o si quieres poner un scroll

Código: text
overflow:scroll

Avatar de WuiTroX
Si presionando enter se mejora, pero el problema es que en los comentarios igual quedara mal y en popular post igual :S... Los códigos css no me pescaron en la pantilla :S,
Por si acaso el post apreté enter para que vean que se mejora y no lo demás :S

Gracias por la respuesta a la brevedad...

Avatar de ANTRAX

Avatar de aura16
Cita de: WuiTroX en Junio 17, 2012, 05:56:24 PM
Si presionando enter se mejora, pero el problema es que en los comentarios igual quedara mal y en popular post igual :S... Los códigos css no me pescaron en la pantilla :S,
Por si acaso el post apreté enter para que vean que se mejora y no lo demás :S

Gracias por la respuesta a la brevedad...

No se cuanto sepas de CSS pero se usa asi

#nombre_del_div{propiedad:valor;} <-- formula XD

en donde dice nombre del div va el nombre del div ._.
y en donde dice propiedad va overflow
y en donde dice valor puedes usar hidden o scroll

esto te quedaria asi

#div{overflow:hidden;}

el nombre varia segun el div al que quieras agregarle la propiedad, el signo de gatito indica que es un div

si no saves que es un div es la cajita en donde se muestra lo que as escrito XD

Avatar de WuiTroX
Super poco, solo con algunas guias de este foro e aprendido algunas cosas... Sobre #div no me pesco ninguno....
Aquí están los códigos que tiene la plantilla... Tal vez están malos :S

Los enlaces son solo para miembros. Registrate o iniciá sesión

Avatar de aura16
Junio 17, 2012, 06:38:39 PM #9 Ultima modificación: Junio 17, 2012, 06:44:46 PM por aura16
busca esta linea
Código: text
<div style="text-align: left;">
PRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBA</div>


y cambiala por esto

Código: text
<div style="text-align: left; overflow:hidden;">
PRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBAPRUEBA</div>


esto solo areglara la cajita en donde se muestra el contenido pero deves de entender que en un blog hay miles de divs

entonces si lo que quieres es que todos los divs no se rompan D:
as esto pero no es aconsejable porque puede traerte problemas S:
v
v
v
COPEA Y PEGA ESTO EN EL CSS TAL Y COMO ESTA

Código: text
div{overflow:hidden;}


nota: puedes cambiar el hidden por scroll si es que quieres un scroll

Avatar de WuiTroX
Junio 17, 2012, 06:49:22 PM #10 Ultima modificación: Junio 17, 2012, 06:57:30 PM por WuiTroX
Gracias, se me soluciono, solo ahora me toca modificar la posición de los sidebar y quedo Ok...

Muchas gracias y suerte...


Sorry revisando el blog me di cuenta que no lo centro, si no corto las letras xd....

Avatar de aura16
Cita de: WuiTroX en Junio 17, 2012, 06:49:22 PM
Gracias, se me soluciono, solo ahora me toca modificar la posición de los sidebar y quedo Ok...

Muchas gracias y suerte...


Sorry revisando el blog me di cuenta que no lo centro, si no corto las letras xd....

Yo veo tu blog igual...

Avatar de aura16
El div es muy pequeño para que quepa todo D:
entonces ponle un scroll

por eso te dije que puedes usar hidden o scroll si es que quieres un scroll

para sentrar texto se usa otra propiedad

text-align:center;

Avatar de WuiTroX
Junio 17, 2012, 07:20:49 PM #13 Ultima modificación: Junio 17, 2012, 07:23:57 PM por WuiTroX
Uff esta re loco esto, lo que are sera mejor usar el enter para cortar lo que escribo y probar como quedan los comentarios y los popular post...
Muchas gracias por su ayuda me sirvió bastante, aprendí mucho en un rato... Les cuento en un rato como quedo el post...

Avatar de aura16
Cita de: WuiTroX en Junio 17, 2012, 07:20:49 PM
Uff esta re loco esto, lo que are sera mejor usar el enter para cortar lo que escribo y probar como quedan los comentarios y los popular post...
Muchas gracias por su ayuda me sirvió bastante, aprendí mucho en un rato... Les cuento en un rato como quedo el post...

Eso pasa porque escribes palabras muy largas y rompen el div
solucionarlo con CSS es la forma mas recomendable... pero tambien puedes usar javascript que divida la cadena de texto... pero el problema del javascript es que si tienen desactivos el javascript se ban a volver a romper los divs

no eres la unica persona que tiene ese problema en casi todas las paginas esta ese error

Avatar de WuiTroX
Gracias, solucione el problema.  Coloque
Citardiv{overflow:hidden;}
y luego tuve que subir la barra lateral y ahora no se corta, acabo de termina de publicar el primer articulo...

Gracias...

Avatar de Snifer
Bueno ya esta solucionado la duda, =) asi que cierro el tema

Saludos :P
Los enlaces son solo para miembros. Registrate o iniciá sesión


Llaman traidor a la persona que evito que caiga el foro, gente bruta!



Grupo de WhatsApp