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:
div id=header
div id=topnavbar
div id=righttopnavvar Menu top izquierdo /div
div id=lefttopnavvar Menu top derecho /div
/div
div id=bannernbsp;/div
/div !-- Cierre de la cabecera --
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
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:
div id=header
div id=topnavbar
div id=righttopnavvar Menu top izquierdo /div
div id=lefttopnavvar Menu top derecho /div
/div
div id=bannernbsp;/div
/div !-- Cierre de la cabecera --
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
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
[Ovillo] Varios problemas de novato
Hola a todas y todos.
Hay cosas que no entiendo por qué pasan... tengo el siguiente código:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleTest/title
style type=text/css
!--
#Layer1 {
top:100px;
left:0;
background-color:#CC9900;
border-top:2px solid dotted #00;
border-bottom:2px solid dotted #00;
position:absolute;
width:100%;
height:115px;
z-index:1;
}
--
/style
/head
body
div id=Layer1h1Texto aquí/h1/div
/body
/html
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] 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.
__
?php
$Autor = Iban Rodriguez;
// Programador, THE MOVIE
?
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:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleTest/title
style type=text/css
!--
#Layer1 {
top:100px;
left:0;
background-color:#CC9900;
border-top:2px solid dotted #00;
border-bottom:2px solid dotted #00;
position:absolute;
width:100%;
height:115px;
z-index:1;
}
--
/style
/head
body
div id=Layer1h1Texto aquí/h1/div
/body
/html
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
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
[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:
a href=# title= class=downloaddocumento/a
pa href=# title= class=downloaddocumento/a/p
¿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] 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í idselectorclase ___ 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
a href=# title= class=downloaddocumento/a pa href=# title= class=downloaddocumento/a/p ¿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
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 idselectorclase ___ 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 Ramón: On Wed, 17 May 2006 12:30:42 +0200, Ramon Pravia wrote a href=# title= class=downloaddocumento/a pa href=# title= class=downloaddocumento/a/p ¿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
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 div con el id=content.
Lo que pones en el selector #content p a, prevalece sobre la clase que le
has puesto al a, aunque ésta sea más profunda. No sé si me explico...
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleTest/title
style type=text/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: 3.0em;
text-decoration: underline;
color: #ff;
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;
}
--
/style
/head
body
a href=# title= class=downloaddocumento/a
div id=content
pa href=# title= class=downloaddocumento/a/p
/div
/body
/html
___
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
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] 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:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html;
charset=utf-8 /
titleJoomla SIMPRO Template/title link href=style.css
rel=stylesheet type=text/css /head body
div id=container
div id=header
Aqui va la cabecera del portal
/div !-- Cierre de la cabecera --
div id=leftnavbar
Aqui el contenido de la barra de navegacion
derecha
/div !-- Cierre de la barra de
navegación izquierda --
div id=content
Aqui el contenido de la barra de navegacion
derecha
/div !-- Cierre del contenedor central --
div id=rightnavbar
Aqui el contenido de la barra de navegacion
derecha
/div !-- Cierre de la barra de
navegación derecha --
div id=footer
Aqui el contenido de la barra de navegacion
derecha
/div !-- Cierre de footer --
/div !-- Cierre de contenedor -- /body /html
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
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
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
[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] 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] 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:
div id=header
div id=topnavbar
div id=righttopnavvar Menu top
izquierdo /div
div id=lefttopnavvar Menu top derecho /div
/div
div id=bannernbsp;/div /div !-- Cierre de la
cabecera --
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
[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) div id=headerEncabezado/div div id=container div id=BodyLeft Izq/div div id=BodyRight Der /div /div div id=footerPie/div 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] 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)
div id=headerEncabezado/div
div id=container
div id=BodyLeft Izq/div
div id=BodyRight Der /div
/div
div id=footerPie/div
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
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
