Re: [Ovillo] Ayuda con estilos fantasmas
Firebug muestra los estilos provenientes de loquesea style=estilos como
element.style en la lista de estilos, y como estan aplicados directamente
sobre la etiqueta los renderea con prioridad, por lo que otros estilos
quedan atenuados. Checa la etiqueta a la que le quieres aplicar esa clase,
debe tener algo en el valor style.
Saludos!
2009/9/10 Reynier Pérez Mira rper...@uci.cu
Buenos días a todos:
Estoy desarrollando una aplicación en la que uso jQuery y jQuery UI.
Para jQuery UI he creado mi propio tema usando la herramienta disponible
en la web. La cuestión es que en la clase ui-state-highlight
ui-corner-all que es la asociada a los warning de mi aplicación me
aparece un estilo fantasma llamado element.style con la siguiente
definición:
element.style {
padding-bottom:0;
padding-left:0.7em;
padding-right:0.7em;
padding-top:0;
}
Lo cual provoca que el DIV contenedor se vea de la siguiente forma:
http://www.uppush.com/uploads/145img_1.gif
Sin embargo si deshabilito ese estilo usando Firebug se ve de esta otra
forma, que es la correcta: http://www.uppush.com/uploads/73img_2.gif
Tengo instalado en mi PC los siguientes navegadores:
* Firefox 3.5.2
* Opera 10
* Safari 4.0.3
Lo he probado en todos y obtengo el mismo comportamiento. He revisado
los estilos y todo (aparantemente) está correcto. ¿Se les ocurre algo?
Un saludo y gracias por adelantado
--
Ing. Reynier Pérez Mira
___
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
--
Mario Álvarez
twitter: @magrio
___
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] Ayuda con una clase para imagen (capitulo 2)
Jesus, disculpa pero: con todas las soluciones que se te han dado, no
alcanzo a comprender lo que te sucede, a los demas les funciona y ati no?
seguro que que cambias algo?. Aplicas lo que se te dice o es que no lo
llegas a entender.
Si aplicando las soluciones y por si como tu dices heredara estilos, meta
cualesquiera de las soluciones que tre han dado directamente en el head
con style type=text/css y observa si te dca el mismo resultado.
El 23 de septiembre de 2009 06:57, Mario Álvarez mag...@magrio.netescribió:
Fijate que estás aplicando los mismos estilos a .imgwork y a .imgwork a,
por ende el a se escurre dentro del div.El problema se soluciona si en
tu CSS eliminas la linea 176, es decir .imgwork a. Yo acabo de vaciar
todos esos estilos con Firebug y ya no se ve como dices, solo hace falta
corregir el padding que se ve descentrado.
Saludos.
2009/9/21 jaume op jaum...@gmail.com
Asi un poco a loco mira a ver esto, a mi me funciona pervectamente
style
*{margin:0; padding:0;}
#contenedor {
margin: 0px auto;
width: 980px;
}
#contenido {
width: 726px;
float: right;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #99;
padding-left: 20px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.imgwork a img {border:1px solid !important; display:block; width:200px;
height:150px;}/* el ancho de la imagen es lo que nos definira los anchos
totales*/
.imgwork {
float:left;
background: #FF;
border-color:#CC;
margin-bottom:40px;
margin-right:20px;
margin-top:20px;
border-style:solid;
border-width:1px 1px 2px 1px;
height:100%;
width:220px; /*total 220+2+20=242px;.. 242*6=722px*/
position:relative; /*esto es para poder meter luego con absolute el
parrafo, aunque meterlo dentro del a seria muchoi mas facil.*/
}
.imgwork a {
float:left;display:block;
color:#CC;
background:#FF none repeat scroll 0 0;
width:200px; /*width total 200+20=220px; calculamos el ancho para
darle
a imgwork*/ padding:20px 10px 60px 10px;
}
.imgwork a:hover {
float:left;
background-color:#99;
border-color:#CC;
width:200px;
padding:20px 10px 60px 10px;
}
.imgwork p{ position:absolute; top:200px; left:10px;} /*para meterlo
dentro
de imgwork a*/
/style
/head
body
div id=contenedor
div id=contenido
div class=imgwork
a title=Ruta de la Piedra. Biscarrués rel=lightbox[roadtrip]
href=lightbox/images/print/r-piedra/image-1.jpgimg alt=Guia
src=sangoogel.jpg width=200px height=150px //a
pRuta de la Piedra/p
/div
div class=imgwork
a title=Salón Aragonés del libro de Naturaleza. Cartel y díptico
rel=lightbox
href=lightbox/images/print/salon-naturaleza/image-1.jpgimg
alt=Cartel
src=sangoogel.jpg width=200px height=150px//a
pRuta de la Piedra/p
/div
div class=imgwork
a title=Ruta de la Piedra. Biscarrués rel=lightbox[roadtrip]
href=lightbox/images/print/r-piedra/image-1.jpgimg alt=Guias
src=sangoogel.jpg width=200px height=150px //a
pRuta de la Piedra/p
/div
/div/div
/body
/html
El 21 de septiembre de 2009 11:58, mikel blonfu jan...@gmail.com
escribió:
Tienes los estilos repetidos en .imgwork y en .imgwork a. Borra del
css
la clase .imgwork. Luego te quedará el párrafo fuera de la caja,
tendrías
que meterlo dentro de la etiqueta a, quiza esto no sea muy correcto
por
ser el enlace inline y el párrafo block aunque también puedes
quitar
la
etiqueta p y meter sólo el texto dentro del enlace y si te hiciera
falta
para ajustar mejor los estilos colocar el texto en un span.
El 21 de septiembre de 2009 09:23, Jesus Torralba je...@riglos.com
escribió:
Hola, gracias a todos por la ayuda pero todavía no funciona
correctamente.
Las imágenes salen descuadradas con un marco al lado como si tuviesen
alguna propiedad heredada, no se que es exactamnete… br…
Os paso de nuevo el código:
- www.erespixel.com/Labs/Version_4.0/estilos_v4.css
- www.erespixel.com/Labs/Version_4.0/work.html
Saludos a todos/as.
___
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
--
Saludos
Jaume
___
Lista de distribución Ovillo
Para escribir a la lista, envia
Re: [Ovillo] Pregunta sobre portales para los clientes
2009/9/2 Leonel Silva lsi...@gmail.com: Yo opino que el cliente no tiene que pedir que se vea bien en todos los navegadores, sino que debería ser algo que nosotros como maquetadores/diseñadores/programadores deberíamos, y sobre todo si estamos apuntados a una lista de estándares css, procurar que se vea bien en los principales navegadores IE6, IE7, IE8, Firefox, Opera, Safari y Chrome, que usalmente hará que se vea bien en todos los demás o en el peor de los casos que tenga una degradación elegante en los navegadores de menor uso, o en los que dé problemas (si IE6 es contigo). Sin duda eso seria lo ideal. Probar todos los navegadores, en todas sus versiones, y bajos distintos sistemas operativos (no es lo mismo IE 5.5 en Mac, en Windows o en Linux bajo wine ). A mi personalmente me molesta mucho que la gente se deje de probar bajo Lynx Version 2.8.6rel.4 del 15 Nov 2006 ó w3m version w3m/0.5.1+cvs-1.968. Ademas que aparecen nuevas versiones de navegadores cada poco tiempo. Es imperdonable no haber probado tu sitio web con IE 11, y Firefox 5. En la practica, hay constricciones de tiempo y dinero, y no siempre se puede hacer todo esto. Hay una cosa menos guay, que es probarla en Firefox y varias versiones de IE, que suele cubicar en plazos y costes razonables (y no siempre, pues IE es muy puñetero con sus bugs). -- -- ℱin del ℳensaje. ___ 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
[Ovillo] Hover-CSS
Hola!
Tengo un link y quiero que aparezca la manito cuando pasa por encima el ratón
el usuario, para IE me funciona correctamente, pero no me anda para los otros
navegadores!
Lo estoy haciendo mediante CSS
#foldheader{cursor:url(img/notes.cur), url(img/bordes_der.gif), auto;
font-weight:bold;}
y en el código tengo id=foldheader
Gracias!
---
Raúl Antonio Marino
http://www.raulantoniomarino.com.ar
___
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] Hover-CSS
El Wednesday 23 September 2009 22:38:49 Raúl Antonio Marino escribió:
Hola!
Tengo un link y quiero que aparezca la manito cuando pasa por encima el
ratón el usuario, para IE me funciona correctamente, pero no me anda para
los otros navegadores!
Lo estoy haciendo mediante CSS
#foldheader{cursor:url(img/notes.cur), url(img/bordes_der.gif), auto;
font-weight:bold;}
y en el código tengo id=foldheader
Gracias!
---
Raúl Antonio Marino
http://www.raulantoniomarino.com.ar
BODY{cursor: url(URL IMAGEN CURSOR IE),
url(URL IMAGEN CURSOR FIREFOX), auto;
}
A:hover
{cursor: url(URL IMAGEN CURSOR IE EN LINK),
url(URL IMAGEN CURSOR FIREFOX EN LINK), auto;}
mira esta web donde lo e encontrado, alomejor te sirve
http://asistencia.foroactivo.com/tutoriales-trucos-y-astucias-f11/codigo-cursor-personalizado-en-todo-el-foro-t16590.htm
___
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
