Hola, Ardilla Roja. Una página bonita y hecha con gusto. Me han gustado las
referencias al mundo de la carretera, en especial las opciones del menú en
forma de carteles de señalización.
Entiendo que además del posicionamiento de la imagen del trailer, también
quieres que éste forme parte del enlace a la página de inicio.
*"Lo que no logro hacer, es que el div 'trailer' se posicione [...], y
detrás del <a>*"
Para conseguirlo, haz lo siguiente.
EN EL ARCHIVO HTML
Elimina la línea
<div class="trailer"> </div>
Cambia la línea
<h1><a href="index.php">Contreras Trucking - Inicio</a></h1>
para envolver el texto con una etiqueta span:
<h1><a href="index.php"><span>Contreras Trucking - Inicio</span></a></h1>
EN EL ARCHIVO CSS
Elimina todo el bloque de declaraciones
#encabezado div.trailer {...}
y sustitúyelo por
#encabezado h1 a span {
background-color: #99FF00;
background: url(../interface/trailer-01.png) no-repeat center center;
width: 368px;
height: 242px;
position: absolute;
top: 0;
left: 35px;
cursor: pointer; /* para IE, convierte cursor en una mano */
text-indent: -1000px; /* ocultar el texto */
}
Por último, elimina la propiedad text-indent de
#encabezado h1 a {...}
Saludos.
2009/1/12 Ardilla Roja <[email protected]>
> Buen dia a todos,
>
> Aqui con un problemita:
>
> Estoy trabajando en este sitio
> http://www.kamikazedesarrollo.net/archivos/contrerastrucking/ ....
>
> Tengo este codigo:
>
> <div id="encabezado">
> <h1><a href="index.php">Contreras Trucking - Inicio</a></h1>
> <div class="trailer"> </div>
> </div>
>
> #encabezado { width: 874px; height: 181px; margin: 0 auto; }
> #encabezado h1 { height: inherit; }
> #encabezado h1 a { display: block; width: 100%; height: 100%;
> text-indent: -10000px; }
>
> Lo que no logro hacer, es que el div 'trailer' se posicione a la
> izquierda del #encabezado, y detras del <a> .... Ya le di vueltasy
> vueltas, probe con las posiciones segun las especificaciones y nada...
> :S
>
> Espero alguien me pueda dar luz con esto xD
>
> --
> Ardilla Roja
> La Trinchera // ardillaroja.com.mx
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
