Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Como poner 2 Div en la Misma Linea (Diseño Responsive)
#1
:O amigos tengo un problema y quiero ver si me pueden ayudar a Solucionarlo Gran sonrisa
lo que pasa es que tengo una Tabla de Informacion con Float: Left y una Imagen con Float: Right, y los tengo con Diseño Responsive pero cuando voy haciendo chica la pantalla la Imagen se baja para abajo y no quiero que pase eso Triste quiero que esten en la misma Linea [Imagen: enojado.png] me Podrian ayudar con eso?


Imágenes de Prueba:




aqui les dejo la pagina para que vean mejor el codigo y lo que hace Guiño
Firma editada por moderación: Los enlaces con ID de referido no estan permitidos.
WWW
#2
No soy diseñador, pero creo que sería mejor que el ancho de la imágen fuese 100% (.avatar img), y su contenedor (.avatar) el que tuviese el ancho fijo en pixeles, para que en tu media query [@media screen and (min-width: 480px), por ejemplo] establezcas las medidas.

Sería mejor crearas un "grid system" (no conozco una buena interpretación en español, no tan literal) como el de bootstrap, que es el que uso en mis sitios Gran sonrisa

Algunos enlaces de interés en inglés, no conozco artículos en español:

- http://css-tricks.com/dont-overthink-it-grids/
- http://zomigi.com/blog/essential-conside...a-queries/
- https://msdn.microsoft.com/en-us/magazine/hh653584.aspx
WWW
#3
Código PHP:
.profile-info-avatar {
 
   floatright;
 
   width23%;



Proba con eso, recien lo puse y la imagen no se baja (fui cambiando de resoluciones)
https://i.imgur.com/HQbEtRZ.png
Si no anda variando %


Igual no es muy recomendable trabajarlo de esa manera con divs, yo te recomendaria con table pero cada uno sus gustos Lengua.
[Imagen: GTpAop3.png]


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Plantillas HTML Responsive Free Profesionales gassip 16 670 13-06-2017, 03:45 AM
Último mensaje: gassip
  8 PREDICCIONES DE DISEÑO WEB 2017 Smithcanal 0 181 18-05-2017, 06:00 PM
Último mensaje: Smithcanal
  [Duda] Los mejores templates responsive larr86 1 239 02-12-2015, 06:13 PM
Último mensaje: Taquion
  [Ayuda] Poner contraseña a paginas web habacuc78 10 555 22-04-2015, 10:38 AM
Último mensaje: Vicen
  Diseño responsive celticslment 6 644 22-08-2014, 09:58 AM
Último mensaje: zapikero
Arcoiris Enseñe a los niños los fundamentos de la seguridad en línea R0bert0 2 486 10-08-2014, 05:09 AM
Último mensaje: habacuc78
  15 herramientas para poner a prueba tu sitio web bairesre 6 976 25-10-2013, 01:33 AM
Último mensaje: Ortega.joal
  50 Herramientas de Diseño Web Gratis! [Parte 3] lukas 2 820 03-07-2013, 09:45 PM
Último mensaje: lukas
  50 Herramientas de Diseño Web Gratis! [Parte 1] lukas 2 560 18-06-2013, 10:59 PM
Último mensaje: fercol
  50 Herramientas de Diseño Web Gratis! [Parte 2] lukas 0 641 18-06-2013, 07:35 PM
Último mensaje: lukas



Usuarios navegando en este tema: 1 invitado(s)