Muy buenos tips, gracias!!!
El 24 de octubre de 2012 15:24, Hernán Beati escribió:
> Te conviene seguir el camino contrario, es decir, utilizar el concepto
> Mobile First (móvil primero) en el orden en que vincules las hojas CSS.
>
> La primera debería ser la versión a una columna, sin media quer
Germán, perdona la demora, que llevo unos días perrunos perrunos...
Entonces, aquí te (os, si le interesa a alguien más) una entrada explicando
cómo cargar o no cosas mediante php
http://www.mmfilesi.com/blog/como-detectar-dispositivos-moviles-mediante-php/
Abrazos++
--
Marcos Méndez Filesi
a) Trataré de explicar lo de las imágenes. Entonces, las que queremos que
se "estiren" les ponemos eso del width: 100%. A partir de ahí pueden pasar
dos cosas:
1. Si la imagen no tiene nada que le ciña la altura, que es lo mejor,
cuando se agranda o se achica, la altura corre pareja, por lo que no
ensionan
las columnas sin descolocarse, gracias>> Saludos: Germán Vaquer>>
-Mensaje original-> From: marcos méndez filesi> Sent: Wednesday,
October 24, 2012 4:40 PM> To: Ovillo, la lista de CSS en castellano> Subject:
Re: [Ovillo] duda responsive design>> mu
0 PM
> To: Ovillo, la lista de CSS en castellano
> Subject: Re: [Ovillo] duda responsive design
>
> muchas gracias a ti por compartir el proceso.
>
> Entonces, sí, la jugada podría ser esta.
>
> a) Limitar el ancho. Que nunca sea más de 1200, para que los que tengan
>
Ok ya me funciona y me redimensionan las columnas sin descolocarse, gracias
Saludos: Germán Vaquer
-Mensaje original-
From: marcos méndez filesi
Sent: Wednesday, October 24, 2012 4:40 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] duda responsive design
muchas
solución para
>> que
>> me quede todo ok?.
>>
>> Saludos i gracias a todos por vuestra ayuda.
>>
>> Germán Vaquer
>>
>> -Mensaje original-
>> From: marcos méndez filesi
>> Sent: Wednesday, October 24, 2012 12:37 AM
>> To: O
t;
> Saludos i gracias a todos por vuestra ayuda.
>
> Germán Vaquer
>
> -Mensaje original-
> From: marcos méndez filesi
> Sent: Wednesday, October 24, 2012 12:37 AM
> To: Ovillo, la lista de CSS en castellano
> Subject: Re: [Ovillo] duda responsive design
>
>
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] duda responsive design
+ cosas.
*1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
como te ocurre con la segunda de la segunda fila, conviene que especifiques
una altura máxima a las imágenes. Para eso puedes
Sí, es una buena solución.
Había un problema pequeño de todas maneras con el inline-block que no
recuerdo ahora muy bien cuál era, pero estaba relacionado con los márgenes
que dejaba
http://stackoverflow.com/questions/4716151/css-removing-horizontal-space-in-list-menu-using-display-inline-propert
Muchas gracias a ti por compartir estas experiencias...
curioso, sep.
a) No he probado utilizar user-scalable=yes
Aquí está la discusión en git sobre lo de la escala
https://github.com/h5bp/html5-boilerplate/issues/824
Y algunos como el tal sichuan no lo tienen claro:
I have tested on iOS5, a
Hola Marcos,
gracias por la respuesta. Pregunto porque estoy trabajando en hacer
"responsive" un sitio web muy simple, y hacendo pruebas con distintos
dispositivos móviles he encontrado unos cuantos problemas con iPads y
iPhones (no de ultima generación). El problema es que si en mi código
utilizo
Aupa
Para evitar este problema yo suelo usar display:inline-block en vez de float, y
si les pones a los elementos vertical-align:top te quedan todos alineados
arriba, y no sucede esto que pasa con los floats que se te meten en los huecos
y se desarma todo.
Si quieres utilizar floats tendrás que
Hola Tamara,
con user-scalable permites que el usuario pueda ampliar o reducir la
pantalla. Puede tomar los valores no o yes;
con initial le decimos que empiece mostrando las cosas en escala 1/1
(respecto a la resolución del móvil).
+info
http://revolucion.mobi/2012/02/14/mostrar-sitios-para-mo
Hola Marcos,
una pregunta, porque utilizas este metodo?
*2)* En vez de
>
>
>
> mejor así
>
>
>
>
Cual es la diferencia y que aporta?
Muchas gracias de antemano,
Tamara
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovill
Ok marcos, ya probaré lo que me has comentado y te diré si ya me
funciona, muchas gracias y un saludo:
Germán vaquer Mensaje originalDe: mmfilesi@gmail.comFecha:
24/10/2012 0:37Para: "Ovillo, la lista de CSS en
castellano"Asunto: Re: [Ovillo] duda responsive
design+ cosas
+ cosas.
*1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
como te ocurre con la segunda de la segunda fila, conviene que especifiques
una altura máxima a las imágenes. Para eso puedes añadir una clase a las
imágenes
.img_columna1 {
width:100% !important;
max-height: 10em;
No sé si llegó el anterior mensaje.
Por favor, prueba esto
columna1 {
min-height:33em;
overflow:hidden
}
El 23 de octubre de 2012 23:56, german vaquer escribió:
> Hola buenas!
>
> Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo
> para visualizar en cualqui
por favor, prueba a añadir esto en las CSS
columna1 {
min-height:33em;
overflow:hidden
}
El 24 de octubre de 2012 00:10, Olivier Blázquez escribió:
> > Hola,
> > Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
> > claro tu problema, pero igual podrías solucionarlo creando
> Hola,
> Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
> claro tu problema, pero igual podrías solucionarlo creando una clase nueva
> con un clear: both; y ponerlo en el cuarto div "columna1", en el septimo
> div "columna 1"... Es decir, en las cajas que comiencen a crear
Hola,
Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
claro tu problema, pero igual podrías solucionarlo creando una clase nueva
con un clear: both; y ponerlo en el cuarto div "columna1", en el septimo
div "columna 1"... Es decir, en las cajas que comiencen a crear una nueva
Hola buenas!
Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo para
visualizar en cualquier dispositivo. El problema que tengo es en la siguiente
página de dicha web:
http://www.pruebasgerman.com/companyo/entorn.html
Aquí tengo 9 imágenes con su respectivo texto, y qui
22 matches
Mail list logo