Capa convertido en link

gogupe · #1 (**permalink**) 10/11/2010, 01:49

Pues eso, me gustaría saber si se puede que una capa sea un link, que al hacer click se vaya a sitio de determinado.

Pido que si este tema no correspondo a css, sea movido a otro foro mas específico.

Graciasss !!

kseso? · #2 (**permalink**) 10/11/2010, 08:49

De Kseso? para gogupe:
En css/html no existen las capas.
Repetimos:
EN css no existen las capas
Confirme recepción

(standby para recepción de confirm)

10/4
Ahora explique qué es lo que necesita realizar y cómo lo tiene enfocado. Sus códigos ayudarían.

DragonX · #3 (**permalink**) 10/11/2010, 08:52

Cita:

Iniciado por gogupe

Pues eso, me gustaría saber si se puede que una capa sea un link, que al hacer click se vaya a sitio de determinado.

Pido que si este tema no correspondo a css, sea movido a otro foro mas específico.

Graciasss !!

podes envolver a un DIV con un <a href="#"> lo cual no es lo mejor ya que no seria validado ni lo optimo, pero podes hacer eso.

O, mejor, podés hacer que tu <a href="#"> tenga las medidas necesarios y el aspecto de tu "caja"

Cita:

Iniciado por kseso?

De Kseso? para gogupe:
En css/html no existen las capas.
Repetimos:
EN css no existen las capas
Confirme recepción

(standby para recepción de confirm)

10/4
Ahora explique qué es lo que necesita realizar y cómo lo tiene enfocado. Sus códigos ayudarían.

jajajaaja 10/4 a central, tenemos en 740 en proceso.....

gogupe · #4 (**permalink**) 10/11/2010, 09:58

Cita:

Iniciado por kseso?

De Kseso? para gogupe:
En css/html no existen las capas.
Repetimos:
EN css no existen las capas
Confirme recepción

(standby para recepción de confirm)

10/4
Ahora explique qué es lo que necesita realizar y cómo lo tiene enfocado. Sus códigos ayudarían.

Vaya hombre, no sabes todo lo que mas has fastidiao, y ¿ahora como le voy a llamar?, toda mi "corta" vida de programador llamandole capas, y ahora resulta que no se llaman asi... jajaaa ¿le puedo llamar contenedor, cajas, etiquetas, div, ...? (esto parece un keywords)

Central recibido el 4/10...

y ahora pongo el código, uno sencillo para que sea de mayor ayuda a lo que quiero.

Cita:

Lo que quiero es que la (...) contenedor se convierta al completo en el link, es decir que pulso en una esquina me vaya al link.

DragonX, no compendos cuando dices esto:
O, mejor, podés hacer que tu <a href="#"> tenga las medidas necesarios y el aspecto de tu "caja"

te refieres a poner <a href="#" style="width:180px;height:30px">Hola</a> ?? si es eso a lo que te refieres no funciona (nunca se me habría ocurrido hacer eso)

Gracias.

DragonX · #5 (**permalink**) 10/11/2010, 10:47

Código CSS:

Ver originala{display:block;width:180px;height:30px;}

probá
Slds

gogupe · #6 (**permalink**) 10/11/2010, 13:06

Cita:

Iniciado por DragonX

Código CSS:

Ver originala{display:block;width:180px;height:30px;}

probá
Slds

Funcionar, me ha funcionado, pero no me sirve, ya que, aunque no lo puse en el ejemplo, el div contenido tiene el siguiente padding:
padding:4px 10px 0 10px;

Y al insertar links que no son iguales de tamaño, no lo hace bien.

¿no hay otra forma ?

Gracias de todas formas

kseso? · #7 (**permalink**) 10/11/2010, 13:07

Hola Ruso:
Bien pero... qué antiestético dejarlo arrinconado en una esquina al pobre enlace =P

gogupe:
Aunque no lo crea oportuno o piense que es baladí, el uso correcto del lenguaje es la base del entendimiento. Y trae más beneficios que inconveniente. Aunque no lo crea. Y puede que esté equivocado.

/***************** ****************/

liberemos de esa "esclavitud" del rincón al enlace:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Kseso? Jugando con css</title>
<style type="text/css">
 * {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
  }
#contenedor {
border:1px solid #000000;
height:30px;
width:180px;
}
a {
  display:block; /*height: 100%;*/
  text-align: center;
  line-height:30px;
  text-decoration: none;
  font-size: 12px;
}
a:hover {background: #cdcdcd;}
</style>
</head>
<body>
  <div id ="contenedor">
    <a href="#">hola</a>
  </div>
</body>
</html>

Edito:

Gogupe:
publique todos los códigos (html y css) que atañen a su caso. Será más fácil ayudarle con una respuesta concreta y precisa a sus necesidades.

gogupe · #8 (**permalink**) 10/11/2010, 15:19

Gracias kseso? me ha ido de maravilla, justo lo que buscaba.

Saludos y gracias a ti también DragonX.