Re: [Ovillo] Una capa sobre otra - z-index ??
No he estudiado bien el caso, pero según vi los z-index de un vistazo,
veo que tienes a "topnavbar" más alto, por lo que sobresaldrá por
arriba y no como dices, que "sobresalga por debajo"...
Entre más alto el z-index más sobresaliente será el DIV
Supongo que "banner" saldrá por encima de "topnavbar"
#topnavbar {
z-index: 2;
height: 400px;
border: 1px solid;
}
#banner{
z-index: 4;
height: 200px;
border: 1px solid;
}
Eso fue lo que entendísuponiendo que ambos inician en el mismo
punto, pero TOPNAVBAR continua "por debajo"
__
||
|BANNER |
||
|_|
!!
! TOPNAVBAR !
!!
-
Saludo,
DJ-Dom
El 17/05/06, Reynier Perez Mira<[EMAIL PROTECTED]> escribió:
> DJ Dom mira el ejemplo online para que veas a lo que me refiero aunque ahora
> que le quite al DIV contenedor el 100% del height no me lo hace
> Salu2
> --
> ReynierPM | Kubuntu 5.10 | Linux User:#310201
> Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no
> estoy seguro.
>
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom
> > Enviado el: Wednesday, May 17, 2006 4:03 AM
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ??
> >
> > Y no entiendo esto de "sobresalga por debajo..."
> >
> > Saludo,
> >
> > DJ-Dom
> >
> >
> > 2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>:
> > > On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > > > Debo mostrar una capa sobre otra para dar el efecto que
> > quiero. Para
> > > > ello he puesto lo siguiente:
> > > >
> > > >
> > > > Menu top
> > izquierdo
> > > > Menu top derecho
> > > >
> > > >
> > > >
> > > > Y lo que quiero es que la capa "topnavbar" sobresalga por
> > debajo de
> > > > la capa "banner". El CSS lo he puesto asi:
> > > > #topnavbar {
> > > > line-height: 30px;
> > > > background: url(../images/topnav.jpg) repeat-x left top;
> > > > z-index: 4;
> > > > }
> > > > #banner{
> > > > background: #6B839C url(../images/banner.png)
> > no-repeat left
> > > > top;
> > > > height: 210px;
> > > > z-index: 2;
> > > > }
> > > >
> > > > Pero no me funciona. Alguna idea de que es lo que estoy haciendo
> > > > mal? El ejemplo online lo tienen en:
> > > > http://testportal.awardspace.com/
> > >
> > >
> > > Así dormido por la mañana y sin mirarlo mucho, te diría que
> > pruebes a
> > > ponerle un "position : relative;" a ambas capas.
> > >
> > > --
> > > Alejandro Lillo
> > > www.nordic-design.net
> > > ___
> > > 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://ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> > --
> > www.dj-dom.net
> > [EMAIL PROTECTED]
> > ___
> > 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://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://ovillo.org/mailman/listinfo/ovillo
>
--
www.dj-dom.net
[EMAIL PROTECTED]
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] una de selectores
Hola Elena:
On Wed, 17 May 2006 12:50:42 +0200, Elena Salas wrote
> No..., mira, te pego el código abajo. Lo único que he cambiado ha
> sido el color y el tamaño del selector y he añadido un con el
id="content".
> Lo que pones en el selector #content p a, prevalece sobre la clase
> que le has puesto al , aunque ésta sea más profunda. No sé si me explico...
Si, te has explicado perfectamente :)
Muchas gracias por haberte molestado en probar el código y enviarlo por
correo. La solución que planteas es la que actualmente tengo implementada pero
resulta que existen enlaces con la clase "download" en distintos elementos
como por ejemplo "p", "table", etc...
Para poder hacer uso de la clase "download" tendría que definirla "debajo" de
cada elemento ("p", "table tr td", etc):
#content p a
#content table.m2 td a
#content ul li a
etc...
un saludo
>
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml";>
>
> Test
>
>
>
>
> documento
>
> documento
>
>
>
> ___
> 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://ovillo.org/mailman/listinfo/ovillo
--
Manuel J. Recena Soto
* www.manuelrecena.com
* [EMAIL PROTECTED]
* +34 609710280 (ES)
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] efecto cuando esta activo
> ¿Y cuándo quieres que se vea ese efecto? ¿Al pasar el ratón por > encima? > ¿Al hacer click? > El efecto quiero que se vea al arrastrar los bloques, el mismo que en la web de google > Con :hover te funcionará, pero en IE no :D Si quieres que te > funcione en > IE, tendrás que usar javascript (muy sencillito). > Que no me funcione en IE, no me importa, con hover lo intente y no me funciono Alguna sugerencia? ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Alineacion de Div(s) ..
On 5/17/06, Tipler <[EMAIL PROTECTED]> wrote:
> Que tal ..
>
> .. este es mi primer mensaje a la lista buscando un poco de ayuda ..
> .. estoy intentando centrar div(s) anidados y no logro poder hacerlo ...
>
> La estructura es la siguiente ... (pueden verlo mejor en el attach)
>
> Encabezado
>
>Izq
>Der
>
> Pie
>
> Les cuento ..
> .. la idea es que "container" siempre este centrado respecto del
> documento y dentro de él, "BodyLeft" y "BodyRight" también lo esten
> dentro de "container" y respecto de él.
>
> Segun los estilos que estoy armando, tanto a "BodyLeft" como a
> "BodyRight" les estoy aplicando un "float:left" así los tengo uno al
> lado del otro. Pero eso evita que los pueda centrar respecto de
> "container".
No vas a poder centrar las dos columnas respecto a container sin tener
otro div alrededor que se encargue de centrar, en ese caso tendras que
hacer lo mismo que para centrar container,
body
{
text-align: center; // esto sirve para centrar en IE
}
#container
{
margin: 0 auto; // centrar en otros navegadoras
text-align: left; // sobre-escribir el valor de center establecido en body
}
>
> Sobre container aún estoy más perdido. Si aplico sobre al "body"
> text-align:center , solo funciona en IE pero no en FireFox. Y si
> aplico margin-left / right no pasa nada.
>
> .. me podrían orientar un poco?
>
> Gracias de antemano ..
> Tipler ..
>
>
> ___
> 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://ovillo.org/mailman/listinfo/ovillo
>
>
>
--
Hermann Kaser
http://www.theragingche.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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Alineacion de Div(s) ..
Que tal .. .. este es mi primer mensaje a la lista buscando un poco de ayuda .. .. estoy intentando centrar div(s) anidados y no logro poder hacerlo ... La estructura es la siguiente ... (pueden verlo mejor en el attach) Encabezado Izq Der Pie Les cuento .. .. la idea es que "container" siempre este centrado respecto del documento y dentro de él, "BodyLeft" y "BodyRight" también lo esten dentro de "container" y respecto de él. Segun los estilos que estoy armando, tanto a "BodyLeft" como a "BodyRight" les estoy aplicando un "float:left" así los tengo uno al lado del otro. Pero eso evita que los pueda centrar respecto de "container". Sobre container aún estoy más perdido. Si aplico sobre al "body" text-align:center , solo funciona en IE pero no en FireFox. Y si aplico margin-left / right no pasa nada. .. me podrían orientar un poco? Gracias de antemano .. Tipler .. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
DJ Dom mira el ejemplo online para que veas a lo que me refiero aunque ahora
que le quite al DIV contenedor el 100% del height no me lo hace
Salu2
--
ReynierPM | Kubuntu 5.10 | Linux User:#310201
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no
estoy seguro.
> -Mensaje original-
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom
> Enviado el: Wednesday, May 17, 2006 4:03 AM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Una capa sobre otra - z-index ??
>
> Y no entiendo esto de "sobresalga por debajo..."
>
> Saludo,
>
> DJ-Dom
>
>
> 2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>:
> > On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > > Debo mostrar una capa sobre otra para dar el efecto que
> quiero. Para
> > > ello he puesto lo siguiente:
> > >
> > >
> > > Menu top
> izquierdo
> > > Menu top derecho
> > >
> > >
> > >
> > > Y lo que quiero es que la capa "topnavbar" sobresalga por
> debajo de
> > > la capa "banner". El CSS lo he puesto asi:
> > > #topnavbar {
> > > line-height: 30px;
> > > background: url(../images/topnav.jpg) repeat-x left top;
> > > z-index: 4;
> > > }
> > > #banner{
> > > background: #6B839C url(../images/banner.png)
> no-repeat left
> > > top;
> > > height: 210px;
> > > z-index: 2;
> > > }
> > >
> > > Pero no me funciona. Alguna idea de que es lo que estoy haciendo
> > > mal? El ejemplo online lo tienen en:
> > > http://testportal.awardspace.com/
> >
> >
> > Así dormido por la mañana y sin mirarlo mucho, te diría que
> pruebes a
> > ponerle un "position : relative;" a ambas capas.
> >
> > --
> > Alejandro Lillo
> > www.nordic-design.net
> > ___
> > 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://ovillo.org/mailman/listinfo/ovillo
> >
>
>
> --
> www.dj-dom.net
> [EMAIL PROTECTED]
> ___
> 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
A cuales capas? ¿righttopnavvar y lefttopnavvar?
Salu2
--
ReynierPM | Kubuntu 5.10 | Linux User:#310201
Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no
estoy seguro.
> -Mensaje original-
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de Alejandro Lillo
> Enviado el: Wednesday, May 17, 2006 2:54 AM
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] Una capa sobre otra - z-index ??
>
> On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > Debo mostrar una capa sobre otra para dar el efecto que
> quiero. Para
> > ello he puesto lo siguiente:
> >
> >
> > Menu top izquierdo
> > Menu top derecho
> >
> >
> >
> >
> > Y lo que quiero es que la capa "topnavbar" sobresalga por
> debajo de la
> > capa "banner". El CSS lo he puesto asi:
> > #topnavbar {
> > line-height: 30px;
> > background: url(../images/topnav.jpg) repeat-x left top;
> > z-index: 4;
> > }
> > #banner{
> > background: #6B839C url(../images/banner.png)
> no-repeat left
> > top;
> > height: 210px;
> > z-index: 2;
> > }
> >
> > Pero no me funciona. Alguna idea de que es lo que estoy
> haciendo mal?
> > El ejemplo online lo tienen en: http://testportal.awardspace.com/
>
>
> Así dormido por la mañana y sin mirarlo mucho, te diría que
> pruebes a ponerle un "position : relative;" a ambas capas.
>
> --
> Alejandro Lillo
> www.nordic-design.net
> ___
> 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con maquetado CSS
Hola Jaime: Podrías ponerme un ejemplo un poco más claro? No logro entender como podria hacer esto con el body y bueno como bien dices el "gran IE" siempre nos trae problemas con todo esto. Salu2 -- ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] efecto cuando esta activo
On Wed, 17 May 2006 21:46:09 +0200, alarkspur <[EMAIL PROTECTED]> wrote: > Buenas, hay un efecto que me tiene intrigado ya que no se si es una > propiedad de css o esta elaborado con javascript > > La pagina en cuestión donde se puede ver es > http://www.google.com/ig > > y el efecto al que me refiero es el de la linea de puntos que queda > tras mover un bloque, lo de mover el bloque es algo que no me > interesa, me interesa saber si el efecto de linea de puntos que se ve > esta realizado con css??? > > He probado con active e incluso con hover pero nada, no hay manera :-( > > Alguien podría aclararmelo, gracias. ¿Y cuándo quieres que se vea ese efecto? ¿Al pasar el ratón por encima? ¿Al hacer click? Con :hover te funcionará, pero en IE no :D Si quieres que te funcione en IE, tendrás que usar javascript (muy sencillito). -- Si estás leyendo esta firma buscando una cita, lee un libro: está lleno de ellas. Víctor Pimentel ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] efecto cuando esta activo
Buenas, hay un efecto que me tiene intrigado ya que no se si es una propiedad de css o esta elaborado con javascript La pagina en cuestión donde se puede ver es http://www.google.com/ig y el efecto al que me refiero es el de la linea de puntos que queda tras mover un bloque, lo de mover el bloque es algo que no me interesa, me interesa saber si el efecto de linea de puntos que se ve esta realizado con css??? He probado con active e incluso con hover pero nada, no hay manera :-( Alguien podría aclararmelo, gracias. Saludos. ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Atributo "outset" en FF
Voy a usar una imagen para no tener problemas, te agradesco los links. La idea
es estética, digamos que me gusta como se ve en este caso en particular, un
recurso simple para separar items en una toolbar. Salu2
stripTM <[EMAIL PROTECTED]> escribió: Marcelo Di Raimondo escribió:
> Me pregunto por que no funciona el atributo "outset" en FF, digamos, que
> funciona mal. En IE se ve bien.
>
> .linea_centro_menu {
> border-left-width: 2px;
> border-left-style: outset;
> border-left-color: #F2F2F2;
> }
>
> hay alguna manera de reemplazarlo?
>
Mira a ver si se trata de este bug
https://bugzilla.mozilla.org/show_bug.cgi?id=135394
el ejemplo lo tienes en https://bugzilla.mozilla.org/attachment.cgi?id=77633
Hay otro similar en https://bugzilla.mozilla.org/show_bug.cgi?id=50699
Por lo que veo no hay demasiado interés por arreglarlo (si es que hay
que arreglar algo), me temo que no hay demasiada gente que lo utilice.
--
Saludos -=stripTM=-
___
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://ovillo.org/mailman/listinfo/ovillo
Marcelo Di Raimondo
Barcala 58 | Ciudad
Mendoza | Argentina
54 + 0261 + 4200166
-
Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por $100
al mes. http://net.yahoo.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] firefox: color de fondo en imagenes con enlace ¿como evitarlo?
si al final vas a saber y todo ;)
muy bueno y muy simple.
gracias alberto!
2006/5/17, alberto romero <[EMAIL PROTECTED]>:
>
> On 5/17/06, Pedro Moreno wrote:
> >
> > hola,
> >
> > tengo una imagen con enlace, que me toma el estilo de los enlaces
> general
> > del sitio, saliendome el background color en su lado inferior cuando el
> > puntero pasa por encima. intento aplicarle un estilo propio "pisando"
> ese
> > atributo con un transparent u otro color pero no hay manera de
> cambiarlo.
> >
> > esta pregunta tiene pinta de ser digna de FAQ pero no doy con la
> > solución...
> > estoy espesito... seguro que es una tontería pero google "no me hace
> caso"
> > hoy ;)
>
>
>
> Pedro:
>
> Si te das cuenta, la imagen está ligeramente por encima de la linea base
> del
> enlace, así que esto hará lo que quieres:
>
> a img {
> vertical-align: bottom
> }
>
> --
> alberto romero | denegro.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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Atributo "outset" en FF
Marcelo Di Raimondo escribió:
> Me pregunto por que no funciona el atributo "outset" en FF, digamos, que
> funciona mal. En IE se ve bien.
>
> .linea_centro_menu {
> border-left-width: 2px;
> border-left-style: outset;
> border-left-color: #F2F2F2;
> }
>
> hay alguna manera de reemplazarlo?
>
Mira a ver si se trata de este bug
https://bugzilla.mozilla.org/show_bug.cgi?id=135394
el ejemplo lo tienes en https://bugzilla.mozilla.org/attachment.cgi?id=77633
Hay otro similar en https://bugzilla.mozilla.org/show_bug.cgi?id=50699
Por lo que veo no hay demasiado interés por arreglarlo (si es que hay
que arreglar algo), me temo que no hay demasiada gente que lo utilice.
--
Saludos -=stripTM=-
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] firefox: color de fondo en imagenes con enlace ¿como evitarlo?
On 5/17/06, Pedro Moreno wrote:
>
> hola,
>
> tengo una imagen con enlace, que me toma el estilo de los enlaces general
> del sitio, saliendome el background color en su lado inferior cuando el
> puntero pasa por encima. intento aplicarle un estilo propio "pisando" ese
> atributo con un transparent u otro color pero no hay manera de cambiarlo.
>
> esta pregunta tiene pinta de ser digna de FAQ pero no doy con la
> solución...
> estoy espesito... seguro que es una tontería pero google "no me hace caso"
> hoy ;)
Pedro:
Si te das cuenta, la imagen está ligeramente por encima de la linea base del
enlace, así que esto hará lo que quieres:
a img {
vertical-align: bottom
}
--
alberto romero | denegro.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] firefox: color de fondo en imagenes con enlace ¿como evitarlo?
Hola Pedro, haz la prueba con esto:
En el html pones lo siguiente:
http://www.ovillo.org"; title="Enlace a la
página web de Ovillo">
En la CSS escribes lo siguiente:
#capaimagen a {text-decoration:none; border:0px }
#capaimagen a:hover {text-decoration:none; border:0px }
Salu2
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] firefox: color de fondo en imagenes con enlace ¿como evitarlo?
Yo tuve ese problema, pero como "trasnparent" no es una propiedad
válida (Que debería serlo)
Lo que tienes es que colocarle un color:
a:hover{
color: red;
background-color: white;
}
a:hover img{
color: white;
background-color: red;
}
Saludo,
DJ-Dom
2006/5/17, Pedro Moreno <[EMAIL PROTECTED]>:
> hola,
>
> tengo una imagen con enlace, que me toma el estilo de los enlaces general
> del sitio, saliendome el background color en su lado inferior cuando el
> puntero pasa por encima. intento aplicarle un estilo propio "pisando" ese
> atributo con un transparent u otro color pero no hay manera de cambiarlo.
>
> esta pregunta tiene pinta de ser digna de FAQ pero no doy con la solución...
> estoy espesito... seguro que es una tontería pero google "no me hace caso"
> hoy ;)
>
> gracias miles!
> Pedro Moreno
> ___
> 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://ovillo.org/mailman/listinfo/ovillo
>
--
www.dj-dom.net
[EMAIL PROTECTED]
___
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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Atributo "outset" en FF
Me pregunto por que no funciona el atributo "outset" en FF, digamos, que
funciona mal. En IE se ve bien.
.linea_centro_menu {
border-left-width: 2px;
border-left-style: outset;
border-left-color: #F2F2F2;
}
hay alguna manera de reemplazarlo?
Marcelo Di Raimondo
Barcala 58 | Ciudad
Mendoza | Argentina
54 + 0261 + 4200166
-
Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por $100
al mes. http://net.yahoo.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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] firefox: color de fondo en imagenes con enlace ¿como evitarlo?
hola, tengo una imagen con enlace, que me toma el estilo de los enlaces general del sitio, saliendome el background color en su lado inferior cuando el puntero pasa por encima. intento aplicarle un estilo propio "pisando" ese atributo con un transparent u otro color pero no hay manera de cambiarlo. esta pregunta tiene pinta de ser digna de FAQ pero no doy con la solución... estoy espesito... seguro que es una tontería pero google "no me hace caso" hoy ;) gracias miles! Pedro Moreno ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con maquetado CSS
Hola:
De todas maneras, creo que colocar dos divs (uno dentro de otro, o
mejor dicho todos dentro de uno más grande) me parece algo redundante,
para eso se puede usar el body (y aplicarle padding o margin a gusto,
como explicaban en ALA hace como 3 meses). Aparte que IE anda super
mal con un div dentro de otro.
saludos
On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> Hola:
> Perfecto, eso era, ahora imagino que el container se vaya expandiendo a
> medida que lo haga el contenido interior o no?
> Salu2
> --
> ReynierPM | Kubuntu 5.10 | Linux User:#310201
> Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no
> estoy seguro.
>
> > -Mensaje original-
> > De: [EMAIL PROTECTED]
> > [mailto:[EMAIL PROTECTED] En nombre de neojp
> > Enviado el: Wednesday, May 17, 2006 12:08 AM
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] Problemas con maquetado CSS
> >
> > Quitale el height:100% al container y prueba. Sino intenta
> > poniendole un width exacto al #content, o quizas crea un div
> > con clear:both; delante y debajo del footer para probar.
> >
> >
> > On 5/16/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > >
> > > Hola lista:
> > > Estoy tratando de maquetar una web que contiene las siguientes cajas
> > > (DIV):
> > > (1) cabecera(header)
> > > (2) tres columnas: navegación izquierda(leftnavbar), contenido
> > > central(content), navegación derecha(rightnavbar)
> > > (3) pie de página (footer).
> > > Todas estan contenidas dentro de un contenedor principal
> > (container).
> > > El problema que tengo es que quiero que las tres columnas
> > centrales me
> > > ocupen el 100% de la caja contenedora y lo hace pero
> > realmente se pasa
> > > del tamaño del contenedor e incluso hay un overlap con la
> > capa pie de
> > > página. Aquí les dejo el CSS y el HTML para que me digan
> > que anda mal con esto:
> > >
> > > CSS:
> > > html {
> > > height: 100%;
> > > color: #000;
> > > background: #E1E1E2;
> > > }
> > >
> > > body {
> > > height: 100%;
> > > color: inherit;
> > > background: #E1E1E2;
> > > font-family: tahoma, verdana, arial, helvetica, arial,
> > > "sans-serif";
> > > font-size: .71em;
> > > padding: 0;
> > > margin-top:5px;
> > > text-align: center; /*para centrar en IE 5 o inferior*/ }
> > >
> > > /*
> > >
> > --
> > ---
> > >Posicionamiento de los DIV contenedores u otros que forman el
> > > esqueleto de la página
> > >
> > >
> > --
> > > -*/
> > > /* Contenedor principal */
> > > #container {
> > > width: 760px;
> > > height: 100%;
> > > text-align: left; /*alínea a la izquierda nuevamente*/
> > > margin: 0 auto; /* para centrar en navegadores modernos */
> > > position: relative;
> > > border: 1px solid #0B198C;
> > > background-color: Black;
> > > }
> > > /*Contiene el banner o cabezal del Portal y otros
> > elementos*/ #header
> > > {
> > > width: 760px;
> > > height: 210px;
> > > background-color: Fuchsia;
> > > }
> > > /*Barra de navegación izquierda*/
> > > #leftnavbar {
> > > width: 24%;
> > > height: 100%;
> > > float: left;
> > > background-color: #A0522D;
> > > }
> > > /*Barra de navegación izquierda*/
> > > #rightnavbar {
> > > width: 24%;
> > > float: left;
> > > background-color: Yellow;
> > > }
> > > /*Contenido central*/
> > > #content {
> > > width: auto;
> > > float: left;
> > > background-color: #ADFF2F;
> > > }
> > > /*Pie de página, copyright u otros*/
> > > #footer{
> > > clear: both;
> > > background-color: #FF4500;
> > > }
> > >
> > >
> > > HTML:
> > > > > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> > > http://www.w3.org/1999/xhtml";>
> > >
> > >
> > > Joomla SIMPRO Template > > rel="stylesheet" type="text/css">
> > >
> > >
> > > Aqui va la cabecera del portal
> > >
> > >
> > > Aqui el contenido de la barra de navegacion
> > > derecha
> > >
> > >
> > > Aqui el contenido de la barra de navegacion
> > > derecha
> > >
> > >
> > > Aqui el contenido de la barra de navegacion
> > > derecha
> > >
> > >
> > > Aqui el contenido de la barra de navegacion
> > > derecha
> > >
> > >
> > >
> > > Adjunto la dirección de una imagen que subí a la web para
> > que vean más
> > > claro el problema:
> > > http://img295.i
Re: [Ovillo] una de selectores
Tienes razón. No había entendido bien tu pregunta. Esta otra respuesta está muy bien . ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] una de selectores
No..., mira, te pego el código abajo. Lo único que he cambiado ha sido el color y el tamaño del selector y he añadido un con el id="content". Lo que pones en el selector #content p a, prevalece sobre la clase que le has puesto al , aunque ésta sea más profunda. No sé si me explico... http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Test documento documento ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] una de selectores
Hola Ramón: On Wed, 17 May 2006 12:30:42 +0200, Ramon Pravia wrote > > documento > > documento > > > > ¿Por qué el estilo ".download", en el segundo caso, no se renderiza? En su > > lugar se usa la definición de la etiqueta "a". > > Si el segundo párrafo está dentro del elemento #content, te estará aplicando > las propiedades que defines en el selector > > #content p a:visited > > porque es más específico que > > ..download:visited > > En ese caso podrías añadir un selector más: > > #content p a.download:visited Ese es el único razonamiento que explica el comportamiento que veo. La solución que planteas es la que intentaba evitar porque los enlaces con la clase "download" pueden un en elementos "p", "table", etc... un saludo > > -- > Ramón > demasiado viejo para ser una joven promesa, > demasiado joven para ser una vieja gloria, > pero aún así trabajando duro para Simplelógica: apariencia, > experiencia y comunicación en la web http://simplelogica.net # > (+34) 98 522 12 65 > > http://simplelogica.net/caoticoneutral/ > ___ > 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://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] una de selectores
Hola Elena: On Wed, 17 May 2006 12:23:21 +0200, Elena Salas wrote > Bueno, para empezar porque te falta el div con el id="content" ;-) Falta en el código que os he enviado pero está definido. > > Ten en cuenta que el selector prevalece sobre la clase, es una jerarquía > para decidirse cómo pintarlo cuando le mareas con estilos distintos, > algo así Cierto. Lo que sucede en este caso es que la case "download" sobreescribe todas las propiedades que están definidas para el elemento "a". un saludo > > id>selector>clase > ___ > 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://ovillo.org/mailman/listinfo/ovillo -- Manuel J. Recena Soto * www.manuelrecena.com * [EMAIL PROTECTED] * +34 609710280 (ES) ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] una de selectores
> documento > documento > > ¿Por qué el estilo ".download", en el segundo caso, no se renderiza? En su > lugar se usa la definición de la etiqueta "a". Si el segundo párrafo está dentro del elemento #content, te estará aplicando las propiedades que defines en el selector #content p a:visited porque es más específico que .download:visited En ese caso podrías añadir un selector más: #content p a.download:visited -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] una de selectores
Bueno, para empezar porque te falta el div con el id="content" ;-) Ten en cuenta que el selector prevalece sobre la clase, es una jerarquía para decidirse cómo pintarlo cuando le mareas con estilos distintos, algo así id>selector>clase ___ 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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] una de selectores
Hola, buenos días:
A ver si alguien me puede decir en qué me estoy equivocando.
Tengo el siguiente código CSS:
a.download:link, .download:visited {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
text-decoration: underline;
color: #66;
background-image: url(../icons/download.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
}
a.download:hover, a.download:focus {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
text-decoration: none;
color: #66;
background-image: url(../icons/download.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
}
#content p a, #content p a:link, #content p a:visited {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
text-decoration: underline;
color: #00;
background-image: url(../icons/arrow15.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
}
#content p a:hover {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
text-decoration: none;
color: #00;
background-image: url(../icons/arrow15.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
}
Hago uso de esos estilos en los siguientes casos:
documento
documento
¿Por qué el estilo ".download", en el segundo caso, no se renderiza? En su
lugar se usa la definición de la etiqueta "a".
un saludo
--
Manuel J. Recena Soto
* www.manuelrecena.com
* [EMAIL PROTECTED]
* +34 609710280 (ES)
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Varios problemas de novato
Hola
te cuento...
1.- Los bordes
Está mal definido el estilo, o son sólidos o punteados... sería algo así
border-top:2px dotted #00;
2.- El texto del h1. Por defecto los h1 tienen un margen y padding propio.
Ponlos tú en la hoja de estilos como necesites, ej
h1{margin:0;padding:0;}
3.- El width
La diferencia de tamaño es debida al margin que tiene por defecto el body,
antes de empezar deberias inicializarlo :
body{margin:0;padding:0;}
Un saludo
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Varios problemas de novato
Hola,
Lo del borde supongo que es porque tienes puesto solid dotted
Elige, solid, o dotted, pero no ambos.
(por ejemplo 2px solid #00, o bien 1px dotted #CC)
Sobre el texto, asegurate de formatear bien el h1 (redefiniendo la etiqueta)
para quitarle margins y paddings, asignandole tamaño de fuente etc y deberia
salirte bien... creo
h1
{
margin: 0px;
padding: 0px;
etc...
}
Un saludo.
__
?>
www.themovie.org
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Javier Barcelona
Enviado el: miércoles, 17 de mayo de 2006 11:32
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Varios problemas de novato
Hola a todas y todos.
Hay cosas que no entiendo por qué pasan... tengo el siguiente código:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Test
Texto aquí
A ver...
1. Los 'border' se me ven en Explorer pero no en Opera ni en Firefox.
2. El texto aparece alineado arriba a la izquierda en Explorer y a la
izquierda pero a media altura de capa en Firefox y Opera.
3. Por último he puesto un 'width' del 100% que en Explorer se queda a unos
20 pixeles del margen derecho pero en Opera y Firefox se ve correctamente.
¡Qué mal lo estoy haciendo!... agradeceria comentarios e indicaciones al
respecto.
Gracias.
Javier
___
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://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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Varios problemas de novato
Hola a todas y todos. Hay cosas que no entiendo por qué pasan... tengo el siguiente código: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Test Texto aquí A ver... 1. Los 'border' se me ven en Explorer pero no en Opera ni en Firefox. 2. El texto aparece alineado arriba a la izquierda en Explorer y a la izquierda pero a media altura de capa en Firefox y Opera. 3. Por último he puesto un 'width' del 100% que en Explorer se queda a unos 20 pixeles del margen derecho pero en Opera y Firefox se ve correctamente. ¡Qué mal lo estoy haciendo!... agradeceria comentarios e indicaciones al respecto. Gracias. Javier ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda sobre validación de CSS
Por referencia, como el validador del HTML... CSS: http://jigsaw.w3.org/css-validator/check/referer Saludo, DJ-Dom 2006/5/16, Ardilla Roja <[EMAIL PROTECTED]>: > tal ves importando un css dentro de otro, y validar solo el css > resultante... ? > > On 5/16/06, Sergi Panisello <[EMAIL PROTECTED]> wrote: > > > > Hola; > > > > Estoy trabajando con una aplicación web de cuya parte cliente necesito > > validar los CSS mediante un link a la típica imagen de "css válido". El > > problema es que cada sección tiene dos hojas de estilo (estructura + > > diseño), y que además pueden ser distintas para cada sección. > > > > ¿Existe o conocen el modo de enlazar la validación automáticamente con las > > hojas de estilo que contenga cada página, sin necesidad de poner la ruta > > absoluta? > > > > Espero haberme explicado.. > > > > Gracias.. > > > > Sergi Panisello > > Dissenyador Gràfic > > telèfon: 676 083 072 > > mail: [EMAIL PROTECTED] > > website: www.fuksia.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://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://ovillo.org/mailman/listinfo/ovillo > -- www.dj-dom.net [EMAIL PROTECTED] ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Una capa sobre otra - z-index ??
Y no entiendo esto de "sobresalga por debajo..."
Saludo,
DJ-Dom
2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>:
> On 5/17/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> > Debo mostrar una capa sobre otra para dar el efecto que quiero. Para
> > ello he puesto lo siguiente:
> >
> >
> > Menu top izquierdo
> > Menu top derecho
> >
> >
> >
> >
> > Y lo que quiero es que la capa "topnavbar" sobresalga por debajo de la
> > capa "banner". El CSS lo he puesto asi:
> > #topnavbar {
> > line-height: 30px;
> > background: url(../images/topnav.jpg) repeat-x left top;
> > z-index: 4;
> > }
> > #banner{
> > background: #6B839C url(../images/banner.png) no-repeat left
> > top;
> > height: 210px;
> > z-index: 2;
> > }
> >
> > Pero no me funciona. Alguna idea de que es lo que estoy haciendo mal? El
> > ejemplo online lo tienen en: http://testportal.awardspace.com/
>
>
> Así dormido por la mañana y sin mirarlo mucho, te diría que pruebes a
> ponerle un "position : relative;" a ambas capas.
>
> --
> Alejandro Lillo
> www.nordic-design.net
> ___
> 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://ovillo.org/mailman/listinfo/ovillo
>
--
www.dj-dom.net
[EMAIL PROTECTED]
___
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://ovillo.org/mailman/listinfo/ovillo
