estilos para un wizard

[mpiazzon]

Hola a todos, mi consulta es la siguiente.



Necesito generar los estilos para representar el diseño de la imagen, y he estado probando pero no consigo hacerlo bien.

Lo arme con una lista (ul).
Alguien que me pueda dar alguna ayuda?

Gracias

[pitufoweb]

Hola,

pon el código que estas usando y explica donde esta el problema.



Saludos

[mpiazzon]

Código HTML:

<ul>
    <li>
         <a href="#step-1">
               Paso 1 
          </a>
    </li>
    <li>
         <a href="#step-2">
               Paso 2 
          </a>
    </li>
    <li>
         <a href="#step-3">
               Paso 3 
          </a>
    </li>
    <li>
         <a href="#step-4">
               Paso 4 
          </a>
    </li>
</ul>
 

Mi problema es como armar las imagenes para que funcione bien en el hover y cuando cambia de paso.
No se si me explico bien.

MUchas gracias por contestar.

[pitufoweb]

Iniciado por mpiazzon

Mi problema es como armar las imagenes para que funcione bien en el hover y cuando cambia de paso.

Hola, no he probado, pero en teoría, solo tienes que cortar la flecha...una para el hover y otra para su estado normal.




Saludos

[mpiazzon]

He probado , pero no puedo hacerlo funcionar bien , por que los 4 li deberian tener el mismo ancho, y no se como poner las imagenes para que se vea correctamente

[webosiris]

hoy en día no necesitas imágenes, esto te puede ayudar: http://cssarrowplease.com

PD: debería de ser un OL, no un UL

[mpiazzon]

Muchas gracias webosiris, no lo conocia, ahora lo voy a probar.