Autor Tema: [Ayuda]Link en etiqueta Div con css  (Leído 3902 veces)

Desconectado Habbo.Brian

  • PHPerit@
  • *
  • Mensajes: 46
  • Karma: 7
  • Nuev@ PHPer@
    • Ver Perfil
[Ayuda]Link en etiqueta Div con css
« en: 24 de Diciembre de 2010, 06:13:33 am »
Bueno queria saber como ponerle un link a una etiqueta div con css
en mi html tengo esta etiqueta:

<div id="vacantes"></div>

2. Y la clase "vacantes" está definida así:

#vacantes {
   width: 192px;
   height: 28px;
   background: url(images/vacantes.gif);
   margin: 0 auto;
}

Me podrian decirle como poner un link a esa img en el css :S no puedo e tratado una que otra formas

PD: Me dijieron con Jquery pero no lo manejo :S

Comunidad PHPeros

[Ayuda]Link en etiqueta Div con css
« en: 24 de Diciembre de 2010, 06:13:33 am »

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[Ayuda]Link en etiqueta Div con css
« Respuesta #1 en: 24 de Diciembre de 2010, 06:43:33 am »
Es facil, pero en vez de usar un div se usa una etiqueta de link, mira un ejemplo:

<a class="vacantes" href="destino.html"></a>

a.vacantes{
aca el estilo...
}


Espero te sirva ;)

Desconectado Habbo.Brian

  • PHPerit@
  • *
  • Mensajes: 46
  • Karma: 7
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Ayuda]Link en etiqueta Div con css
« Respuesta #2 en: 24 de Diciembre de 2010, 07:07:43 am »
Lo puse tal cual me dijiste remplazar en ves el div por esta etiqueta y nada :S el estilo tambien y ahora me aparece la img que raro :S, alguna cosa mas concreta que tenga que hacer ?

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:[Ayuda]Link en etiqueta Div con css
« Respuesta #3 en: 24 de Diciembre de 2010, 07:12:07 am »
Bueno reef, Usa onClick.

JavaScript básico.
Twitter: @JoakoM010



Desconectado Habbo.Brian

  • PHPerit@
  • *
  • Mensajes: 46
  • Karma: 7
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Ayuda]Link en etiqueta Div con css
« Respuesta #4 en: 24 de Diciembre de 2010, 07:18:26 am »
Oks, joaquin XDD, te meas tenias ganas de decirme reef

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[Ayuda]Link en etiqueta Div con css
« Respuesta #5 en: 24 de Diciembre de 2010, 07:26:53 am »
Bueno como dijo con css pues le di solución con css, da igual ¿tema resuelto?

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[Ayuda]Link en etiqueta Div con css
« Respuesta #6 en: 24 de Diciembre de 2010, 12:30:47 pm »
La mejor opción creo que es poner dentro un link, con display:block; y ocuparía todo el div.

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
Re:[Ayuda]Link en etiqueta Div con css
« Respuesta #7 en: 24 de Diciembre de 2010, 14:17:18 pm »
Simplemente tienes que agregarle una etiqueta al active link

a.vacantes {
text-decoration:none;
}

#vacantes {
   width: 192px;
   height: 28px;
   background: url(images/vacantes.gif);
   margin: 0 auto;
}

<ahref="EquisDé"><div id="vacantes"></div></a>

ahi te iria perfecto pero si quieres darle estilo a ese link solo debes agregarles reglas a la clase a.vacantes

Saludos!!