link en header

[kisquian]

Hola amigos, la pregunta creo que es algo tonta. Pero quisiera saber como puedo colocarle a un link a un h1 que funcionará como header

html:

<h1>Clúb Atletico Cerro</h1>

css:
h1 {
background-image: url(img/header.jpg);
height: 175px;
width: 945px;
background-position: center top;
text-indent: -9999px;
}

Como le agrego un link?

[j21]

No entiendo muy bien la pregunta.
<a href="#"><h1>Club Atletico Cerro</h1></a>
a eso te referis?

[carlospc]

Parece que quicieras colocar el link mediante css aplicado a la etiqueta h1, no lo vas a conseguir ya que no es una propiedad del texto, si no un atributo que se le va asignar, por lo tanto se hace con otra etiqueta html <a href="link.html"> o especifica lo que quieres lograr...

[kisquian]

Iniciado por j21

No entiendo muy bien la pregunta.
<a href="#"><h1>Club Atletico Cerro</h1></a>
a eso te referis?

Si, era simplemente eso. Es que leí un articulo que e header debería ser un h1 para beneficiarse con los buscadores. Pero así anduvo barbaro. Muchas gracias

Muchas gracias carlospc tambien por tu respuesta, pero ya está todo solucionado

[Andelous]

por ejemplo tu dijiste:

<h1>Clúb Atletico Cerro</h1>

lo que podrias hacer es esto:

<h1><a href='www.direcciondeinternet.com'>Clúb Atletico Cerro</a></h1>

el <a> es para abrir y cerrar (</a>) un vínculo

Saludos (xD)

[kisquian]

Iniciado por Andelous

por ejemplo tu dijiste:



lo que podrias hacer es esto:

<h1><a href='www.direcciondeinternet.com'>Clúb Atletico Cerro</a></h1>

el <a> es para abrir y cerrar (</a>) un vínculo

Saludos (xD)

Intenté así y no me funcionó, por lo que decidí colocarlo a la inversa, je...

Saludos

[zerokilled]

Iniciado por kisquian

Intenté así y no me funcionó, por lo que decidí colocarlo a la inversa, je...

Saludos

la forma correcta es como te lo muestra Andelous. una de las normas de HTML es que un elemento tipo lineal (inline) no puede contener elemento bloques (block). en este caso, <A> es lineal y H1 es bloque. por tanto, lo correcto es

Código HTML:

 <h1><a ...>...</a></h1>