Centrar parrafos
-
Buenas:
Gracias a vosotros he resuelto una duda que tenia para cambiar el aspecto un poco de mi blog e incorporar nuevas cosas(he incorporado un cajetín con scroll en la barra lateral) bueno en realidad dos cajetines y en el segundo es donde tengo los problemas: todos los textos me salen centrados menos los dos primeros, porque es un misterio pues revisando los códigos que escribí están iguales y no le encuentro explicación. A ver si desde aquí veis algo que yo no vea, este es el código que puse:<div style="border:solid 2px #040000;background:#59688E;color:# 0909FD;padding:4px;width:225px;height:150px;overflow:auto;"> Infantil, Cadete, Juvenil y Sénior Cubre Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/reserva-cubre1.jpg" alt="Cubre calentamiento 15€" width="100px" /></a> Anorak Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/reserva-anorak.jpg" alt="Anorak 40€" width="100px" /></a> Bolsa Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/bolsa.jpg" alt="Bolsa 20€" width="100px" /></a> Minibasket Bolsa Portatodo <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/bolsita-e1421311605580.jpg" alt="Bolsa Portatodo 4€" width="100px" /></a> PACK 1.- CUBRE + BOLSA 30 Euros 2.- CUBRE + BOLSA + ANORAK 60 Euros 3.- CUBRE + ANORAK 50 Euros Información en: (correo electrónico visible solo para moderadores y personal) </div>Gracias por todo.
un saludo.El blog con el que necesito ayuda es (visible solo para usuarios conectados).
-
He corregido tu mensaje para que se vea el código correctamente. Para publicar código en el foro, debes usar el botón code de la fila superior del recuadro de mensajes, un clic en el botón, luego todo el código y luego otro clic en el botón.
Por otro lado, he ido a tu blog y he visto a lo que te refieres. El error está en que el texto no centrado está dentro de un div pero no lo está en el div que «ordena» centrar.
Así que pon todo esto
Infantil, Cadete, Juvenil y Sénior Cubre Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/">dentro del div
<div style="text-align:center !important;">y usa la etiqueta
<br />para crear párrafos en el texto y que no se solape con las imágenes.
Aclaración: la declaración important! no es necesaria ya que no estás manipulando las CSS sino que solamente estás escribiendo en un widget de texto.
-
Gracias por la respuesta.
este que pongo debajo es todo el código que use (no se por que antes no me salió completo con la etiqueta
) y como puedes ver las categorías «infantil……senior» y el párrafo «cubre Joma» están igual que los otros que si están centrados, entonces no se que pasa.<div style="border:solid 2px #040000;background:#59688E;color:# 0909FD;padding:4px;width:225px;height:150px;overflow:auto;"> Infantil, Cadete, Juvenil y Sénior<br /> <br /> Cubre Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/reserva-cubre1.jpg" alt="Cubre calentamiento 15€" width="100px" /></a> <br /> <br /> Anorak Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/reserva-anorak.jpg" alt="Anorak 40€" width="100px" /></a> <br /> <br /> Bolsa Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/bolsa.jpg" alt="Bolsa 20€" width="100px" /></a> <br /> <br /> Minibasket <br /> <br /> Bolsa Portatodo <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/bolsita-e1421311605580.jpg" alt="Bolsa Portatodo 4€" width="100px" /></a> <br /> <br /> PACK<br /> 1.- CUBRE + BOLSA 30 Euros<br /> 2.- CUBRE + BOLSA + ANORAK 60 Euros<br /> 3.- CUBRE + ANORAK 50 Euros <br /> <br /> Información en: (correo electrónico visible solo para moderadores y personal)<br /> <br /> </div>Gracias de nuevo y esperando otra ayudita.
-
La etiqueta a la que me refiero es :
<br />
que me olvidara de que aparece como código.Un saludo.
-
no se por que antes no me salió completo con la etiqueta
Porque no encerraste el código entre las etiquetas code, como te comenté en mi primer mensaje.
Sigue pasando lo mismo: Cubre Joma está fuera del div que centra el texto.
-
Perdona pero no entiendo cual es el problema.
No tengo ni idea de esto estoy dando mis primeros pasos y pasando muchas horas leyendo en foros para hacer ese pequeñito blog del club, no se si es que no me explico o no te entiendo, «cubre joma» esta igual que «anorak joma» y anorak sale centrado y cubre no.
No entiendo donde tengo que poner esa línea de código que me dices si las líneas de código están igual para todos los párrafos. Podrías ser un poco mas claro (si, puedes llamarme tonto) es que no me aclaro donde la pondría.gracias por tus respuestas y por la paciencia.
-
No, no están igual.
el código que has puesto es este:<div style="border:solid 2px #040000;background:#59688E;color:# 0909FD;padding:4px;width:225px;height:150px;overflow:auto;"> Infantil, Cadete, Juvenil y Sénior<br /> <br /> Cubre Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/reserva-cubre1.jpg" alt="Cubre calentamiento 15€" width="100px" /></a> <br /> <br /> Anorak Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/reserva-anorak.jpg" alt="Anorak 40€" width="100px" /></a> <br /> <br /> Bolsa Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/bolsa.jpg" alt="Bolsa 20€" width="100px" /></a> <br /> <br /> Minibasket <br /> <br /> Bolsa Portatodo <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/bolsita-e1421311605580.jpg" alt="Bolsa Portatodo 4€" width="100px" /></a> <br /> <br /> PACK<br /> 1.- CUBRE + BOLSA 30 Euros<br /> 2.- CUBRE + BOLSA + ANORAK 60 Euros<br /> 3.- CUBRE + ANORAK 50 Euros <br /> <br /> Información en: (correo electrónico visible solo para moderadores y personal)<br /> <br /> </div>Y Cubre Joma, que está dentro del primer div
<div style="border:solid 2px #040000;background:#59688E;color:# 0909FD;padding:4px;width:225px;height:150px;overflow:auto;">está fuera (o «arriba») del siguiente, que es el que centra el texto:
<div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/reserva-cubre1.jpg" alt="Cubre calentamiento 15€" width="100px" /></a> <br /> <br /> Anorak Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/reserva-anorak.jpg" alt="Anorak 40€" width="100px" /></a> <br /> <br /> Bolsa Joma <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/bolsa.jpg" alt="Bolsa 20€" width="100px" /></a> <br /> <br /> Minibasket <br /> <br /> Bolsa Portatodo <a href="https://estudiantespontevedra.wordpress.com/2015/01/13/reserva-de-equipaciones/" TARGET="_blank"><div style="text-align:center !important;"><img src="https://estudiantespontevedra.files.wordpress.com/2015/01/bolsita-e1421311605580.jpg" alt="Bolsa Portatodo 4€" width="100px" /></a> <br /> <br /> PACK<br /> 1.- CUBRE + BOLSA 30 Euros<br /> 2.- CUBRE + BOLSA + ANORAK 60 Euros<br /> 3.- CUBRE + ANORAK 50 Euros <br /> <br /> Información en: (correo electrónico visible solo para moderadores y personal)<br /> <br /> </div>Revisa y corrige eso. Y quita las declaraciones important!, que no tienen ningún efecto y lo único que hacen es complicar y alargar el código.
-
Gracias por todo, corregido y funcionando.
Ya te dije antes que estoy empezando y no controlo mucho o nada, lo que yo no entendía es que la línea superior influía en la línea inferior. Pensé que los textos eran independientes de los códigos o como tu dices los div.Gracias de nuevo.
Puedes cerrar este tema como solucionado.
-
- El debate ‘Centrar parrafos’ está cerrado y no admite más respuestas.
Foros WordPress.com en Español 