Como quitar margen <ul> <li>

[nobo]

Si quito la etiqueta <ul> y dejo solo el <li> sale bien... Hay algun problema?
He leido algunos post de aqui y he probado lo que se decia:
padding: 0px;
margin: 0px;

Iniciado por baccxus

Código:

* {margin:0; padding: 0; border:0;}

Pero nada...

Código CSS:

.listacarrito {
    list-style-type: none;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    }
 

Dejo foto:



Pongo codigo php:

Código PHP:

<div class="carritosimple">
          Producto:
          <ul class="listacarrito">
          <?php do { ?>
          <li><?php  echo ObtenerNombreProducto($row_DatosCarrito['idProducto']); ?>(<?php echo $row_DatosCarrito['strTalla']; ?>) <?php echo "x". $row_DatosCarrito['intCantidad']; ?></li>
          <?php } while ($row_DatosCarrito = mysql_fetch_assoc($DatosCarrito)); ?></ul></div>
 

Lo que quiero conseguir es lo que se ve en la imagen... Desplazar a la derecha los productos, para que queden debajo de Producto:

Alguna idea?

Gracias de antemano !! ;)

[dotzeck]

Código CSS:

ul, li{
 margin:0 0 0 0;
 padding:0 0 0 0;
}
 

Prueba con eso en el CSS!

[nobo]

Una cosa pero asi no cambia todos los ul y li que haya en la pagina ? Yo solo quiero modificar los que estoy usando...
Esto tengo en el css....

Código CSS:

.listacarrito {
    list-style-type: none;
    font-size: 12px;
 
    }
    ul, li{
     margin:0 0 0 0;
     padding:0 0 0 0;
    }
 

Y esto en php:

Código PHP:

<div class="carritosimple">
          Producto:
          
          <?php do { ?>
          <ul class="listacarrito">
          <li><?php  echo ObtenerNombreProducto($row_DatosCarrito['idProducto']); ?>(<?php echo $row_DatosCarrito['strTalla']; ?>) <?php echo "x". $row_DatosCarrito['intCantidad']; ?></li></ul>
          <?php } while ($row_DatosCarrito = mysql_fetch_assoc($DatosCarrito)); ?></div>
          <?php echo "Precio Total:<br />". $_SESSION["totalcompra"]; ?>&euro;
                <?php if ($_SESSION["radio"] == 1){ echo $_SESSION["totalcompra"] + 8;} ?>
              
              <?php } ?>
 

PD: En serio eres de gavà? Yo soy de las bobiles xD

[pitufoweb]

con esto tendría que funcionar.


.listacarrito {
margin: 0;
padding: 0;
}

Si no funciona es probable de tengas algún "error" en tu código.


P.D. Publica el código HTML generado.


Saludos

[nobo]

.listacarrito {
list-style-type: none;
font-size: 12px;
margin: 0;
padding: 0;
}

Sigue igual...

El html lo puse arriba no ?

Lo pongo completo:

Código HTML:

<form id="form1" name="form1" method="post" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
            
           <?php
           if ( isset($_SESSION["radio"]) && $_SESSION["radio"]==1 )
           {
               echo '<input name="radio" type="radio" id="radio" value="1" checked="checked" onclick="this.form.submit();" />';
            } else
            {
                echo  '<input name="radio" type="radio" id="radio" value="1" onclick="this.form.submit();" />';
            }
           ?>
            <label for="radio">Contra reembolso <?php echo $_SESSION["totalcompra"] + 8; ?>€</label><br />
       
        <?php
           if ( isset($_SESSION["radio"]) && $_SESSION["radio"]== 2 )
           {
               echo '<input name="radio" type="radio" id="radio" value="2" checked="checked" onclick="this.form.submit();" />';
            } else
            {
                echo  '<input name="radio" type="radio" id="radio" value="2" onclick="this.form.submit();" />';
            }
           ?>
            <label for="radio">Transferencia</label><br />
           
           <?php
           if ( isset($_SESSION["radio"]) && $_SESSION["radio"]==3 )
           {
               echo '<input name="radio" type="radio" id="radio" value="3" checked="checked" onclick="this.form.submit();" />';
            } else
            {
                echo  '<input name="radio" type="radio" id="radio" value="3" onclick="this.form.submit();" />';
            }
           ?>
            <label for="radio">PayPal</label><br />
            <?php
           if ( isset($_SESSION["radio"])) { ?>
          <div class="carritosimple">
          Producto:
          
          <?php do { ?>
          <ul class="listacarrito">
          <li><?php  echo ObtenerNombreProducto($row_DatosCarrito['idProducto']); ?>(<?php echo $row_DatosCarrito['strTalla']; ?>) <?php echo "x". $row_DatosCarrito['intCantidad']; ?></li></ul>
          <?php } while ($row_DatosCarrito = mysql_fetch_assoc($DatosCarrito)); ?></div>
          <?php echo "Precio Total:<br />". $_SESSION["totalcompra"]; ?>&euro;
                <?php if ($_SESSION["radio"] == 1){ echo $_SESSION["totalcompra"] + 8;} ?>
              
              <?php } ?>
      
                <input type="submit" name="button" id="button" value="Pagar" />
            
    </form>
 

