Problema menu de pestañas correderas

[tribano]

hola a tod@s!

Como bien dice el titulo del mensaje, tengo un problema con un menu que estoy creando, consigo ponerle las imagenes y lo cuadro bien, ahora lo que quiero es que cuando se marque una opción, se quede de otro color, pero no lo consigo.( A lo maximo que he llegado es a dejarla a activa mientras se hace el click, con el li:active).

Mi primera duda seria si se puede hacer solo con css, por que he visto muchos ejemplos dondes usan java o php??

Y mi segunda duda seria, si la primera es afirmativa claro esta, como se hace?

Gracias.

[jomaruro]

Hola:

En la página a la que accedes a través del enlace debes indicar que es la activa.

Código HTML:

<li><a href="opcion1.html">Opción 1</a></li>
<li class="activa"><a href="opción2.html">Opción 2</a></li>
<li><a href="opcion3.html">Opcion 3</a></li>
 

Código CSS:

.activa{
lo que quieras
}
 

Saludos.

[tribano]

Lo que pasa, es que cuando cliko en la opción del menu, lo que hago es cargar un div, el div de contenido. No cargo toda la pagina. No se si me explico?

[alexk]

tribano talvez necesitas un menu con tabs... este utilizo aveces para estos casos...
http://stilbuero.de/jquery/tabs_3/

jomaruro me encanto ...

Código CSS:

.activa{
lo que quieras
}
 

[jomaruro]

Hola:

Iniciado por alexk

jomaruro me encanto ...

No dirás que no queda claro ¿no?

Saludos.

[alexk]

No dirás que no queda claro ¿no?

jeje ta claro, pero me gusto jeje parece un eslogan, o nose jeje :)

[tribano]

Primero de todo gracias por vuestras respuestas, pero no me queda del todo claro, he estado mirando lo del tab_3, pero no consigo ver la parte que me interesa entre tanto codigo.

[alexk]

HTML
Esto dentro del head

Código HTML:

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript">
    $(function(){
        // Tabs
        $('#tabs').tabs();              
    });
</script>
 

esto dentro del body

Código HTML:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Primera pestaña</a></li><!--en el href va la misma id del div a mostrar-->
        <li><a href="#tabs-2">Segunda pestaña</a></li>
        <li><a href="#tabs-3">Tercera pestaña</a></li>
    </ul>
    <div id="tabs-1"><p>Contenido de la primera pestaña</p></div><!--esta id es la misma en el href de la pestaña-->
    <div id="tabs-2"><p>Contenido de la segunda pestaña</p></div>
    <div id="tabs-3"><p>Contenido de la tercera pestaña</p></div>
</div>
 

aver si me entiendes que no veo otra manera de mostrarlo chao!...

[tribano]

Agradezco tu respuesta y el tiempo que me dedicas, pero creo que el que no se explica soy yo.

Intento hacer unas pestañas cargando dos imagenes una para la parte izquierda que la meta a traves del #nombre del div a{} y otra imagen para la parte derecha que la carga a traves del #nombre del div li{}. Esto esta hecho.

Por otra parte en la parte de html, donde esta el <a href>tengo una funcion java que lo que hace es cargarme una pagina .php externa. En el div de contenido.