tabindex + links relativos

[ArturoGallegos]

buenas tardes compañeros del foro, haber si alguien me puede ayudar o darme una pista jeje

veran tengo el siguiente código

Código HTML:

<ul>
    <li tabindex="1">Renta
        <ul>
            <li><a href="/SearchValues/Renta/PropertyTypeID/5/Default.aspx">Casas</a></li>
            <li><a href="/SearchValues/Renta/PropertyTypeID/6/Default.aspx">Departamentos</a></li>
            <li><a href="http://forosdelweb.com">Foros del Web</a></li>
        </ul>
    </li>
    <li tabindex="2">Venta
        <ul>
            <li><a href="/SearchValues/Venta/PropertyTypeID/5/Default.aspx">Casas</a></li>
            <li><a href="/SearchValues/Venta/PropertyTypeID/6/Default.aspx">Departamentos</a></li>
            <li><a href="/SearchValues/Venta/PropertyTypeID/7/Default.aspx">Terrenos</a></li>
        </ul>
    </li>
</ul>
 

dentro del cual solo me funcionan los links si uso urls absolutas -> http://forosdelweb.com

yo necesito colocar urls relativas -> /SearchValues/Venta/PropertyTypeID/6/Default.aspx

alguien conoce algún tip para hacerlas funcionar? o alguna otra forma de crear tabs usando solo css?

[zerokilled]

tabindex es un atributo explicito de los elementos que pueden recibir foco (a, input, textarea, etc.). un elemento LI no puede recibir foco. en el caso de los enlaces es independientemente de si la ruta es relativa o absoluta. supongo lo que quieres hacer es aparentar dar el foco en un elemento LI, el cual lo puedes hacer con la propiedad outline o border con el estilo dotted. sin embargo, ¿como vas a controlar ese aspecto del elemento LI recibir el foco? supongo que lo queras hacer con el teclado por lo que necesitaras javascript. no obstante puede resultar un tanto obstrusivo. tienes que tener en mente que no solo vas a mover el foco entre los elementos LI, sino tambien entre el resto de los elementos que tecnicamente pueden recibir foco.

[ArturoGallegos]

muchas gracias por responder zerokilled

En realidad no tenía contemplado que el atributo fuera exclusivo de ese tipo de elementos, obtuve la idea de un menú CSS del compañero mikmoro, este menú para ser exactos http://www.araudi.net/forosdelweb/me...plegable6.html

Por el momento tengo los enlaces con rutas absolutas pero tienes toda la razón deberé considerar la opción de usar javascripts para crear esas tabs

[zerokilled]

fijate que los ejemplos de mikmoro son basado totalmente en CSS. no creo que te haga falta javascript para tal efecto. simplemente mira el codigo fuente y estudialo.

[ArturoGallegos]

No no no, si notaste en mi primer post mi duda era en cuanto a los enlaces que no me funcionan con rutas relativas solo absolutas... (el efecto me funciona perfectamente)

Por las dudas he tomado el código completo de mikmoro y solo modifique los enlaces y he obtenido el mismo resultado… solo funcionan urls absolutas.

Sigo buscando una solución aunque ya incluyo el uso de javascript dentro de mis opciones.

[emprear]

Ag666

Si estás trabajando todo dentro del mismo servidor y las rutas están correctas, no hay motivo por el cual no te funcionen las url relativas.
Prueba de poner una imagen al mismo nivel de tu html y crea un link
<a href="x.jpg">imagen x</a> a ver si te funciona.

Demás está decir que
/SearchValues/Renta/PropertyTypeID/5/Default.aspx
es relativo a tu root, y quizás tu estructura no es esa y debas usar
SearchValues/Renta/PropertyTypeID/5/Default.aspx, bueno, son solo ejemplos que quizás te orienten.
Parece ser tambien que trabajas sobre IIS, quizás haya algun alias a la carpeta de tu aspx
Habría que ver el conjunto de tu aplicación

Saludos