PD: No se si te refieres a esto...

[pitufoweb]

Tienes que mostrar el código HTML que se genera. NO PHP. Abre tu pagina con el navegador y muéstranos el código fuente.



Saludos

[nobo]

OK! Ahi va:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Principal.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>El Zulo</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="estilo/principal.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
    
 
 
 
<div class="container">
 
<div class="header"><div class="headerinterior"><img src="images/banner.png" alt="Tienda Zulo" width="980" height="180" /></div>
</div>
  <div class="subcontenedor">
  <div class="sidebar1">
    <!-- Llama a la base de datos para sacar las categorias -->
<!-- Diferencia entre las distintas categorias de la base de datos -->
<div class="cabeceracatalogo">MENU</div>
<ul class="listacatalogo">
  <li class="lineacatalogo"><a href="categorias_ver.php?cat=1">Camisetas</a> </li>
 
  <li class="lineacatalogo"><a href="categorias_ver.php?cat=2">Pantalones</a> </li>
  </ul>
 
 
  <p>
      
 
 
   <ul class="listacatalogo">
    <div class="cabeceracatalogo">Hola, sergi diaz ruiz</div>    <li class="lineacatalogo"><a href="carrito_lista.php" class="modificarusuario">Carrito de la Compra</a></li>
 
 
    <li class="lineacatalogo"><a href="usuario_compras.php" class="modificarusuario">Mis Compras</a></li>
    
    <li class="lineacatalogo"><a href="usuario_modificar.php" class="modificarusuario">Modificar</a> </li>
    <li class="lineacatalogo"> <a href="usuario_cerrar_sesion.php" class="modificarusuario">Salir</a></li>
    </ul>
 <!-- Incluimos el catalogo que llama a la base de datos -->
  <!-- end .sidebar1 --></div>
 
  <div class="content">
    <h1><!-- InstanceBeginEditable name="Titulo" -->Forma de Pago<!-- InstanceEndEditable --></h1>
    <!-- InstanceBeginEditable name="Contenido" -->
 
        <form id="form1" name="form1" method="post" action="/zulo/carrito_forma_pago.php">
            
           <input name="radio" type="radio" id="radio" value="1" checked="checked" onclick="this.form.submit();" />            <label for="radio">Contra reembolso 31€</label><br />
       
        <input name="radio" type="radio" id="radio" value="2" onclick="this.form.submit();" />            <label for="radio">Transferencia</label><br />
 
           
           <input name="radio" type="radio" id="radio" value="3" onclick="this.form.submit();" />            <label for="radio">PayPal</label><br />
                      <div class="carritosimple">
          Producto:
          
                  <ul class="listacarrito">
          <li>Camiseta gegen jipi() x1</li></ul>
                  <ul class="listacarrito">
          <li>Camiseta anti nazis() x1</li></ul>
 
          </div>
          Precio Total:<br />23&euro;
                31            
                  
                <input type="submit" name="button" id="button" value="Pagar" />
            
    </form>
       
     
    
       
       
     
     
    <!-- InstanceEndEditable --><!-- end .content --></div>
    <!-- end .subcontenedor --></div>
    
  <div class="footer"><div class="footerinterior">El Zulo. Distribuidora Antifascista.</div>    
    <!-- end .footer --></div>
 
  <!-- end .container --></div>
</body>
<!-- InstanceEnd --></html>
 

[pitufoweb]

Aunque hay un par de errores en el código HTML, estos no tienen nada que ver con el problema de los margenes.


Con esto se quitan los margenes; .listacarrito { margin:0; padding:0; }

Ya lo probé y si funciona. Si a ti no te funciona es por que tal ves alguna otra regla de CSS este agregando esos margenes.



Usa el Developer Tool de tu navegador para que puedas averiguar que es lo que esta causando ese margen.


Saludos

[kseso?]

