Hacer de un UL CLASS todo un link - Se puede?

[datcom]

Amigos, tengo el siguiente codigo:

Código HTML:

<ul class="ban1">
           <li class="fecha">Hoy <br /> 02:30</li>
           <li class="foto"><a class="foto1" href="#" title="Foto1"> <img src="#" alt="Foto uno" height="60" width="80" /></a> </li>
		   <li class="descripcion"> <a href="#" title="Descripcion"> Descripcion articulo completo/parcial </a> <span class="Ubicacion"> Ubicacion</span></li>
           <li class="categoria"> Categoria 1</li>
           <li class="precio"> $10.000 </li> 

Queria saber si todo ese "ban1" podia hacerlo un link y no que solo clickeando en el "foto1" o en el "description" vaya al link.

gracias

[Carlangueitor]

No no se puede, por dos razones, una no puedes meter un elemento de bloque dentro de un enlace y por que no puedes anidar enlaces. Se me hace raro que necesites algo así, quizá no estás atacando el problema correctamente, a menos que todos los links apunten a lo mismo.

Ahora, podrías hacer algo con Javascript y el evento onclick

De nuevo, te recomiendo que te mires los manuales correspondientes.

Saludos

[IsaBelM]

no es posible tener un elementos de bloque dentro de un vinculo. si lo validaras, obtendrías este error

document type does not allow element "a" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag

[datcom]

muchachos los links tanto de la foto como de la descripcion van al mismo lugar, osea cuando uno pasa el cursor sobre ban1 (bloque) quiero que eso sea el link, los demas los saco no hay drama, eso se puede?


o sigo sin cachar algo.
gracias


PD: de aqui tome el ejemplo, pero ahi haces click en cualquier parte del class contenedor del articul y hay link.

EJ: http://www.segundamano.com.ar/mendoza/index.aspx?ad=30|1||4|||||||11025||||||||||||||||| |||1||griddate%20desc

[zerokilled]

buenas,
lo único que se me ocurre es un solo enlace y dentro utilices elementos lineales. luego con css puedes cambiar el modo de renderizado (bloque, lista, lineal, etc). sin embargo, hay dos factores importantes. primero el mencionado por @carlangueitor, no puede haber enlaces anidados. y segundo, el contenido puede carecer de significado semántico.



@edit:
en el ejemplo del sitio web que muestra, lo que el autor hizo fue dar la apariencia de que toda la fila fuera un enlace. pero estructuralmente no esta construido como tal. fue hecho a base de css, en particular con la pseudoclase :hover. cuando el puntero pasa por encima, el puntero cambia a la manita (forma común para representar que un elemento es activable) y le cambia el fondo a la fila.

[IsaBelM]

es sólo un efecto creado con css (cursor:pointer). el link es únicamente el texto que está en azul

edito: ya van dos veces que piso en este hilo (Carlangueitor, zerokilled) sorry!!

[datcom]

Iniciado por zerokilled

es sólo un efecto creado con css (cursor:pointer). el link es únicamente el texto que está en azul

como es eso? agrego esa linea?

[IsaBelM]

en tu css

.ban1:hover {
cursor:pointer;
}

esto no quiere decir que por que clickees vaya a redireccionarte. sólo ocurrirá la redirección cuando se clickee en los link

[zerokilled]

@isabelm, no hay de que. eso nos pasa a todos.
@datcom, la cita que incluyes, no la redacte yo .

[datcom]

barbaro entonces es imposible redirecionar clickeando en ban1 ? , no puede ser.

que necesito un script?

[datcom]

Iniciado por zerokilled

@isabelm, no hay de que. eso nos pasa a todos.
@datcom, la cita que incluyes, no la redacte yo .

Disculpame es verdad, edite la cita y quedo mal. sorry!

[IsaBelM]

Iniciado por datcom

barbaro entonces es imposible redirecionar clickeando en ban1 ? , no puede ser.

que necesito un script?

como te dijo Carlangueitor se puede hacer con javascript y el css que te mostré

[Carlangueitor]

El problema está en tu marcado, en todo caso debería ser algo así:

Código HTML:

<ul>
        <li class="ban1"><a href="">
                <span class="fecha"></span>
                <img src="" alt="" class="foto" />
                <span class="descripcion"></span>
                <span class="ubucacion"></span>
                <span class="categoria"></span>
                <span class="precio"></span></a>
        </li>
    </ul>
 

Y arreglarlo con CSS.

Saludos

[datcom]

Iniciado por Carlangueitor

El problema está en tu marcado, en todo caso debería ser algo así:

Código HTML:

<ul>
        <li class="ban1"><a href="">
                <span class="fecha"></span>
                <img src="" alt="" class="foto" />
                <span class="descripcion"></span>
                <span class="ubucacion"></span>
                <span class="categoria"></span>
                <span class="precio"></span></a>
        </li>
    </ul>
 

Y arreglarlo con CSS.

Saludos

Gracias Carlangueitor voy a intentar con eso que me parece mas claro.