[Ovillo] A dentro de DIV y posiciones ...
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
h1a href=index.phpContreras 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: -1px; }
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
Re: [Ovillo] A dentro de DIV y posiciones ...
Honestamente no entiendo mucho que queres hacer...
Algo asi?:
*
#encabezado h1 {float:right;}
.trailer {float:left;}*
On Mon, Jan 12, 2009 at 7:20 PM, Ardilla Roja ardillar...@gmail.com wrote:
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
h1a href=index.phpContreras 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: -1px; }
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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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
Re: [Ovillo] A dentro de DIV y posiciones ...
Hola Ardilla,
No se si esto es lo que buscas, espero haberte entendido bien.
#encabezado {
height:181px;
margin:0 auto;
position:relative;
width:874px;
}
#encabezado div.trailer {
background:transparent url(../interface/trailer-01.png) no-repeat
scroll center center;
height:242px;
left:35px;
position:absolute;
top:0;
width:368px;
}
Un saludo.
Andrés
http://www.andresgutierrez.net
El 12/01/2009, a las 23:20, Ardilla Roja escribió:
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
h1a href=index.phpContreras 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: -1px; }
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
Re: [Ovillo] A dentro de DIV y posiciones ...
Listo! :D Muchas gracias...
Fue agregar el relative al encabezado, y absolute al div que queria
posicionar...
A:R
2009/1/12 Ardilla Roja ardillar...@gmail.com:
Se supone que el resultado debe de ser este:
http://www.kamikazedesarrollo.net/archivos/contrerastrucking/layout_04-c_CT.jpg
2009/1/12 Andrés zumo_des...@hotmail.com:
Hola Ardilla,
No se si esto es lo que buscas, espero haberte entendido bien.
#encabezado {
height:181px;
margin:0 auto;
position:relative;
width:874px;
}
#encabezado div.trailer {
background:transparent url(../interface/trailer-01.png) no-repeat
scroll center center;
height:242px;
left:35px;
position:absolute;
top:0;
width:368px;
}
Un saludo.
Andrés
http://www.andresgutierrez.net
El 12/01/2009, a las 23:20, Ardilla Roja escribió:
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
h1a href=index.phpContreras 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: -1px; }
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
--
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
Re: [Ovillo] A dentro de DIV y posiciones ...
Claro :)
Me alegro que lo hayas resuelto.
2009/1/12 Ardilla Roja ardillar...@gmail.com
Listo! :D Muchas gracias...
Fue agregar el relative al encabezado, y absolute al div que queria
posicionar...
A:R
2009/1/12 Ardilla Roja ardillar...@gmail.com:
Se supone que el resultado debe de ser este:
http://www.kamikazedesarrollo.net/archivos/contrerastrucking/layout_04-c_CT.jpg
2009/1/12 Andrés zumo_des...@hotmail.com:
Hola Ardilla,
No se si esto es lo que buscas, espero haberte entendido bien.
#encabezado {
height:181px;
margin:0 auto;
position:relative;
width:874px;
}
#encabezado div.trailer {
background:transparent url(../interface/trailer-01.png) no-repeat
scroll center center;
height:242px;
left:35px;
position:absolute;
top:0;
width:368px;
}
Un saludo.
Andrés
http://www.andresgutierrez.net
El 12/01/2009, a las 23:20, Ardilla Roja escribió:
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
h1a href=index.phpContreras 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: -1px; }
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
--
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
--
↓ Ignacio Ricci
www.ignacioricci.com
___
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
Re: [Ovillo] A dentro de DIV y posiciones ...
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
h1a href=index.phpContreras Trucking - Inicio/a/h1
para envolver el texto con una etiqueta span:
h1a href=index.phpspanContreras 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
h1a href=index.phpContreras 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: -1px; }
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
Re: [Ovillo] A dentro de DIV y posiciones ...
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
h1a href=index.phpContreras Trucking - Inicio/a/h1
para envolver el texto con una etiqueta span:
h1a href=index.phpspanContreras 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
h1a href=index.phpContreras 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: -1px; }
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