Mucho me temo que pitufo ha resuelto la cuestión pero el usuario ha aprendido más bien poco. Hoy es una lista (ul) pero mañana quizás tenga el problema con un elemento de una lista.
Así que un granito de arena:
Palabra mágica:
ESPECIFICIDAD

[nobo]

kseso? voy a ignorar tu respuesta... Cuando averigue lo que pasa ya te contestare.

pitufoweb como puedo saber que me esta agregando los margenes?

Porque con:

.listacarrito { margin:0; padding:0; }

Me sigue saliendo los margenes... Paso la foto.



Donde puede estar el error ?

Podria ser algo como esto?

.content ul, .content ol {
padding: 0 15px 15px 40px;

[emprear]

@nobo

los textos del código y la imagen difieren
Camiseta gegen jipi() x1
Camiseta anti nazis() x1

contra

Camiseta ()x1
Camiseta ()x1

Supongo que estarás trabajando sobre el archivo correcto

Con padding:0;margin:0;
no solo eliminas el margen sino tambien los bullets, a no ser que definas list-style-position: inside; Cosa que no has hecho)por lo tanto, las propiedades de tu css no se estan aplicando a esos elementos( a proposito, porque 2 ul con un li cada una u no un ul con 2 li?)
De todas maneras con tu información, todo es muy incierto, ya que tenemos la imagen, tenemos el html, pero en cuanto al principal.css... bien gracias.

[nobo]

Si si si, solo que no queria poner el nombre entero... Para no herir la sensibiloidad de nadie.

ok! Voy a pegar todo el CSS... Creo que mi problema estaba en la linea que puse antes, la quite y va mejor... He conseguido tenerlo asi:



Adjunto el css:

Código CSS:

@charset "utf-8";
 
body {
    /*background: #42413C;*/
    margin: 0 auto;
    padding: 0;
    color: #333;
    background-image: url(../images/bg_zulo.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.4;
}
 
/* ~~ Selectores de elemento/etiqueta ~~ */
ul, ol, dl { /* Debido a las diferencias existentes entre los navegadores, es recomendable no añadir relleno ni márgenes en las listas. Para lograr coherencia, puede especificar las cantidades deseadas aquí o en los elementos de lista (LI, DT, DD) que contienen. Recuerde que lo que haga aquí se aplicará en cascada en la lista .nav, a no ser que escriba un selector más específico. */
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;   /* la eliminación del margen superior resuelve un problema que origina que los márgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrá separado de los elementos de que le sigan. */
    padding-right: 15px;
    padding-left: 0px; /* la adición de relleno a los lados del elemento dentro de las divs, en lugar de en las divs propiamente dichas, elimina todas las matemáticas de modelo de cuadro. Una div anidada con relleno lateral también puede usarse como método alternativo. */
}
h1 {
    font-size: 14px;
    color: #666;
    }
a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
    border: none;
}
 
/* ~~ La aplicación de estilo a los vínculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */
a:link {
    color: #42413C;
    text-decoration: underline; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}
a:visited {
    color: #6E6C64;
    text-decoration: underline;
}
a:hover, a:active, a:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
    text-decoration: none;
}
 
/* ~~ este contenedor de anchura fija rodea a las demás divs ~~ */
.container {
    width: 980px;
    margin: 0 auto;/* el valor automático de los lados, unido a la anchura, centra el diseño */
    background-color: #FFF;
    text-align:left;
    
}
 
