Excelente recomendacion :D
Muchas gracias (la recomendacion y la buena critica)
A:R
2009/1/12 Daniel Navarro <webpe...@gmail.com>:
> 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 <ardillar...@gmail.com>
>
>> 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 Ovillo@lists.ovillo.org
>> 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 Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
Ardilla Roja
La Trinchera // ardillaroja.com.mx
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
