Foros del Web » Creando para Internet » CSS »

Crear CSS inferior derecho alineado con el texto y que este lo rodee

Estas en el tema de Crear CSS inferior derecho alineado con el texto y que este lo rodee en el foro de CSS en Foros del Web. Hola buen quiero hacer una consulta por si alguien sabe, lo que pretendo es generar un espacio inferior-derecho de un área en forma de cuadrado ...
  #1 (permalink)  
Antiguo 13/11/2009, 11:52
 
Fecha de Ingreso: noviembre-2009
Mensajes: 1
Antigüedad: 8 años, 1 mes
Puntos: 0
Crear CSS inferior derecho alineado con el texto y que este lo rodee

Hola buen quiero hacer una consulta por si alguien sabe, lo que pretendo es generar un espacio inferior-derecho de un área en forma de cuadrado dentro de un div que contiene texto, la cantidad de texto es variable pero el área del espacio es fija, es decir que el espacio va a tener un width y un height fijos y se queda fijo siempre al final del texto sin importar la cantidad de texto que haya

Este es el ejemplo

kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd

ya he tratado de poner un div flotante alineado a la derecha con un margin negativo de la misma altura que la imagen, ubica correctamente el div en la posicion que quiero pero el texto siempre atraviesa el div y no lo rodea respetando el area de espacio, algo importante para quienes me respondan y es que el objeto que genere el espacio debe estar al inicio o al final del texto, y no en la mitad ya que el texto va a ser llamado de una base de datos.


Gracias y escucho sugerencias
  #2 (permalink)  
Antiguo 13/11/2009, 15:32
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Crear CSS inferior derecho alineado con el texto y que este lo rodee

Hola ronaldino:

Mira, no se si estoy a la altura del problema, también hice pruebas con un div relativo y no logro hacerlo funcionar. Postea el código y lo vemos, a lo mejor encontramos alguien que quiera colaborar ya que es muy interesante lo que planteas.
  #3 (permalink)  
Antiguo 13/11/2009, 16:15
Avatar de sebaweb  
Fecha de Ingreso: abril-2009
Mensajes: 95
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Crear CSS inferior derecho alineado con el texto y que este lo rodee

proba con dos divs, una que ocupe todo el ancho, y la otra abajo, alineada a la izquierda, que tenga un ancho de la mitad que el otro
  #4 (permalink)  
Antiguo 13/11/2009, 18:28
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Crear CSS inferior derecho alineado con el texto y que este lo rodee

Lo más rápido y menos recomendable (por la compatibilidad entre navegadores) es utilizar la pseudo-clase
Código css:
Ver original
  1. p:nth-last-of-type(1) {padding-right: 200px;}

A ver si saco un ratito este fin de semana para este sudoku de css

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 14/11/2009, 02:56
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Crear CSS inferior derecho alineado con el texto y que este lo rodee

Hola:

Ese cuadrado en blanco ¿que va a contener? Como ya te ha dicho cristian, mejor pon tu código.

Saludos.
  #6 (permalink)  
Antiguo 17/11/2009, 10:42
 
Fecha de Ingreso: octubre-2009
Mensajes: 13
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Crear CSS inferior derecho alineado con el texto y que este lo rodee

Cita:
Iniciado por sebaweb Ver Mensaje
proba con dos divs, una que ocupe todo el ancho, y la otra abajo, alineada a la izquierda, que tenga un ancho de la mitad que el otro
Lo que pasa es que los textos se cruzan entiendes hacen superposicion pero no se aislan los contenidos de los divs
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:43.