Índice del Foro Los Foros del Mediterranean Adobe User Group Los Foros del Mediterranean Adobe User Group
Tutoriales e información de Productos Adobe
 
 F.A.Q.F.A.Q.   BuscarBuscar   Lista de MiembrosLista de Miembros   Grupos de UsuariosGrupos de Usuarios   RegístreseRegístrese 
 PerfilPerfil   Conéctese para revisar sus mensajesConéctese para revisar sus mensajes   ConectarseConectarse 

Disposicion en dos o mas columnas

 
Publicar Nuevo Tema   Responder al Tema    Índice del Foro Los Foros del Mediterranean Adobe User Group -> Webinars Octubre 2007
Ver tema anterior :: Ver siguiente tema  
Autor Mensaje
mimolu



Registrado: 04 Oct 2007
Mensajes: 287

MensajePublicado: Jue Ene 03, 2008 9:34 pm    Título del mensaje: Disposicion en dos o mas columnas Responder citando

Hola...
He estado viendo algunas paginas y me ha llamado mucho la atencion la disposicion con la que se muestran los productos, dos columnas. Dandole vueltas al tema no he sabido como con lo que hemos aprendido en estos webinars podria poner dicha disposicion para mostrar los productos, ya que cuando creamos los RS van todos en una columna, alguien sabe como hacerlo.
Aqui dejo una imagen de lo que os digo para que me entendais mejor.

Saludos
Volver arriba
Ver perfil del usuario Enviar mensaje privado
juagosin



Registrado: 27 Sep 2007
Mensajes: 138

MensajePublicado: Jue Ene 03, 2008 10:21 pm    Título del mensaje: Responder citando

todo eso se puede hacer mediante la hoja de estilos. A ver si mañana puedo explicartelo un poco.
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor MSN Messenger
juagosin



Registrado: 27 Sep 2007
Mensajes: 138

MensajePublicado: Vie Ene 04, 2008 10:45 am    Título del mensaje: Responder citando

Bueno mimolu, lo he hecho muy rapido y muy cutre así que perdona que quede tan feo:

http://usr004.maug.es/prueba.php

Te explico. He creado una capa con un ancho de 500px. Y luego dentro de esa capa he creado otra de un ancho de 200px y con borde rojo.
El css quedaría así:
Código:
#bloque {
   width: 500px;

}
#bloque #post {
   width: 200px;
   margin-bottom:10px;
   height: 200px;
   border: 1px solid #FF0000;
   float:left;
}


Y luego el .php ese trozo es el siguiente:
Código:
<div id="bloque">
  <?php do { ?>
    <div id="post"><?php echo $row_rsposts['postID']; echo substr($row_rsposts['texto'],0,50); ?></div>
    <?php } while ($row_rsposts = mysql_fetch_assoc($rsposts)); ?></div>

Luego creo el recordset y selecciono la capa de dentro y le digo que va a ser una zona de repetición. Y ya lo tienes. Va creando bloques de 200 px de ancho pero como está dentro de uno que como mucho puede tener 500px de ancho pues al escribir el 3º pues tiene que hacer un salto y escribirlo debajo.
Espero que lo entiendas y si tienes alguna duda ya sabes donde estamos.

PD: Perdona por hacerlo tan cutre pero es que ando muy liado ultimamente.
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor MSN Messenger
mimolu



Registrado: 04 Oct 2007
Mensajes: 287

MensajePublicado: Vie Ene 04, 2008 10:49 am    Título del mensaje: Responder citando

Hola...

A probarlo enseguida, ya te cuento.
Gracias
Volver arriba
Ver perfil del usuario Enviar mensaje privado
mimolu



Registrado: 04 Oct 2007
Mensajes: 287

MensajePublicado: Vie Ene 04, 2008 2:24 pm    Título del mensaje: Responder citando

Hola...
Mil gracias juagosin, probado y funcionando a la perfeccion.
Saludos
Volver arriba
Ver perfil del usuario Enviar mensaje privado
Frisko



Registrado: 15 Oct 2007
Mensajes: 23

MensajePublicado: Jue Ene 24, 2008 1:20 pm    Título del mensaje: Responder citando

Muy interesante esta consulta... Yo suelo trabajar con tablas y celdas de disposición ¿Podría funcionar también la doble columna con ellas a la hora de crear páginas dinámicas? ¿O es algo más complicado y por eso requiere capas?

Gracias.
Volver arriba
Ver perfil del usuario Enviar mensaje privado
juagosin



Registrado: 27 Sep 2007
Mensajes: 138

MensajePublicado: Jue Ene 24, 2008 4:07 pm    Título del mensaje: Responder citando

