[SOLUCIONADO] ¿Cambiar un link en el css?

Telúrico · #1 (**permalink**) 27/02/2013, 05:43

Buenas!

Estoy haciendo una web responsive, y necesitaba que un link cambiara dependiendo de la resolución que tenga, entonces queria saber si hay alguna manera de cambiar eso por css. Me suena qeu la propiedad content puede hacerlo, pero no he encontrado la manera...

¿a alguien se le ocurre alguna solución?

Muchas gracias!!

emprear · #2 (**permalink**) 27/02/2013, 05:59

Cita:

Iniciado por Telúrico

Buenas!

Estoy haciendo una web responsive, y necesitaba que un link cambiara dependiendo de la resolución que tenga, entonces queria saber si hay alguna manera de cambiar eso por css. Me suena qeu la propiedad content puede hacerlo, pero no he encontrado la manera...

¿a alguien se le ocurre alguna solución?

Muchas gracias!!

Explicate mejor,
que un link cambie?, que cambie que cosa?, el aspecto visual o te referís al href?

Saludos

Telúrico · #3 (**permalink**) 27/02/2013, 06:12

cierto xD

Quiero que cambie el href.

Si el link que aparece en el html en una resolución de 900px es a google, lo que quiero es que cuando la resolución pase a 400px cambie a yahoo. :)

emprear · #4 (**permalink**) 27/02/2013, 06:28

supongo que usarás media queries, asi que podés hacer esto, no es exactamente cambiar sino tener los 2 y mostrar uno u otro segun la resolución, ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
#contenedor{
background: crimson;
width:200px;
height: 200px;
}
 
.me_1024{
display: none;
}
 
@media screen and (min-width : 1024px){
    #contenedor{
      background: #B8967C;
    }
    
.me_1024{
display: inline-block;
}
 
.ma_1024{
display: none;
}
 
}
 
/*]]>*/
</style>
</head>
<body>
<div id="contenedor">
<ul>
<li><a href="a.html">A</a></li>
<li><a  class="ma_1024" href="b.html">B</a><a  class="me_1024" href="b1.html">B</a></li>
<li><a href="c.html">C</a></li>
</ul>
</div>
</body>
</html>

SAludos

Telúrico · #5 (**permalink**) 27/02/2013, 06:39

Si señor, no había pensado en esa opción xD.

Perfecto, muchas gracias emprear :)