Comunidad de diseño web y desarrollo en internet online

Menu Css dinamico

Citar            
MensajeEscrito el 04 May 2007 07:18 am
Hola
Mi pregunte es si se puede hacer lo que voy a exponer en Css.

Tengo un menu vertical con una serie de numero como se aprecia en el codigo

Código :


<div id="menu">
      <ul>
                  <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
           <li><a href="#">6</a></li>
      </ul>
   </div>


He puesto su estilo y todo lo demas, no lo pongo porque creo que no es necesario para mi explicación.

La pregunta es que crezca a la inversa. yo ahora mismo quito los numeros 6 , 5 , 4 y lo que pasa es se quitan pero los numeros de arriba no bajan ya que creo que es por el alto que tiene el div.

Yo creo que si , pero utilizando javascript, digamos que empiezo con un <li> y mide X cuando le meto otro <li> tendria que medir el dobe asi hasta los numeros que le ponga, asi si lo quito tendría que reducir el alto pero mediante javascript

¿Que me opinais?

Pd: Esto es una pregunta que me hizo un amigo y yo me quede perplejo y le dije que no pero me comio el gusanillo y le di un poco vueltas a la cabeza.

Gracias por contestar...

Por Suriv

131 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 May 2007 12:47 pm
Mi no entender o_O absolutamente nada.

Suriv escribió:


La pregunta es que crezca a la inversa. yo ahora mismo quito los numeros 6 , 5 , 4 y lo que pasa es se quitan pero los numeros de arriba no bajan ya que creo que es por el alto que tiene el div.

Esta debe ser sin duda una de las frases con menos semántica que he visto en mi vida U_U

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 04 May 2007 02:07 pm
.....
Tu cuando pones una lista y añades un elemento a la lista te crece hacia abajo, lo que pretendo es que crezca hacia arriba y encontre un poco la solución.

Código :

   <div id="menu">
      <table  style="height:500px;">
            
      <tr>
         <td valign=bottom>
               <ul>
      
                     <li><a href="#">1</a></li>
                     <li><a href="#">2</a></li>
                     <li><a href="#">3</a></li>
                     <li><a href="#">4</a></li>
                     <li><a href="#">5</a></li>
                     <li><a href="#">+</a></li>
               </ul>
            
      
         </td>
      </tr>


      </table>
   </div>


Lo que he realizado es meter un tabla y alinear al Bottom con lo que se me queda abajo de la tabla, ala añadir un elemento crece para arriba....

Por Suriv

131 de clabLevel



 



Ultima edición por Suriv el 07 May 2007 11:48 am, editado 1 vez

firefox
Citar            
MensajeEscrito el 05 May 2007 12:29 pm
[offtopic]

Suriv escribió:

Haber.....

Oh no! Mis ojos! Se escribe: A ver
[/offtopic]

¿Y por qué motivo quieres que crezca a la inversa?

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 07 May 2007 12:06 pm
Bueno siento lo del , haber tengo mucha mania en escribirlo así..... intentaré no comer este error.


Se que se puede hacer de otra forma, mediante Javascript reescribiendo el estilo para que suba o baje.

El motivo de que crezca a la inversa es porque no se si va a contener 4 o 2 opciones de menu, y así me ahorro el cambiarlo la altura continuamente por CSS, ya que como observais en el codigo tiene un altura máxima y de paso aprendo algo más...

Por Suriv

131 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.