Foros del Web » Creando para Internet » CSS »

Como crear un float:right pero abajo? :S

Estas en el tema de Como crear un float:right pero abajo? :S en el foro de CSS en Foros del Web. Hola, quisiera saber si se puede hacer un float: right; pero que este abajo del div? Mi intencion es pasarlo de arriba, hacia abajo: Seria ...
  #1 (permalink)  
Antiguo 17/01/2013, 15:41
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Como crear un float:right pero abajo? :S

Hola, quisiera saber si se puede hacer un float: right; pero que este abajo del div?

Mi intencion es pasarlo de arriba, hacia abajo:


Seria de mucha ayuda, muchas Gracias!
  #2 (permalink)  
Antiguo 17/01/2013, 16:29
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como crear un float:right pero abajo? :S

No se puede. No con float. Es una forma de pensar muy tablística.

Si pones el elemento al final y lo flotas, debería de ponerse a la derecha. Nada más fácil.
  #3 (permalink)  
Antiguo 17/01/2013, 16:37
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Como crear un float:right pero abajo? :S

Muchisimas Gracias Bonez, siempre tan pendiente tu! El caso que he probado de ponerlo abajo, con float right y hasta con margin-top: .50px; y nada de eso funciono.. la verdad no tengo ni idea por donde tirar...

Dejo la web por si acaso: http://www.nuevamarca.com/2013/01/marca-abogados-gratis.html
  #4 (permalink)  
Antiguo 17/01/2013, 16:49
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como crear un float:right pero abajo? :S

Yo lo veo abajo, ¿o no?
  #5 (permalink)  
Antiguo 17/01/2013, 16:52
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Como crear un float:right pero abajo? :S

jeje si.. pero me gustaria que se me tiera dentro el texto.. al igual que lo hace cuando se hace un float arriba.. o eso ya es algo imposible? jeje...
  #6 (permalink)  
Antiguo 17/01/2013, 17:08
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como crear un float:right pero abajo? :S

Pues no se me ocurre ninguna forma la verdad.

Posicionarlo ahí no sería mayor problema. El problema es que el texto lo rodée como quieres.
  #7 (permalink)  
Antiguo 17/01/2013, 17:33
djkiku
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Como crear un float:right pero abajo? :S

Puesta ya esta bien asi Bonez, muchisimas Gracias! :)
  #8 (permalink)  
Antiguo 18/01/2013, 17:31
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 16 años, 2 meses
Puntos: 187
Respuesta: Como crear un float:right pero abajo? :S

Yo lo resolvería así:
https://googledrive.com/host/0B3hvRo.../abogados.html
Subí directamente un ejemplo porque es difícil de explicar. Pero básicamente se trata de lo siguiente.
El contenido flotado lo puse entre el texto, cosa de que flote entre el, pero no al comienzo.

Luego he manejado un poco los tamaños para acomodarlo un poco mejor.

Por cierto, la mayoría de las modificaciones que inserté están como CSS en línea (lo cual es una mala práctica) deberías llevarlo a una hoja de estilo.

Otra aclaración, algunas de estilo las agregué para manipular un poco la imagen ya que se encontraba en un lienzo con demasiados pixeles transparente arriba y abajo.
  #9 (permalink)  
Antiguo 18/01/2013, 21:15
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como crear un float:right pero abajo? :S

ryugen pero es una solución un tanto grotesca. Desde que cambie el contenido del texto tiene que volver a ajustar el botón, o peor, si fuera un layout líquido y/o sensible, al redimensionar se quedaría a la mitad y el texto dejaría de ocupar por debajo medio párrafo.

Más que nada lo digo por la gente que caerá directamente aquí buscando en Google.
  #10 (permalink)  
Antiguo 20/01/2013, 07:39
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 16 años, 2 meses
Puntos: 187
Respuesta: Como crear un float:right pero abajo? :S

Mi itención nunca fue dar una solución general.

La solución solo puede enmarcarse dentro del contexto de este post.

Una página ni fluida ni adaptable, sino que fija (en px).

Utilizando la propiedad "float" como fue pensada para utilizarse. La especificación de CSS 2.1 dice lo siguiente:
Cita:
A float is a box that is shifted to the left or right on the current line. The most interesting characteristic of a float (or "floated" or "floating" box) is that content may flow along its side (or be prohibited from doing so by the 'clear' property). Content flows down the right side of a left-floated box and down the left side of a right-floated box.
http://www.w3.org/TR/CSS2/visuren.html#floats

Que es grotesca, probablemente hoy SI lo es. Seguramente mejores soluciones hoy serían utilizar:

Flexbox : http://caniuse.com/#feat=flexbox

O aun mejor ...

Regions: http://caniuse.com/#search=regions
  #11 (permalink)  
Antiguo 22/01/2013, 08:06
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Como crear un float:right pero abajo? :S

Si, para el caso en concreto no hay duda que cumplirá su función. Pero estamos de acuerdo en que no es algo correcto.

Cita:
Iniciado por ryugen Ver Mensaje
Seguramente mejores soluciones hoy serían utilizar:
Si hoy es futuro si. flexbox está un poco más cerca de pasar a recomendación, regions algo más lejano.

Y no soy los que suelen mirar compatibilidades. Me valen los navegadores actualizados. Pero estas dos cosas en concreto están como borradores aún. Y sin duda alguna cuando se puedan usar de verdad van a simplificar mucho más las cosas.

Etiquetas: abajo
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 05:08.