/* ~~ no se asigna una anchura al encabezado. Se extenderá por toda la anchura del diseño. Contiene un marcador de posición de imagen que debe sustituirse por su propio logotipo vinculado ~~ */
 
 
.header {
    width: 100%;
    background-color: #ADB96E;
    background-image: url(../images/fondocabecera.png);
    height: 180px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
.headerinterior {
    width: 980px;
    height: 180px;
    margin: 0 auto;
}
 
.footerinterior {
    width: 980px;
    background-image: url(../images/fondopie.jpg);
    height: 69px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: center;
    padding-top: 10px;
}
 
.subcontenedor {
    background: #FFF;
    margin: 0 auto;
    width: 980px;
}
 
.sidebar1 {
    float: left;
    width: 180px;
    /* background: #EADCAE; */
    padding-bottom: 10px;
}
.content {
    width: 790px;
    float: left;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 10px;
}
 
/* ~~ Este selector agrupado da espacio a las listas del área de .content ~~ */
/* .content ul, .content ol { 
    padding: 0 15px 15px 40px; /* este relleno reproduce en espejo el relleno derecho de la regla de encabezados y de párrafo incluida más arriba. El relleno se ha colocado en la parte inferior para que el espacio existente entre otros elementos de la lista y a la izquierda cree la sangría. Estos pueden ajustarse como se desee.
}  */
 
/* ~~ Los estilos de lista de navegación (pueden eliminarse si opta por usar un menú desplegable predefinido como el de Spry) ~~ */
ul.nav {
    list-style: none; /* esto elimina el marcador de lista */
    border-top: 1px solid #666; /* esto crea el borde superior de los vínculos (los demás se sitúan usando un borde inferior en el LI) */
    margin-bottom: 15px; /* esto crea el espacio entre la navegación en el contenido situado debajo */
}
ul.nav li {
    border-bottom: 1px solid #666; /* esto crea la separación de los botones */
}
ul.nav a, ul.nav a:visited { /* al agrupar estos selectores, se asegurará de que los vínculos mantengan el aspecto de botón incluso después de haber sido visitados */
    padding: 5px 5px 5px 15px;
    display: block; /* esto asigna propiedades de bloque al vínculo, lo que provoca que llene todo el LI que lo contiene. Esto provoca que toda el área reaccione a un clic de ratón. */
    width: 160px;  /*esta anchura hace que se pueda hacer clic en todo el botón para IE6. Puede eliminarse si no es necesario proporcionar compatibilidad con IE6. Calcule la anchura adecuada restando el relleno de este vínculo de la anchura del contenedor de barra lateral. */
    text-decoration: none;
    background: #C6D580;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* esto cambia el color de fondo y del texto tanto para usuarios que naveguen con ratón como para los que lo hagan con teclado */
    background: #ADB96E;
    color: #FFF;
}
 
/* ~~ El pie de página ~~ */
.footer {
    padding: 0px 0;
    position: relative;/* esto da a IE6 hasLayout para borrar correctamente */
    clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
}
 
/* ~~ clases float/clear varias ~~ */
.fltrt {  /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* esta clase puede situarse en una <br /> o div vacía como elemento final tras la última div flotante (dentro de #container) si #footer se elimina o se saca fuera de #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 
a.modificacionusuario {
    color: #42413C;
    /*font-size: 9px;*/
}
a.modificacionusuario:hover {
    color: #42413C;
    /*font-size: 9px;
}
 
.resultadoproductos{
    /*background-color: #96C;*/
    width: 800px;
    overflow:auto;
}
.producto{
    background-color: #99F;
    width: 220px;
    float: left;
    margin: 10px;
    padding: 10px;
    background-image: url(../images/fondoproductonegro2.jpg);
    height: 147px;
}
.fotoproducto
{
    float: left;
    height: 110px;
    width: 110px;
    border: 1px solid #666;
    padding: 5px;
    }
 
.productoderecha{
    height: 130px;
    float: left;
    width: 85px;
}
 
.textoproductoprecio{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    float: left;
}
 
.textoproducto
{
    float: left;
    width: 85px;
    padding-left: 5px;
    font-size: 11px;
    height: 125px;
    }
    
    
.subproductos{
    padding-left: 30px;
}
 
.listacatalogo {
    list-style-type: none;
    font-size: 12px;
    }
.listacarrito {
    list-style-type: none;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
 
    
.lineacatalogo a{
    text-decoration: none;
    }
    
.lineacatalogo a:hover{
    text-decoration: underline;
    }
 
.cabeceracatalogo{
    height: 27px;
    width: 170px;
    color: #FFF;
    background-image: url(../images/cabeceramenu.jpg);
    font-size: 12px;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 10px;
    margin-top: 10px;
    text-transform: none;
    }
 
    
    
.carritosimple ul li {
    display: inline;
    list-style-type: none;
    padding: 50px;
    }
.preciocarritosimple {
    /*text-algin: center;*/
    /*position:relative;*/
    right: 15px;
    width:250px;
    float:right;
    padding-top:10px;
    }
 

Y en php:

Código PHP:

<div class="carritosimple">
          <ul>
          <li>Producto:</li>
          <li>Precio total:</li>
          </ul>
          </div>
          <?php do { ?>
          <ul class="listacarrito">
          <li><?php  echo ObtenerNombreProducto($row_DatosCarrito['idProducto']); ?>(<?php echo $row_DatosCarrito['strTalla']; ?>) <?php echo "x". $row_DatosCarrito['intCantidad']; ?></li></ul>
          <?php } while ($row_DatosCarrito = mysql_fetch_assoc($DatosCarrito)); ?>
          <?php echo "Precio Total:<br />". $_SESSION["totalcompra"]; ?>&euro;
                <?php if ($_SESSION["radio"] == 1){ echo $_SESSION["totalcompra"] + 8;} ?>
              
              <?php } ?>
 

No se si voy encaminado.... Soy nuevo en esto del css :S

Muchas gracias a ti!! ;)

[emprear]

Revisá todo desde cero.
fijate esto simplemente

Código CSS:

.listacarrito{
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
}
 
.carritosimple ul li {
    display: inline;
    list-style-type: none;
    padding: 50px;
    }
 

con la segunda regla estas sobrescribiendo los valores de la primera.
Solo usa esto
.listacarrito {
list-style-type: none;
font-size: 12px;
margin: 0;
padding: 0;
}
y el html podria ser

Código HTML:

<div class="carritosimple">
Producto:
<ul class="listacarrito">
<li>Camiseta gegen jipi() x1</li>
<li>Camiseta anti nazis() x1</li>
</ul>
 

En definitiva. Si hubieses seguido las indicaciones de kseso? respecto a luso correcto de los selectores, en lugar de ignorarlas, hubieses solucionado el tema hace rato

[nobo]

Pues no las ignore estoy leyendo la pagina. Dige que iba a ignorar su respuesta en cuanto a lo de que no habia aprendido nada y eso...

No entiendo lo de que estoy sobreescribiendo... Lo que estoy intentando hacer ahora es crear un menu horizontal con:
Producto: Precio total:

Y luego alinear los productos a la izquierda... Me lio un poco con el css...

[emprear]

@nobo, no aclares que oscurece

kseso? voy a ignorar tu respuesta... Cuando averigue lo que pasa ya te contestare.

Si al fin de cuentas leiste los y las respuestas ya las había establecido @pitufoweb, con un gracias hubiera bastado

No entiendo lo de que estoy sobreescribiendo... Lo que estoy intentando hacer ahora es crear un menu horizontal con:

La expresión "menú horizontal" aparece ahora, como por arte de magia... hubieses empezado con eso desde un principio, quitar los márgenes y paddings es solo el primer paso en la creación de un menu horizontal con una lista. Pudimos haber estado 3 dias con esto y seguríamos un debate esteril.

tema cerrado para mi

[nobo]

Si!!! Mi primer problema eran los margenes. Y lo consegui...

Lo puse arriba... Igual tienes razon y tenia que haber creado otro tema para el menu horizontal...

Perdona.

Gracias kseso? por la web. Pero... Si aprendi algo ;)

[C2am]

No entiendo lo de que estoy sobreescribiendo...

Fácil, si primero pintas la pared de azul, y luego la pintas de negro ¿de que color queda al final?
Rta:_________________

Si primero dices
estilo lista{color:azul;}

y más abajo escribes:
estilo lista {color:negro;}

¿De que color queda la lista?

Y hay mas pistas: CSS que traducido sería algo así como: Hojas de Estilos en CASCADA.
http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada

Bueno, dependiendo de tus respuestas habrás aprendido o no. Pero lo más importante es que hayas comprendido.

Saludos

[kseso?]

Iniciado por nobo

kseso? voy a ignorar tu respuesta... Cuando averigue lo que pasa ya te contestare.

Pues ahí la estoy esperando.

Fíjese, con sus preguntas posteriores a mi intervención en #9 no sólo me reafirmo en mi suposición de que desconocía la especificidad de los selectores ( y sus efectos) sino que también le vendrá bien recordarle la ley de la prevalencia: lo último declarado es lo que prevalece en los casos de reglas que colisionen.

Pero como veo que "el síndrome de la piel fina" cada día está más extendido le explico a qué me refería en #9 (pese a no sentirme obligado a hacerlo):

Una cosa pero asi no cambia todos los ul y li que haya en la pagina ? Yo solo quiero modificar los que estoy usando...

Al darle un código que corregía su problema sin acompañarlo de alguna explicación teórica (tampoco tiene obligación) se ve que no comprendió el porqué ocurría lo que ocurría.

Si usted con eso se sientió atacado... pues muy bien.

[nobo]

ok! kseso.

Seguire leyendo....

C2am si... Voy comprendiendo. Lo unico que me gustaria saber si se puede modificar solo el estilo de la lista que vaya a usar en ese momento....

Yo creia que si y que lo estaba haciendo bien... No siendo asi... Voy a mirar el link que me pasaste ;)

Gracias a los dos.

kseso? perdoname por mi respuesta. Pero no estoy deacuerdo con lo de que no haya aprendido nada...