Re: [Ovillo] Bordes para texto
Hola Rodrigo, es muy facil, yo lo hago con Indesign. El día 26/09/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió: Hola, Ovillo Por motivos de diseño necesito mostrar unos números con distinto color de fondo y borde, algo parecido a lo siguiente: http://www.vitalcama.es/10.jpg Nunca me lo había planteado, pero ¿se puede dar color de borde a un texto? Imagino que la respuesta es no, y que tendré que recurrir a imágenes, pero igual sí se puede y alguien me ilustra con su sabiduría... :-P ___ 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] interpretacions de letter-spacing
Ya se que parece una chorrada pero la web es para un cliente y es muy muy escrupuloso con los espacios, y yo lo soy con las vistas de los navegadores, lo de no te comas el coco ha sido justo lo que necesitava, si he puesto el letter-spacing en px y ningun problema. Me gustaria saber un poco mas sobre los comentarios condicionales, donde se colocan? en css en html? he leido algo en Diseñorama pero no me queda claro donde tengo que ponerlos, intuyo que en html !-- -- por la estructura, pero donde exactament en el head? o no? Gracias a los dos por estar ahi. ...seguire preguntando Manila El día 24/07/07, Juan G. Hurtado [EMAIL PROTECTED] escribió: Buenas, El 24/07/2007, a las 7:59, manila lila escribió: Hola, tengo un titulo (h1) al que aplico un letter-spacing, el problema es que con IE, este es debe ser de 0.4 ems y para Firefox es de 0.2 ems, yo quiero que se veia igual con los dos navegadores. Seguro que es una cosa sencilla, pero no doy con la solucion, serian tan amables de ayudarme? Son navegadores distintos, por lo que a veces interpretan las cosas a su manera. De todas formas en este caso la situación se produce por usar una unidad de medida relativa, (em en el ejemplo), que hace que la distancia de la propiedad letter-spacing dependa del tamaño de la fuente. Es muy probable que lo que te ocurra sea que Firefox e Internet Explorer no muestren exactamente el mismo tamaño de fuente. Mi recomendación: no te comas el coco, no creo que sea tanta la diferencia. Aún así, si quieres puedes usar comentarios condicionales para especificar una hoja de estilos específica para IE, y así poder colocar dos valores para letter-spacing, uno para IE y otro para Firefox. !--[if IE] link rel=stylesheet type=text/css href= ie.css / ![endif]-- -- Juan G. Hurtado [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://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] lista
La solucion ha sido un convinado de vuestras ideas y alguna supresión en las
mias, igual no es la mas perfecta del Mundo!, pero funciona.
He creado una capa nueva para contener la lista y a partir de ahi
#botons{
width : 100%;
background-color: #7F1730; }
#llistes1 {
background-color: #99;}
#llistes2 {
background-color: #66CCFF;}
#llistes3 {
background-color: #CC;}
ul li{
list-style-type:none;
}
li.img1 {
padding-bottom:0;
margin-bottom:0;
background:url(imatges.gif) 4px 4px no-repeat;
color: #00;
font-weight: normal;
border-bottom: 1px solid #99;
line-height: 1.7em;
width: 90%;
padding-left: 8%;
}
li.img2 {
padding-bottom:0;
margin-bottom:0;
color: #FF;
font-weight: bold;
line-height: 1.8em;
width: 100%;
}
Ahora con el padding-left: 8%;, consigo separar el texto de la imagen como
quiero, y se ve igual con los dos navegadores.
Gracies!
El día 10/07/07, MHU [EMAIL PROTECTED] escribió:
Bueno por lo que yo se el problema es que firefox al aplicar un marcador
de
tipo imagen deja un espacio por defecto entre la imagen y el texto, cosa
que
ie no hace. Por tanto para solucionar el problema con el ie se podría
hacer
lo siguinte:
Como supongo que estas listas son un menú y por tanto cada elemento deberá
ser un link se podría añadir la etiqueta a/a a cada elemento y añadir
dos entradas en el css
ul li a.menu_ie {
text-decoration:none;
padding-left:10px /*por ejemplo*/
}
ul li a.menu_firefox {
text-decoration:none;
padding-left:0px;
}
la razón de tener dos estilos es que en ie la separación entre el marcador
(imagen) y el texto sería de 10px, pero el inconveniente es que en firefox
estos 10px se sumarían a la distancia por defecto, lo que provocaría una
separación excesiva. La solución pasa por aplicar un poco de javascript y
cargar un estilo diferente para explorer y firefox.
El javascript se cargaría con el onload del bodyu de la página y podría
ser
tal como sigue:
script
function iniciar() {
var elementos_menu = document.getElementsByName(menu);
if (navigator.appName == Microsoft Internet Explorer){
for (i=0;ielementos_menu.length;i++){
elementos_menu[i].className = menu_ie;
}
}
else {
for (i=0;ielementos_menu.length;i++){
elementos_menu[i].className = menu_firefox;
}
}
}
/script
El html de ls lista debería ser similar a:
ul
li class=img2Nivel 1 :
div id=llistes1
ul
li class=img1a href= name=menu
class=menu_ieItem/a/li
li class=img1a href= name=menu
class=menu_ieItem/a/li
li class=img1a href= name=menu
class=menu_ieItem/a/li
li class=img1a href= name=menu
class=menu_ieItem/a/li
li class=img1a href= name=menu
class=menu_ieItem/a/li
/ul
/div !-- end div#llistes1 --
/li
Espero haberte servido de ayuda
Un saludo,
Miguel
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de manila lila
Enviado el: lunes, 09 de julio de 2007 14:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] lista
Hola gracias por responder, esto es lo que pongo en el css
ul li{
list-style-type:none;
list-style-position: inside;
margin: 0;
padding: 0;
}
li.img1 {
list-style-image: url(imatges/au.gif);
font-weight: normal;
background-position: 2px2%;
margin: 0;
padding: 0;
border-bottom: 1px solid #99;
line-height: 1.5em;
}
li.img2 {
list-style-image: url(imatges/vert.gif);
color: #FF;
font-weight: bold;
background-color: #7F1730;
margin: 0;
padding: 0;
line-height: 1.5em;
list-style: 3px;
}
Se trata de listas anidadas, en las que que he creado unas clases para
poner
una imagen distinta en cada nivel, aunque creo que para la separacion
entre
la imagen del marcador y el item esto no tiene nada que ver.
Hasta pronto
El día 9/07/07, MHU [EMAIL PROTECTED] escribió:
Podrías adjuntar el css que aplicas en tu lista. Ya que sin aplicar
ningún
css tanto firefox como ie dejan un espacio entre el caracter y el texto
del
element de la lista.
Un saludo,
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de manila lila
Enviado el: sábado, 07 de julio de 2007 7:11
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] lista
Señores:
Después de darle vueltas y mas vueltas...por fin me he decido a
preguntar,
...
La cosa es que tengo una lista, el problema esta entre la distancia de
las
imagenes de los marcadores y los items correspondientes, en FireFox
perfecto, pero en uds. ya saben quien, se pegan, como puedo esponjar esa
distancia? algún hack? ...que no encuentro.
FireFox
# ítem
Ese otro
#ítem
Mil gracias por estar ahí
Re: [Ovillo] lista
Hola gracias por responder, esto es lo que pongo en el css
ul li{
list-style-type:none;
list-style-position: inside;
margin: 0;
padding: 0;
}
li.img1 {
list-style-image: url(imatges/au.gif);
font-weight: normal;
background-position: 2px2%;
margin: 0;
padding: 0;
border-bottom: 1px solid #99;
line-height: 1.5em;
}
li.img2 {
list-style-image: url(imatges/vert.gif);
color: #FF;
font-weight: bold;
background-color: #7F1730;
margin: 0;
padding: 0;
line-height: 1.5em;
list-style: 3px;
}
Se trata de listas anidadas, en las que que he creado unas clases para poner
una imagen distinta en cada nivel, aunque creo que para la separacion entre
la imagen del marcador y el item esto no tiene nada que ver.
Hasta pronto
El día 9/07/07, MHU [EMAIL PROTECTED] escribió:
Podrías adjuntar el css que aplicas en tu lista. Ya que sin aplicar ningún
css tanto firefox como ie dejan un espacio entre el caracter y el texto
del
element de la lista.
Un saludo,
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:
[EMAIL PROTECTED]
En nombre de manila lila
Enviado el: sábado, 07 de julio de 2007 7:11
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] lista
Señores:
Después de darle vueltas y mas vueltas...por fin me he decido a preguntar,
...
La cosa es que tengo una lista, el problema esta entre la distancia de
las
imagenes de los marcadores y los items correspondientes, en FireFox
perfecto, pero en uds. ya saben quien, se pegan, como puedo esponjar esa
distancia? algún hack? ...que no encuentro.
FireFox
# ítem
Ese otro
#ítem
Mil gracias por estar ahí
Manila
___
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
___
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] lista
Si se la quito, entonces la imagen del marcador aparece fuera del div que
contiene las listas mejor se entenderá así?
ul
li class=img2Nivel 1 :
div id=llistes1
ul
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
/ul
/div !-- end div#llistes1 --
/li
li class=img2Nivel 2 :
div id=llistes2
ul
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
/ul
/div !-- end div#llistes2 --
/li
li class=img2Nivel 3 :
div id=llistes3
ul
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
li class=img1Item/li
/ul
/div !-- end div#llistes3 --
/li
/ul
/* CSS Document */
#llistes1 {
width : 100%;
background-color: #99;
}
#llistes2 {
width : 100%;
background-color: #66CCFF;
}
#llistes3 {
width : 100%;
background-color: #CC;
}
ul li{
list-style-type:none;
list-style-position: inside;
margin: 0;
padding: 0;
}
li.img1 {
list-style-image: url(imag1.gif);
color: #00;
font-weight: normal;
background-position: 2px2%;
margin: 0;
padding: 0;
border-bottom: 1px solid #99;
line-height: 1.5em;
}
li.img2 {
list-style-image: url(imag2.gif);
color: #FF;
font-weight: bold;
background-color: #7F1730;
margin: 0;
padding: 0;
line-height: 1.5em;
list-style: 3px;
}
si prueban verán lo que digo, con firefox se establece una separación entre
la imagen y el ítem, con el otro ambos elementos aparecen pegados, porque?
Claro que deberán poner una imagen en imag1 i imag2.gif.
Gracias por probar.
El día 9/07/07, Jorge L. Batista E. [EMAIL PROTECTED] escribió:
Creo que si quitas esta línea funciona como quieres
list-style-position: inside;
ss
PB
En Mon, 09 Jul 2007 08:42:45 -0400, manila lila [EMAIL PROTECTED]
escribió:
list-style-position: inside;
**Las siguientes líneas de texto son agregadas por los Servidores
Centrales de Correo de la Oficina del Historiador de la Ciudad de la
Habana.**
Visite la Cartelera interactiva de Opus Habana, con el calendario de la
programación cultural del Centro Histórico.
http://opushabana.ohc.cu/cartelera.php
Redacción Opus Habana
___
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
[Ovillo] lista
Señores: Después de darle vueltas y mas vueltas...por fin me he decido a preguntar, ... La cosa es que tengo una lista, el problema esta entre la distancia de las imagenes de los marcadores y los items correspondientes, en FireFox perfecto, pero en uds. ya saben quien, se pegan, como puedo esponjar esa distancia? algún hack? ...que no encuentro. FireFox # ítem Ese otro #ítem Mil gracias por estar ahí Manila ___ 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
