| Ver tema anterior :: Ver siguiente tema |
| Autor |
Mensaje |
mimolu
Registrado: 04 Oct 2007 Mensajes: 287
|
Publicado: Jue Ene 03, 2008 9:34 pm Título del mensaje: Disposicion en dos o mas columnas |
|
|
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 |
|
 |
juagosin

Registrado: 27 Sep 2007 Mensajes: 138
|
Publicado: Jue Ene 03, 2008 10:21 pm Título del mensaje: |
|
|
| todo eso se puede hacer mediante la hoja de estilos. A ver si mañana puedo explicartelo un poco. |
|
| Volver arriba |
|
 |
juagosin

Registrado: 27 Sep 2007 Mensajes: 138
|
Publicado: Vie Ene 04, 2008 10:45 am Título del mensaje: |
|
|
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 |
|
 |
mimolu
Registrado: 04 Oct 2007 Mensajes: 287
|
Publicado: Vie Ene 04, 2008 10:49 am Título del mensaje: |
|
|
Hola...
A probarlo enseguida, ya te cuento.
Gracias |
|
| Volver arriba |
|
 |
mimolu
Registrado: 04 Oct 2007 Mensajes: 287
|
Publicado: Vie Ene 04, 2008 2:24 pm Título del mensaje: |
|
|
Hola...
Mil gracias juagosin, probado y funcionando a la perfeccion.
Saludos |
|
| Volver arriba |
|
 |
Frisko
Registrado: 15 Oct 2007 Mensajes: 23
|
Publicado: Jue Ene 24, 2008 1:20 pm Título del mensaje: |
|
|
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 |
|
 |
juagosin

Registrado: 27 Sep 2007 Mensajes: 138
|
Publicado: Jue Ene 24, 2008 4:07 pm Título del mensaje: |
|
|
| 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 |
|
 |
mimolu
Registrado: 04 Oct 2007 Mensajes: 287
|
Publicado: Jue Ene 24, 2008 7:46 pm Título del mensaje: |
|
|
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 |
|
 |
juagosin

Registrado: 27 Sep 2007 Mensajes: 138
|
|
| Volver arriba |
|
 |
mimolu
Registrado: 04 Oct 2007 Mensajes: 287
|
Publicado: Mie Ene 30, 2008 9:09 pm Título del mensaje: |
|
|
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 |
|
 |
beto
Registrado: 10 Dic 2007 Mensajes: 109 Ubicación: lima - peru
|
Publicado: Lun May 24, 2010 6:45 am Título del mensaje: disposicion en 2 columnas o mas |
|
|
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 |
|
 |
mimolu
Registrado: 04 Oct 2007 Mensajes: 287
|
Publicado: Lun May 24, 2010 8:43 am Título del mensaje: |
|
|
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 |
|
 |
|