Numerar lista

Jeyn · 23 Nov 2011, 20:13 · Solicitar retirada

Hola.

Tengo un problema a la hora de numerar una lista.

Se trata de una clasificacion de una liguilla de futbol y consigo todo menos numerarla.

<head>
.listContainer {
	width: 798px;
	height: auto;
	background-color: #FFFFE0 ;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}
.listContainerTxt {
	width: 798px;
	height: auto;
	position: relative;
	float: right;
}
.clase5{
	width: 55px;
	background-color: #FFFFE0 ;
	counter-increment: parrafo 1;
	float:left;
}
</head>

<body>
echo "<div class='listContainer'>
	<p>
	<div align='center' width='50' class='clase5'>&nbsp;</div>// &nbsp, aqui quisiera que saliese  numerado
	<div width='200' class='clase200'>$qry[equipo]</div>
	<div width='50' class='clase50'>$qry[gf]</div>
              <div width='50' class='clase50'>$qry[gc]</div>
	<div width='50' class='clase50'>$qry[dg]</div>
	<div width='50' class='clase50'>$qry[pj]</div>
	<div width='50' class='clase50'>$qry[pg]</div>
	<div width='50' class='clase50'>$qry[pe]</div>
	<div width='50' class='clase50'>$qry[pp]</div>
	<div width='50' class='clase50'>$qry[puntos]</div>
              <div width='50' class='clase60'>&nbsp;</div>
	</p>
	</div>";}			
</body>

No he puesto la consulta a la base de ddatos entera por que me la recoge bien.

Gracias.

Un saludo

Rabs · 23 Nov 2011, 20:20 · Solicitar retirada

Puedes poner la id. No?

Doodleo · 23 Nov 2011, 20:31 · Solicitar retirada

Las listas numeradas se hacen con <ol> y </ol>

[LEFT][COLOR=#007700][FONT=monospace]<[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]head[/FONT][/COLOR][COLOR=#007700][FONT=monospace]> 
.[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]listContainer [/FONT][/COLOR][COLOR=#007700][FONT=monospace]{ 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]width[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]798px[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]height[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]auto[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]background[/FONT][/COLOR][COLOR=#007700][FONT=monospace]-[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]color[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#FF8000][FONT=monospace]#FFFFE0 ; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]position[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]relative[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]padding[/FONT][/COLOR][COLOR=#007700][FONT=monospace]-[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]top[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]5px[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]padding[/FONT][/COLOR][COLOR=#007700][FONT=monospace]-[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]bottom[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]5px[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]padding[/FONT][/COLOR][COLOR=#007700][FONT=monospace]-[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]left[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]0px[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]padding[/FONT][/COLOR][COLOR=#007700][FONT=monospace]-[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]right[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]0px[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]margin[/FONT][/COLOR][COLOR=#007700][FONT=monospace]-[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]bottom[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]10px[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
} 
.[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]listContainerTxt [/FONT][/COLOR][COLOR=#007700][FONT=monospace]{ 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]width[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]798px[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]height[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]auto[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]position[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]relative[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]float[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]right[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
} 
.[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]clase5[/FONT][/COLOR][COLOR=#007700][FONT=monospace]{ 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]width[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]55px[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]background[/FONT][/COLOR][COLOR=#007700][FONT=monospace]-[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]color[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#FF8000][FONT=monospace]#FFFFE0 ; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]counter[/FONT][/COLOR][COLOR=#007700][FONT=monospace]-[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]increment[/FONT][/COLOR][COLOR=#007700][FONT=monospace]: [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]parrafo 1[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
    [/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]float[/FONT][/COLOR][COLOR=#007700][FONT=monospace]:[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]left[/FONT][/COLOR][COLOR=#007700][FONT=monospace]; 
} 
</[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]head[/FONT][/COLOR][COLOR=#007700][FONT=monospace]> 

<[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]body[/FONT][/COLOR][COLOR=#007700][FONT=monospace]>
echo "<ol>";
echo [/FONT][/COLOR][COLOR=#DD0000][FONT=monospace]"<li><div class='listContainer'> 
    <p> 
    <div align='center' width='50' class='clase5'>&nbsp;</div>// &nbsp, aqui quisiera que saliese  numerado 
    <div width='200' class='clase200'>$qry[equipo]</div> 
    <div width='50' class='clase50'>$qry[gf]</div> 
              <div width='50' class='clase50'>$qry[gc]</div> 
    <div width='50' class='clase50'>$qry[dg]</div> 
    <div width='50' class='clase50'>$qry[pj]</div> 
    <div width='50' class='clase50'>$qry[pg]</div> 
    <div width='50' class='clase50'>$qry[pe]</div> 
    <div width='50' class='clase50'>$qry[pp]</div> 
    <div width='50' class='clase50'>$qry[puntos]</div> 
              <div width='50' class='clase60'>&nbsp;</div> 
    </p> 
    </div></li>"[/FONT][/COLOR][COLOR=#007700][FONT=monospace];
echo "</ol>";}             
</[/FONT][/COLOR][COLOR=#0000BB][FONT=monospace]body[/FONT][/COLOR][COLOR=#007700][FONT=monospace]>

Prueba con eso :-)

Jeyn · 23 Nov 2011, 20:32 · Solicitar retirada

No puede ser, por que asi los ordena por los puntos y despues por la diferencia de goles, cosa que la id estan colocados segun se registraron en la bbdd, con lo que el primer equipo puede ser el alcorcon y en la clasificacion puede ser el 5 o el 12, no se si me explico bien.

Si pongo la id siempre me dara el mismo orden y los equipos van cambiando de orden segun vayan ganando o perdiendo partidos.

Un saludo

Rabs · 23 Nov 2011, 20:43 · Solicitar retirada

AA ok, no entendí el primero ;). Es bastante facil.
Antes de la consulta a la bbdd, pones:

$orden=0;

Despues, con que pongas:

$orden++;
<div align='center' width='50' class='clase5'>$orden</div>

Jeyn · 23 Nov 2011, 20:53 · Solicitar retirada

Si debe de ser algo asi, pero no me funciona, en todos sale el 1.

Creo que puede ser por que al crear la lista empieza de nuevo y siempre toma como valor $orden=0

Cuando acba el bucle del while, comienza con el siguiente equipo, pero vuelve a coger el valor de $orden

Jeyn · 23 Nov 2011, 20:56 · Solicitar retirada

Doodleo:

He probado tambien con ol y li, tampoco me lo coge, consigo que me salan con los puntos, pero no numerados.

He abierto este tema aqui pensando que podria ser cosa del css, del "counter-increment:" en concreto y al final deberia de ser en php.

Lo siento.

Rabs · 23 Nov 2011, 21:00 · Solicitar retirada

Hey, pero lo de $orden tiene que ir ANTES de la consulta, asi con cada uno, se deberia sumar... O puedes intentar:
En la segunda parte:

$actual=$orden++;
<div align='center' width='50' class='clase5'>$actual</div>

Asi estoy al 99% de que funcionaría...

Jeyn · 23 Nov 2011, 21:20 · Solicitar retirada

Ya y no, la lista asi la crea automaticamente y a cada equio le saca eso, por eso crea la lista ordenada, lo he provado de mil maneras distintas, subo el codigo completo a ver si asi es posible.

<head>
<style type="text/css">
<!--
body {
	background-color: #E6E6FA;
}
.Estilo1 {
	font-size: 24px;
	font-weight: bold;
}
.listContainer {
	width: 800px;
	height: auto;
	background-color: #FFFFE0 ;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 10px;
}
.listContainerTxt {
	width: 800px;
	height: auto;
	position: relative;
	float: right;
}
.clase200 {
	width: 220px;
	background-color: #FFFFE0 ;
	float:left;
}
.clase50 {
	width: 55px;
	background-color: #FFFFE0 ;
	float:left;
}
.clase60 {
	width: 85px;
	background-color: #FFFFE0 ;
	float:left;
}

-->
</style></head>

<body>
<table width="800" align="center" bgcolor="#FFFFE0">
  <tr>
    <td><div align="center" class="Estilo1">
      <p>CLASIFICACION</p>
      <p>&nbsp;</p>
    </div></td>
  </tr>
</table>
<table width="800" align="center" bgcolor="#FFFFE0">
  <tr>
    <td width="50">&nbsp;</td>
    <td width="200"><div align="center"><strong>EQUIPO</strong></div></td>
    <td width="50"><div align="center"><strong>GF</strong></div></td>
    <td width="50"><div align="center"><strong>GC</strong></div></td>
    <td width="50"><div align="center"><strong>DG</strong></div></td>
    <td width="50"><div align="center"><strong>PJ</strong></div></td>
    <td width="50"><div align="center"><strong>PG</strong></div></td>
    <td width="50"><div align="center"><strong>PE</strong></div></td>
    <td width="50"><div align="center"><strong>PP</strong></div></td>
    <td width="50"><div align="center"><strong>PT</strong></div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
</table>
<table width="800" align="center" bgcolor="#FFFFE0">
  <tr>
	<?php
		include "archivos/configuracion.php"; 						
		$orden = 0;
		
		if (! $link = mysql_connect($server, $db_user, $db_pass)) {echo "No pudo conectare con mysql"; exit; }
			
		if (! mysql_select_db ($database, $link)) {echo "No se PUDO selecionar la base de Datos"; exit; }
		
		$check = "select * from $clasificacion  order by puntos desc, dg desc";
		$result = mysql_query($check) or die ("No se pudo seleccionar tabla porque ".mysql_error());
		
		if (mysql_num_rows($result)) {   

		while ($qry = mysql_fetch_array($result)) echo "<div class='listContainer'>
															<div align='center' class='clase50'>$orden++</div>
															<div class='clase200'>$qry[equipo]</div>
															<div class='clase50'>$qry[gf]</div>
															<div class='clase50'>$qry[gc]</div>
															<div class='clase50'>$qry[dg]</div>
															<div class='clase50'>$qry[pj]</div>
															<div class='clase50'>$qry[pg]</div>
															<div class='clase50'>$qry[pe]</div>
															<div class='clase50'>$qry[pp]</div>
															<div class='clase50'>$qry[puntos]</div>
															<div class='clase60'>&nbsp;</div>
														</div>";}			
	?>	 
  </tr>
  <tr>
    <td width="50">&nbsp;</td>
    <td width="200">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="11"><div align="center"><a href="principal.php">Pagina principal </a></div></td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>

Gracias.

Rabs · 24 Nov 2011, 15:16 · Solicitar retirada

Hah es que me entendias mal ;)
Aqui te lo dejo completo ;)

    <?php
        include "archivos/configuracion.php";                         
        $orden = 0;
       
        if (! $link = mysql_connect($server, $db_user, $db_pass)) {echo "No pudo conectare con mysql"; exit; }
            
        if (! mysql_select_db ($database, $link)) {echo "No se PUDO selecionar la base de Datos"; exit; }
        
        $check = "select * from $clasificacion  order by puntos desc, dg desc";
        $result = mysql_query($check) or die ("No se pudo seleccionar tabla porque ".mysql_error());
        
        if (mysql_num_rows($result)) {   

        while ($qry = mysql_fetch_array($result)) echo "<div class='listContainer'>
                                                            $actual=$orden++;
                                                            <div align='center' class='clase50'>$actual</div>
$orden=$actual;
                                                            <div class='clase200'>$qry[equipo]</div>
                                                            <div class='clase50'>$qry[gf]</div>
                                                            <div class='clase50'>$qry[gc]</div>
                                                            <div class='clase50'>$qry[dg]</div>
                                                            <div class='clase50'>$qry[pj]</div>
                                                            <div class='clase50'>$qry[pg]</div>
                                                            <div class='clase50'>$qry[pe]</div>
                                                            <div class='clase50'>$qry[pp]</div>
                                                            <div class='clase50'>$qry[puntos]</div>
                                                            <div class='clase60'>&nbsp;</div>
                                                        </div>";}            
    ?>

De la otra manera simpere se sumaba +1 a 0, y no quedaba guardado ;D

Jeyn · 24 Nov 2011, 21:23 · Solicitar retirada

No lo consigo, con lo que mas me e aproximado a sido con:

$orden="";

$actual=++$orden;

$orden=$actual;

Tal y como me lo habias puesto, con las sumas delante o detras. El problema lo veo en que en el codigo esta puesto dentro del echo del while, y en pantalla sale "$orden=$actual;" o lo que es lo mismo "1=1;"

Al estar dentro del echo no lo recoge como calculo, si no como valor a imprimir.

O por lo menos eso es lo que deduzco.

Muchas gracias de toas formas, me doy por vencido con esto, voy hacerlo con distintos div en vez de con tablas, hare uno a la derecha del otro y en el de la drecha escribire los numeros como lista, o creare una lista ordenada solo con numeros, y en el de las izquierda la consulta a la bbdd, y sera jugar con los margin y padding.

De todas formas te agradezco mucho todo lo que as echo.

Un saludo

Rabs · 24 Nov 2011, 21:41 · Solicitar retirada

Puff, ok, a ver si alguien te puede ayudar. Pero no entiendo pro que. A ver si alguien que controle algo mas nos ayuda hehe.

$orden="0";//aqui se pone valor de orden a 0, fuera del while para que lo tome a la primera

$actual=$orden++;//en este, dentro de cada consulta, se añade +1 a actual, que era nulo, y pasa a ser valor de orden mas 1 (los ++ estaba la revés xD)

$orden=$actual;//ahora, el guardar orden con valor de actual (recordamos que es orden +1) orden seria su antiguo valor mas 1, pero siendo ya habido renombrado (y guardado) en $actual

JorGens · 24 Nov 2011, 21:56 · Solicitar retirada

<?php
include "archivos/configuracion.php";                         
$orden = 0;
if (! $link = mysql_connect($server, $db_user, $db_pass)) {echo "No pudo conectare con mysql"; exit; }
if (! mysql_select_db ($database, $link)) {echo "No se PUDO selecionar la base de Datos"; exit; }
$check = "select * from $clasificacion  order by puntos desc, dg desc";
$result = mysql_query($check) or die ("No se pudo seleccionar tabla porque ".mysql_error());
if (mysql_num_rows($result))
   {   
   while ($qry = mysql_fetch_array($result))
      {
       $orden=$orden+1;
       echo "
    <div class='listContainer'>
       <div align='center' class='clase50'>$actual</div>
       $orden
       <div class='clase200'>$qry[equipo]</div>
       <div class='clase50'>$qry[gf]</div>
       <div class='clase50'>$qry[gc]</div>
       <div class='clase50'>$qry[dg]</div>
       <div class='clase50'>$qry[pj]</div>
       <div class='clase50'>$qry[pg]</div>
       <div class='clase50'>$qry[pe]</div>
       <div class='clase50'>$qry[pp]</div>
       <div class='clase50'>$qry[puntos]</div>
       <div class='clase60'>&nbsp;</div>
    </div>";
      }
   }         
;?>

La verdad es que no he podido leer los mensajes atentamente, pero creo que ha de ser asi

Jeyn · 24 Nov 2011, 21:58 · Solicitar retirada

Si, si eso lo e entendido bien.

Lo que creo qeu puede dar el error es que no hay varias consultas, y una sola consulta de la tabla entera que la ordena por el campo puntos de mayor a menor, entonces por eso solo suma 1, por que solo es una consulta.

Por eso lo puse en css en vez de en php, yo pensaba qu podria arreglarse como dije mas arriba con estilos, con "counter-increment:" pero estabamos en las mismas, por eso ya desisto, creo que como te e comentado sera mejor hacerlo de nuevo solo con div.

Ejem:

<div general aling:center; >
<div class50 float:left;>
<ul>
<li> 1</li>
<li> 2</li>
<li> 3</li>
</ul>
</div>
<div class600>
Consulta bbdd
</div>
</div

Bueno esta escrito muy asi. pero mas o menos.

Gracias.

Un saludo

Jeyn · 24 Nov 2011, 22:00 · Solicitar retirada

Bueno antes probare lo de Jorgens.

Por cierto saludos que hacia que no te veia.

Gracias.

Un saludo a todos.

Jeyn · 24 Nov 2011, 22:29 · Solicitar retirada

Ok, muchas gracias, ya ha salido.

Es como pone Jorgens

Gracias a todos.

Antes he puesto que hacia mucho que no coincidia contigo, la verdad estoy algo liado y tampoco es que yo entre mucho.

Un saludo.

Rabs · 25 Nov 2011, 15:05 · Solicitar retirada

Hmm pido disculas por el código erroneo que te di :S No em acordaba, y miré en un sitio que no debia de ser muy excato (de como sumar +1 a una variable) y pasó lo que pasó :S

JorGens · 25 Nov 2011, 15:10 · Solicitar retirada

A mandar Jeyn. Hey, muchas gracias por el enlace desde tu web! Se agradece!