Link transparente?

Citar

Escrito el 26 Jul 2011 03:40 pm

La verdad que ya probé miles de formas y no me sale...
Necesito ponerle un link que vaya al index.html al logo de la web y no se como dárselo.

El logo no está puesto con <img> está puesto como BG.
Saludos!

Por Kombul

35 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Jul 2011 03:43 pm

Le puse una cierta medida a la caja pero no me la respeta... Nada más me respeta el height, el width no...

Por Kombul

35 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Jul 2011 04:03 pm

Muéstranos el código, por favor...

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 26 Jul 2011 05:00 pm

<body>
<section id="contenedor">
<header>
<h1>GUIF Diseño Multimedia </h1>
</header><div id="alogo"><a href="index.html"></a></div>
<section id="logobotonera">
<nav>
<ul>
<a href="sobremi.html"><li id="sobremi">SOBRE MI</li></a>
<a href="portfolio.html"><li id="portfolio">PORTFOLIO</li></a>
<a href="contacto.html"><li id="contacto">CONTACTO</li></a>
</ul>
</nav>
</section> 

el DIV #alogo es el que le daría el link, pero no funciona.

Por Kombul

35 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Jul 2011 05:38 pm

Código HTML :

#alogo a {
    display: block;
    width: 100px;
    height: 50px;
}

Tienes que ponerle display block al <a> porque al ser una etiqueta inline no acepta medidas, y ponerselo al div no te sirve para que el link funcione.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 26 Jul 2011 05:39 pm

Pues lo que estás haciendo no es muy ortodoxo que digamos. Pero la solución que se me ocurre es que encierres el div "alogo" con el tag <a> y no alreves que es como lo tienes ahora.

Código HTML :

<a href="index.html"><div id="alogo"></div></a>

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 26 Jul 2011 06:16 pm

DriverOp escribió:

Pues lo que estás haciendo no es muy ortodoxo que digamos. Pero la solución que se me ocurre es que encierres el div "alogo" con el tag <a> y no alreves que es como lo tienes ahora.

Código HTML :

<a href="index.html"><div id="alogo"></div></a>

No recomiendo esto, pudiendo usar CSS para usar el <a> como bloque eso es innecesario y si no usa HTML5 eso no valida, ya que no esta permitido usar elementos de bloque dentro de elementos inline.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 26 Jul 2011 07:00 pm

Ramm:
Yo tampoco lo recomiendo. Pero es que tampoco recomendaría hacer lo que hace Kombul.
Antes de usar un <a> para linkear a la página en cuestión, usaría el evento onClick del div y cursor: pointer en su CSS.

Es más. Según se ve en el código, está usando <section> para hacer su layout, algo que está desaconsejado. Los tags semánticos deben usarse para eso, no para hacer layout (para eso ya existe <div>).

Y una cosa más. El tag <div> tanto puede ser de bloque como de línea. Igual que <a>.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 26 Jul 2011 08:16 pm

Voy a probar con ponerle display block al id.
Disculpen pero soy relativamente nuevo en web, estoy arrancando... hay muchas cosas que todavia no se.

No entendí lo que me dijiste de el <section> porqué está mal usado?

Por Kombul

35 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Jul 2011 08:44 pm

No me funciona poniendole display block y tampoco poniendole los <a> por afeura...

HTML:
<a href="index.html"><div id="alogo"></div></a>

CSS:
#alogo
{
float:left;
widht:260px;
height:260px;
display:block;
}

Lo tiro a la izquierda porque justamente el logo está a la izquierda...

Saludos!

Por Kombul

35 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 26 Jul 2011 11:14 pm

DriverOp escribió:

...Antes de usar un <a> para linkear a la página en cuestión, usaría el evento onClick del div y cursor: pointer en su CSS....

Eso es un consejo muy malo.

Independientemente de lo malo que esta su código en general (Sí, esta muy mal hecho), estaba respondiendo a la duda puntual, y esa es la mejor forma de hacerlo.

Puse un ejemplo de como debe hacerse en jsFiddle

Kombul: Revisalo en linea aqui:
http://jsfiddle.net/ramono/y2LxA/

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 27 Jul 2011 12:29 pm

Ramm:
Me dices que es un consejo muy malo pero no me dices por qué. Me gustaría saberlo.

Kombul:
Sospecho que tienes algo más que está "molestando". ¿Podríamos ver la página en línea en alguna parte?.

Sobre <section>. Es un tag que le da significado semántico a la página y no debe ser usado como si fuera un <div> con el cual haces tu diseño.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 27 Jul 2011 12:48 pm

DriverOp escribió:

Ramm:
Me dices que es un consejo muy malo pero no me dices por qué. Me gustaría saberlo.

1) Es un link. Los links se hacen con etiquetas <a>
2) Accesibilidad: Sin JavaScript no funciona.
3) Accesibilidad: Navegador por voz no funciona
4) SEO: no hay link, nada que registrar. (Es un estándar conocido que el logo se use como link a la principal. Es uno de los links internos mas importantes de un sitio.)
5) Es innecesario

Tu tampoco dices por que no lo recomiendas.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 27 Jul 2011 04:50 pm

No lo recomendaría simplemente porque está mal hecho desde el principio.

Habría sido mejor hacer algo como

Código HTML :

<div id="alogo"><a href="index.html"><img src="path/to/mylogo.png" alt="mi logo" /></a></div>

Y santo remedio

.

Pero vaya uno a saber qué quiere poner dentro de ese <div> que no se anima a poner un <img> que es lo que corresponde.

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 27 Jul 2011 08:08 pm

Voy a ponerlo como <img> mucho más facil, si lo pongo como BG se me hace mucho quilombo.

Saludos y muchisimas gracias.

Por Kombul

35 de clabLevel

Envíale un mensaje privado

Link transparente?

Escribe una respuesta rapida