Club Delphi  
    FTP   CCD     Buscar   Trucos   Trabajo   Foros

Retroceder   Foros Club Delphi > Otros entornos y lenguajes > HTML, Javascript y otros
Registrarse FAQ Miembros Calendario Guía de estilo Buscar Temas de Hoy Marcar Foros Como Leídos

Respuesta
 
Herramientas Buscar en Tema Desplegado
  #1  
Antiguo 18-12-2013
elsamurai elsamurai is offline
Miembro
NULL
 
Registrado: nov 2010
Posts: 38
Poder: 0
elsamurai Va por buen camino
Problemas con el responsive web design

Hola a todos mis amigos programadores,estoy terminando de crear mi pagina web,y para eso estoy creando codigos css usando las tecnicas del diseño web auto ajustable, mi pagina se ve bien en mi navegador(firefox) y ya cree el codigo para una pantalla mas pequeña en este caso 1024px, pero sucede el siguiente caso,al insertar el codigo para un tamaño mas grande ejemplo 1400px,el codigo de 1024 px deja de funcionar,y me pasa lo mismo con otros tamaños,como soy nuevo con este tipo de cosas me gustaria saber cual podria ser el problema,a continuacion le agrego los codigos que tengo
aqui estoy declarando el media query para el tamaño de 1024px
Código:
/*--------------------------------------------comienzo del responsive disign------------------------------------------------------------------------------------------*/
/*----------------------------------1024x600----------------------------------------------------------*/
@media (max-width:1024px){
    .logo{
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 0;
}
body{
    width: 1000px;
}
section{
    width: 1000px;
}
.slogan{
    color: #fff;
    font-size: 14px;
   margin-top: 2px;
   margin-left: 50px;
}
#cuerpo{
    height: auto;
}
}
en este estoy declarando el codigo para tamaño de 1400px
Código:
/*----------------------------------1440x900----------------------------------------------------------*/
@media (max-width:1440px){
  
#sobrenosotros{
    width: 260px;
    height: auto;
  
    float: left;
    
}
#paginasamigas{
    width: 300px;
    height: auto;
    
    float: left;
    
}
#redesociales{
    width: 350px;
    height: auto;
 
   float: left;
   
}
#contacto{
    width: 350px;
    height: auto;
   
    float: left;
    
}
.titulopie{
    font-size: 25px;
    color: #00a0f0;
    margin: 50px 30px 0 20px;
}
.sobrenosotros{
    margin: 0 30px 5px 15px;
}
}
ya para esta etapa el primer codigo me dejo de funcionar,espero que alguien me pueda ayudar a resolver mi problema.
Responder Con Cita
  #2  
Antiguo 18-12-2013
Avatar de mamcx
mamcx mamcx is offline
Moderador
 
Registrado: sep 2004
Ubicación: Medellín - Colombia
Posts: 3.911
Poder: 25
mamcx Tiene un aura espectacularmamcx Tiene un aura espectacularmamcx Tiene un aura espectacular
Te ahorraras trabajo si usas http://getbootstrap.com/ o http://foundation.zurb.com/
__________________
El malabarista.
Responder Con Cita
  #3  
Antiguo 18-12-2013
elsamurai elsamurai is offline
Miembro
NULL
 
Registrado: nov 2010
Posts: 38
Poder: 0
elsamurai Va por buen camino
Gracias

gracias por responderme,nunca he trabajado con ningun framwork,podrias pasarme algunos libros o tutoriales sobre foundation?
Responder Con Cita
Respuesta


Herramientas Buscar en Tema
Buscar en Tema:

Búsqueda Avanzada
Desplegado

Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes

El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado
Saltar a Foro

Temas Similares
Tema Autor Foro Respuestas Último mensaje
¿Se pueden poner las ventanas separadas de code y design en RAD Studio XE3? pokexperto1 Varios 3 14-12-2013 05:46:44
Fictional Interface Design For Delphi Existira Skin? IcebergDelphi Debates 0 28-03-2008 17:50:02
In Design: Control no has parent window Negegoca Varios 1 26-01-2007 18:26:36
Design Tab desaparece en ASP.NET edalmasso .NET 0 05-12-2006 21:22:02
dxWinXPBar de (Design eXperience II) olbeup Varios 0 17-08-2005 19:42:07


La franja horaria es GMT +2. Ahora son las 08:02:33.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Traducción al castellano por el equipo de moderadores del Club Delphi
Copyright 1996-2007 Club Delphi