Frisko, sería practicamente igual. Pero por el tema de diseño y accesibilidad, hoy en día se están dejando a un lado las tablas y se utilizan capas.
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor MSN Messenger
mimolu



Registrado: 04 Oct 2007
Mensajes: 287

MensajePublicado: Jue Ene 24, 2008 7:46 pm    Título del mensaje: Responder citando

Hola...
Cita:

Pero por el tema de diseño y accesibilidad, hoy en día se están dejando a un lado las tablas y se utilizan capas.

La verdad es que yo hice mis primeros pinitos con las tablas y las celdas de diseño y ahora el trabajar con las capas me resulta bastante "raro", sobre todo a la hora de centrar las cosas o colocarlas en una posicion determinada, me da la sensacion de que el trabajo con capas se apoya muchisimo en CSS.
Otra alternativa son los elementos div PA , otro tipo de capa, cuya posicion es "absoluta" a diferencia de las otras.

No se si alguien se anima a poner luz sobre este tema, podriamos abrir un post especifico, a mi me vendria fenomenal entender un poco mas sobre este tema.

Saludos
Volver arriba
Ver perfil del usuario Enviar mensaje privado
juagosin



Registrado: 27 Sep 2007
Mensajes: 138

MensajePublicado: Sab Ene 26, 2008 9:16 pm    Título del mensaje: Responder citando

Aquí os dejo un enlace con lo que pidió mimolu en su momento. Está muy bien explicado.

http://css-tricks.com/better-ordered-lists-using-simple-php-and-css/
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor MSN Messenger
mimolu



Registrado: 04 Oct 2007
Mensajes: 287

MensajePublicado: Mie Ene 30, 2008 9:09 pm    Título del mensaje: Responder citando

Hola...
Disculpa la tardanza Juan, lo lei y se me paso responderte jajajajaja vaya cabeza, de todos modos gracias por el enlace al final acabare "aprendiendo" el puñetero ingles.
Saludos
Volver arriba
Ver perfil del usuario Enviar mensaje privado
beto



Registrado: 10 Dic 2007
Mensajes: 109
Ubicación: lima - peru

MensajePublicado: Lun May 24, 2010 6:45 am    Título del mensaje: disposicion en 2 columnas o mas Responder citando

Hola Mimolu,
una pregunta, en el ejemplo del enlace que puso Juagosin en el foro, se puede utilizar, colocando como valor de la variable $i=$row_rsAntena y antes de ello poner mas arriba o mejor dicho inicilalizar la variable como $row_rsAntena = mysql_fetch_assoc($rsAntena) ??? cuando lo hago en mi PC, esta entra en un loop que nadie la para ... ! gracias y salu2, beto

Here is an example of a simple PHP loop:
<?php for ($i = 1; ; $i++) {

if ($i > 9) {
break;
} ?>

<div class="comment-box">
<h2 class="number"><?php echo $i ?></h2>
<p>CONTENT GOES HERE.</p>
</div>

<?php } ?>


Here is the applicable CSS:
h2.number {
position: relative;
top: 0px;
left: 0px;
font-size: 10em;
color: #ccc;
float: left;
margin-right: 10px
}

#page-wrap {
width: 760px;
background: white;
margin: 0 auto;
padding: 10px 0px 50px 0px;
background: white url(images/gradient2-bg.gif) bottom repeat-x;
}

.comment-box {
margin: 0px 0px 50px 50px;
padding: 20px;
width: 240px;
border: 1px solid black;
float: left;
}
_________________
Es una buena oportunidad para hacer un diseno dinamico de paginas web
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Yahoo Messenger MSN Messenger
mimolu



Registrado: 04 Oct 2007
Mensajes: 287

MensajePublicado: Lun May 24, 2010 8:43 am    Título del mensaje: Responder citando

Hola beto...
El bucle que pones aqui funciona a la perfeccion.
Fijate que son 2 tipos de bucle "diferentes", uno es FOR y el otro es DO WHILE en la pregunta que haces $i=$row_rsAntena se tiene que cumplir $i=VARIABLE TIPO NUMERICO
Repasa el webinar PHP FASE A: El Lenguaje
Pon el codigo que armaste y vemos que hay.
Saludos
Volver arriba
Ver perfil del usuario Enviar mensaje privado
Mostrar mensajes anteriores:   
Publicar Nuevo Tema   Responder al Tema    Índice del Foro Los Foros del Mediterranean Adobe User Group -> Webinars Octubre 2007 Todas las horas están en GMT + 1 Hora
Página 1 de 1

 
Saltar a:  
No puede crear mensajes
No puede responder temas
No puede editar sus mensajes
No puede borrar sus mensajes
No puede votar en encuestas


Powered by phpBB © 2001, 2005 phpBB Group