Re: [Ovillo] Como centrar una imagen dentro de un parrafo.
Camilo Kawerín escribió:
.storycontent p img{
text-align: center;
}
Debería funcionar de esa manera porque img es un elemento de línea.
Perdón, no vi el img.
En efecto, tal como dijo Maikel, lo correcto para que funcione es:
.storycontent p {
text-align: center;
}
No debo responder a la madrugada o meto la pata :S
___
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] Esconder un texto
Hola amigos
Estaba buscando la forma de esconder un suplantar un
texto por una imagen. Se que existen muchas formas,
pero les muestro esto que hice a ver que les parece:
Código XHTML
http://pablo.enlapc.com";>Un Lugar WebLog
Código CSS
==
div#pgHead{
border: 1px #00FF00 solid;
}
div#pgHead h1{
background-image: url(/share/img/header_logo.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 100px;
width: 250px;
float: left;
}
div#pgHead h1 a{
display: block;
height: 100px;
width: 250px;
text-indent: -px;
text-decoration: none;
}
Probado con IE 5.0, 5.5, 6.0 y Firefox 1.0 y anda. Y lo bueno que,
maquentando en DW, no se desaparece el bloque como antes me
sucedía a poner el text-indent en -px;
El xhtml quedó limpio sin etiquetas "extras", y el css creo que
está bien.
Escucho críticas :D
Saludos
Pablo M. Beca
Santa Fe - Argentina
http://pablo.enlapc.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] Que alguien me eche una mano. No se ve ni parecido en IE y en Firefox
Tengo un blog que no se ve ni parecido en IE y en Firefox.
La direccion es http://www.algarinejoven.com/diario/index.php y en
Firefox se muestra correctamente pero en IE no. La cosa es que antes
si lo hacia y no se que he modificado para que se haya producido este
cambio.
La hoja de estilos es la siguiente:
a {
color: #eab485;
}
a img {
border: none;
color: #393f3f;
}
a:visited {
color: #404040;
}
a:hover {
text-decoration: underline;
color: #403c39;
}
acronym, abbr {
border-bottom: 1px none #333;
color: #393f3f;
}
acronym, abbr, span.caps {
cursor: help;
font-size: 90%;
letter-spacing: .07em;
color: #393f3f;
}
blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
color: #393f3f;
}
body {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana,
sans-serif;
margin: 0;
padding: 0;
background: #ebebeb;
color: #393f3f;
}
cite {
font-size: 90%;
font-style: normal;
color: #393f3f;
}
#content {
background: transparent;
margin: 60px 0px 0 0px;
padding-right: 0px;
width: 60%;
position: absolute;
left: 300px;
color: #393f3f;
}
#header {
background: #ff url(images/angel.jpg) no-repeat;
font: normal 200%/18% "Lucida Handwriting" Geneva, Arial, Helvetica,
sans-serif italic, serif;
letter-spacing: 0.2em;
margin: 0;
border-bottom: 1px none #ccc;
color: #393f3f;
text-align: left;
text-indent: 18%;
padding: 68px 10px 68px 60px;
}
#header a {
color: #393f3f;
text-decoration: none;
}
#header a:hover {
text-decoration: underline;
color: #393f3f;
}
#content h2 {
font: 15px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial,
sans-serif;
font-weight: bold;
color: #000;
letter-spacing: 0.2em;
margin: 0px 0px 0px 15px;
padding: 2px 0 2px 5px;
background: #fff;
width: 101%;
border-left: 1px solid #ccc;
}
.post {
margin: 0px 0px 20px 0px;
background: #ff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #393f3f;
}
.storytitle {
font-family: Geneva, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
margin: 0;
background: #9e7a5a;
padding: 2px 0px 2px 5px;
width: 100%;
color: #ebebeb;
}
.storytitle a {
text-decoration: none;
color: #ff;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.storytitle a:hover {
color: #fff;
text-decoration: underline;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
h3 {
color: #393f3f;
}
.meta {
font-size: .75em;
padding: 1px 0px 1px 5px;
background: #ebd686;
width: 95%;
color: #393f3f;
}
.meta, .meta a {
color: #393f3f;
font-weight: normal;
letter-spacing: 0;
}
.meta ul {
display: inline;
margin: 0;
padding: 0;
list-style: none;
color: #393f3f;
}
.meta li {
display: inline;
color: #393f3f;
}
.storycontent{
padding: 0px 5px 5px 5px;
color: #393f3f;
}
.storycontent div:first-letter {
font-weight: bold;
text-transform: capitalize;
font-family: "Lucida Handwriting", "Lucida Calligraphy", fantasy,
serif, sans-serif;
font-size: 200%;
font-style: italic;
}
.storycontent p img{
display: block;
margin: 1em auto;
}
ol#comments li p {
font-size: 100%;
color: #393f3f;
}
p, li {
font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana,
sans-serif;
letter-spacing: -1px;
padding: 0px 5px 0px 0px;
color: #393f3f;
}
.credit {
background: #fff;
border-bottom: double 3px #f47f12;
border-right: none 1px #ccc;
color: #eab490;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
position: relative;
bottom: 10px;
left: 0px;
width: 203px;
height: 40px;
}
.credit a:link, .credit a:hover {
color: #eab490;
}
.feedback {
color: #eab490;
text-align: left;
padding: 0 0 0 5px;
font: 90%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana,
sans-serif;
}
#commentform input, #commentform textarea {
background: #fff;
border: 1px solid #333;
color: #393f3f;
}
#commentform textarea {
width: 100%;
color: #393f3f;
}
#menu {
background: #fff;
border-right: 1px none #ccc;
padding: 20px 0 10px 30px;
/*absolute: left;*/
left: 0px;
top: 150px;
width: 180px;
RE: [Ovillo] IMG HOVER
Por si le interesa a alguien:
a.img-border img {
border: 10px solid #E6E3DE;
margin:20px;
}
a.img-border:hover img {
border: 10px solid #B6B4B1;
}
a.img-border:hover {
border: 0;
}
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Hamadi
Enviado el: viernes, 06 de mayo de 2005 14:31
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] IMG HOVER
Buenos días a todos,
Os cuento mi problema, tengo una imagen con enlace, la aplico un borde de
10px color gris y quiero que en el hover me cambien el borde de color, pero
no hay forma.
Mi código es el siguiente:
.thumb a img {
border: 10px solid #E6E3DE;
margin:20px;
}
.thumb a:hover img {
border: 10px solid #B6B4B1;
}
Alguien puede echarme un cable?
Gracias.
___
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] Como pegar una capa hija a la parte inferior de la capa padre?
Hola, aunque llevo leyendo hace tiempo la lista esta es mi primera intervenciín en ella. Mi duda es la siguiente: Tengo una div1 con una altura del 100%, dentro de esta div1 tengo otra div2. Quiero que div2 quede posicionada donde acabe div1, es decir en la parte inferior de la div1. ¿Existe alguna forma de hacerlo? Espero haber explicado correctamente.Muchas gracias. ___ 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] Libro de consulta sobre CSS
Como siempre digo, el "Diseño con estándares web" de Jeffrey Zeldman, en Anaya Multimedia. Un saludo y buen fin de semana a todos. - Original Message - From: "Miguel Angel Pedregosa Pareja" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, May 06, 2005 4:46 PM Subject: [Ovillo] Libro de consulta sobre CSS Que libro de consulta sobre CSS me recomendais. Busco algo que no sea para principiantes, algo un poco más avanzado y a ser posible en castellano. Un saludo a todos. ___ 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 -- Mi Bandeja de entrada es protegida por SPAMfighter 460 hasta ahora los spam correos que han sido bloqueados. ¡Descargado libremente www.spamfighter.com (gratis) hoy! ___ 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] Libro de consulta sobre CSS
Que libro de consulta sobre CSS me recomendais. Busco algo que no sea para principiantes, algo un poco más avanzado y a ser posible en castellano. Un saludo a todos. ___ 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] (sin asunto)
Hola Fermín,
no me queda del todo claro a falta de ver tu codigo pero quizás te valga
algo asi:
img {float:left}
luego:
Tu texto
Con resultado final:
Imagen | Texto
Sino, siempre puedes optar por ponerla como fondo de tu parrafo:
p{
background-imagen: url(tuimagen.gif);
background-repeat: no-repeat:
background-position: 0px 0%;
padding-left: 10px
}
Donde padding-left le tienes que marcar, claro está, el ancho de tu imagen.
Saludos,
Abel.
- Original Message -
From: ""Medina Pizarro, Fermín"" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Friday, May 06, 2005 2:02 PM
Subject: [Ovillo] (sin asunto)
Hola a todos:
tengo una pequeña imagen y a su lado un texto. El texto me queda en la parte
inferior de la imagen y querría que me quedase en una posición centrada con
respecto a la imagen.
¿Sabeis cómo hacerlo con CSS?
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
___
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] IMG HOVER
Buenos días a todos,
Os cuento mi problema, tengo una imagen con enlace, la aplico un borde de
10px color gris y quiero que en el hover me cambien el borde de color, pero
no hay forma.
Mi código es el siguiente:
.thumb a img {
border: 10px solid #E6E3DE;
margin:20px;
}
.thumb a:hover img {
border: 10px solid #B6B4B1;
}
Alguien puede echarme un cable?
Gracias.
___
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] Roolover de img
Si y no, gracias por elenlace pero creo recordar hace ya meses que se mando una que era como una capa suprpuesta la que hacia el efecto y no el borde. Gracias Felix Félix Zapata Berlinches wrote: Hola, no se si te referiras a esto http://www.stunicholls.myby.co.uk/menu/gallery.html Félix Zapata Berlinches Tanta Tecnología y Comunicación Grupo Onetec c/ Julián Camarillo 26 1º Of. 2 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.com "Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias." ___ "The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you" -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de iñaki Enviado el: viernes, 06 de mayo de 2005 11:17 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Roolover de img Hola lista vi hace tiempo una referencia para hacer un efecto con una capa superpuesta en un thumb. De forma que cuando se situaba el cursor por encima ya desaparecia la capa y teniamos la imagen limpia.. Me podeis recordar la referencia? ___ 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 ___ 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] (sin asunto)
Hola a todos: tengo una pequeña imagen y a su lado un texto. El texto me queda en la parte inferior de la imagen y querría que me quedase en una posición centrada con respecto a la imagen. ¿Sabeis cómo hacerlo con CSS? 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] Roolover de img
Hola, no se si te referiras a esto http://www.stunicholls.myby.co.uk/menu/gallery.html Félix Zapata Berlinches Tanta Tecnología y Comunicación Grupo Onetec c/ Julián Camarillo 26 1º Of. 2 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.com "Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias." ___ "The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you" -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de iñaki Enviado el: viernes, 06 de mayo de 2005 11:17 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Roolover de img Hola lista vi hace tiempo una referencia para hacer un efecto con una capa superpuesta en un thumb. De forma que cuando se situaba el cursor por encima ya desaparecia la capa y teniamos la imagen limpia.. Me podeis recordar la referencia? ___ 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] Roolover de img
No se si te referirás a esto Félix Zapata Berlinches Tanta Tecnología y Comunicación Grupo Onetec c/ Julián Camarillo 26 1º Of. 2 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.com "Este correo electrónico y, en su caso, cualquier fichero anexo al mismo, pueden contener información de carácter confidencial exclusivamente dirigida a la persona o entidad a la que se le envía. Queda prohibido cualquier uso indebido, revisión, retransmisión o diseminación del contenido por personas o entidades ajenas al destinatario. Si recibe usted este correo por error, le rogamos que nos lo comunique por la misma vía al remitente y proceda a borrar este material de todo ordenador. Gracias." ___ "The information in this e-mail and in any attachments is confidential and solely for the attention and use of the named addressee(s). You are hereby notified that any distribution, copy or dissemination of this communication is prohibited without the prior written consent of the sender. If you received this in error and are not the formal receiver of this message please destroy it without making any digital or physical copy and inform the sender by e-mail of the reception of the present message. Thank you" -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de iñaki Enviado el: viernes, 06 de mayo de 2005 11:17 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Roolover de img Hola lista vi hace tiempo una referencia para hacer un efecto con una capa superpuesta en un thumb. De forma que cuando se situaba el cursor por encima ya desaparecia la capa y teniamos la imagen limpia.. Me podeis recordar la referencia? ___ 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] Extension FireFox para simular PDA ?
El 06/05/2005, a las 13:51, eemece2 escribió: ¿Conoceis alguno una extensión para FireFox que haga lo mismo que la opción 'View/Small Screen' de Opera? Con la que se ve la web aprox. como en una PDA. Claro :) Small Screen Rendering XPI http://www.disruptive-innovations.com/products/ Disruptive Innovations is happy to offer you this extension to the Mozilla Application Suite allowing to check if a web site renders well on a cellphone's screen. This addon installs a new menu entry "Small Screen Rendering" in the View menu. Selecting it toggles on/off the Small Screen Rendering mode. This does not work with pages using framesets. Install the v1.1 of this disruptive innovation (Mozilla Firefox, v >= 0.9 needed) -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info & bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ 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] Extension FireFox para simular PDA ?
Buenas a todos, ¿Conoceis alguno una extensión para FireFox que haga lo mismo que la opción 'View/Small Screen' de Opera? Con la que se ve la web aprox. como en una PDA. Gracias y un saludo, Edu ___ 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 y problemas con
Hola a todos.
No se si os habrá pasado a vosotros, pero yo me he quedado bastante
extrañado con esto. El problema en sí radica en algún bug que debe
tener Firefox al darle a actualizar una página y que desconocía hasta
el momento.
Me explico: si os dirigís a
http://www.infantes.org/agenda/varios/dia_l_05/x_quev/x_quev.html
vereis que, en el cuadro con título 'BASES', en el punto 3, hay dos
cuadros, compuestos por líneas tipo y con un "bullet" (o como
se llame) definido por mi. Pues bien, todo parece estar correcto, pero
si le dais a recargar la página (F5) resulta que unos márgenes a la
derecha, misteriosamente, aparecen de la nada. Y digo de la nada,
porque por más que he toqueteado la hoja de estilo, incluso definiendo
un ancho fijo, del cuadro con borde gris, menor que el ancho del
cuadro contenedor, esos márgenes insisten en quedarse ahí. En IE no
pasa. Desconozco si en el resto de navegadores ocurre algo similar.
El código HTML es bastante simple:
Para las Categorías Infantiles:
Modalidad de Ilustración de un poema o prosa de o sobre Don
Francisco de Quevedo.
Modalidad de Ilustración de un pasaje de "El Ingenioso Hidalgo
Don Quijote de la Mancha".
Los trabajos de ilustración serán de formato y técnica
libres.
y el CSS asociado, no menos:
.participacion {
font-weight: normal;
border: 1px solid Silver;
margin-top: 4px;
margin-bottom: 8px;
padding-bottom: 8px;;
}
.participacion ul {
font-size: 0.9em;
margin-top: 4px;
list-style: outside url(../../images/bullet.gif);
}
.participacion ul li {
margin-left: -10px;
padding-right: 8px;
font-weight: normal;
}
.participacion blockquote {
margin: 4px 8px;
padding: 0;
text-align: center;
font-style: italic;
font-size: 0.8em;
font-weight: bold;
}
Y os recuerdo que únicamente me pasa cuando pongo un "bullet"
personalizado. Si pongo uno prefijado, tal como square, circle,...
todo funciona a la perfección.
¿Hay algo que me estoy perdiendo?
Un saludo, David Merino.
___
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] ayuda para presentar listas de definición
Hola: La verdad es que lo mío no es el diseño y la estética, así que más que un consejillo técnico os pido ayuda para ver cómo presento lo siguiente. Tengo varios documentos, algunos bastante largos, con una estructura tal como:: Sección Subsección de tipo 1 Subsección de tipo 2 ... ... ... ... ... ... Subsección de tipo 2 y así sucesivamente. Estos documentos necesito tanto mostrarlos en pantalla de modo que se vean y se aprecien a simple vista los distintos niveles y las distintas secciones (no tengo restricción para las cabeceras) como imprimirlos. En este último punto, en el de la hoja de estilo para la impresión, también pido algunos consejos o modelos porque estoy más verde. Gracias por la ayuda o consejos que podáis prestarme. María del Carmen Ugarte García ___ 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] Como centrar una imagen dentro de un parrafo.
Mi intencion es la de centrar las imagenes que aparecen en los posts
de mi blog, el resto del parrafo no me interesa que estecentrado, sino
con el formato que yo le de al publicarlo, pero con las imagenes
queria despreocuparme de tener que centrarlas una por una al publicar.
Con el codigo
.storycontent p img{display: block; margin: 1em auto;}
me funciona correctamente.
Gracias a todos.
El 6/05/05, Maikel Naigt<[EMAIL PROTECTED]> escribió:
> Le tienes que dar el text-align: center; al p, NO al img:
>
> .storycontent p {
>text-align: center;
> }
>
> Un saludo, David Merino
>
> On 5/6/05, Miguel Angel Pedregosa Pareja <[EMAIL PROTECTED] > wrote:
> > Tengo un parrafo en el que quiero que todas las imagenes que aparezcan
> > con la etiqueta img aparezcan centradas.
> > El html es
> >
> >
> >
> >
> >
> >
> > He probado a hacerlo asi:
> >
> > .storycontent p img{
> > text-align: center;
> > }
> >
> > Pero no funciona, ¿alguien me puede echar una mano?
> > Muchas Gracias
> > ___
> > 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
>
___
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] fuentes disponibles en PC y Mac
Yo tenía este recurso, a ver si te despeja un poco la duda. http://www.webestilo.com/guia/tipogra2.php3 Teniendo en cuenta que la mayoría de MACs usan software comunes con el PC (o viceversa), como el MS OFFICE o PhotoShop o Flash, comparten más fuentes entre plataformas, que se instalan por defecto en dichos programas, como la TAHOMA, Verdana ComicSans etc. Pero es difícil de averiguar cual están instaladas, te recomiendo siempre utilizar las , como ultimo recurso (Ej. style="font-family: 'My own font', fantasy">: Apartado 15.2.6: http://www.w3.org/TR/REC-CSS2/fonts.html#generic-font-families Apartado 15.2.2: http://www.w3.org/TR/REC-CSS2/fonts.html#value-def-generic-family Utilizan un algoritmo por semejanza de tipos, que si tienes paciencia puedes saber más en: Apartado 15.5: http://www.w3.org/TR/REC-CSS2/fonts.html#algorithm Para elegir y acertar en las tipografías, hay que conocerlas bien. Quien decía que era fácil diseñar páginas web? Saludos, toni -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Camilo Kawerín Enviado el: viernes, 06 de mayo de 2005 1:03 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] fuentes disponibles en PC y Mac Hola a todos, Hace un tiempo busqué mucho en la web y no encontré mucha información, y ahora me vuelve la duda: ¿Con qué fuentes se puede contar además de las clásicas Times, Arial, Tahoma y un par más? ¿Y en Mac cómo andamos? 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 ___ 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] Tabla compleja: ¿Accesible?
Hola Otra vez Borja,
El codigo completo con xhtml y css, con esos cambios pequeños :
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Ficha del animal
#contenedor {
width: 100%;
font-family: sans-serif;
}
#fotos {
float: left;
width: 50%;
border: 1px solid #cc;
}
#fotos dt{
margin-bottom:2.4em;
padding: -2.4em;
width: 100%;
font-weight:bold;
border: 1px solid #66;
background-color: #99CC66;
}
#fotos dd{
width: 100%;
border: 1px solid #cc;
margin-left: 0%;
margin-top: -2.4em;
padding: -3.4em;
background-color: #FF;
}
#textos{
float: left;
width: 40%;
margin-left: 1em;
border: 1px solid #cc;
}
#textos dt{
margin-bottom: 2.4em;
padding: -2.4em;
width: 30%;
margin-left: 0%;
border: 1px solid #66;
background-color: #99CC66;
font-weight:bold;
}
#textos dd{
width: 70%;
border: 1px solid #cc;
margin-left: 31%;
margin-top: -3.5em;
padding: -2.4em;
background-color: #FF;
}
Imagen
Distribución
Hábitat
Nombre científico
Buho buho
Orden
Strigiformes
Familia
Strigidos
Un saludo,
Edu
___
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] Tabla compleja: ¿Accesible?
Hola Borja,
No hay mucha diferencia, pero la idea es mas o menos asi:
Imagen
Distribución
Hábitat
Nombre científico
Buho buho
Orden
Strigiformes
Familia
Strigidos
y luego aplicamos estilos doferentes a fotos y textos:
Los que tu aplicas a izquierda y fotos los aplicas todos a fotos,
y los que tu aplicas a derecha y textos, a textos.
Aunque quizas puedas tener algun problema y necesitar los divs, entonces yo
haria:
Imagen
Distribución
Hábitat
Nombre científico
Buho buho
Orden
Strigiformes
Familia
Strigidos
y los estilos a los dl los aplicas asi:
#fotos dl {...}
#textos dl {...}
Pero ya digo, que solo son detalles, y puedes tener que modificarlo segun el
resultado final que quieras.
Ah!, y que no soy un experto, y puedo pifiarla facilmente!
Un saludo!
Edu
- Original Message -
From: "Kaktum" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Thursday, May 05, 2005 10:31 AM
Subject: Re: [Ovillo] Tabla compleja: ¿Accesible?
Hola Edu!
No acabo de entender lo que quieres decir.
A mi me interesa mostrar de distinta forma la lista de definicion para
las fotos y la de los textos, por lo que he usado "ids" distintas.
Los ids izquierda y derecha los puse para estructurar mi contenido, de
forma que pueda tener los de fotos por un lado y los de texto por
otro.
Si hago como tú dices no consigo que el de textos se vaya arriba,
y es lo que yo quiero.
Mi idea es mostrar los datos lo más parecido a la primera tabla que
puse en el primer mensaje.
Un saludo:
Borja
El 04/05/2005, a las 22:09, eemece2 escribió:
> Hola Borja,
>
> Asi por encima, creo que podrias agrupar los div y los dl
>
> de:
>
>
>
> a:
>
>
>
> y los estilos que le aplicas a izquierda y fotos se los aplicas todos a
> fotos.
> lo mismo con derecha.
> Y asi quitas los ids izquierda y derecha, que no se refieren al
> contenido o
> estructura sino a la presentación.
> (si en un furturo decides ponerlo al reves seria incongruente)
>
> Y por otro lado en:
> #fotos dl{
> }
> estas dando estilo a los dl DENTRO del id foto, con lo que no hace
> nada.
> Puedes poner:
> #fotos{
> }
>
> lo mismo con :
> #textos dl{
> }
>
> Seran las prisas, como yo, que pongo ...
>
___
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] Roolover de img
Hola lista vi hace tiempo una referencia para hacer un efecto con una capa superpuesta en un thumb. De forma que cuando se situaba el cursor por encima ya desaparecia la capa y teniamos la imagen limpia.. Me podeis recordar la referencia? ___ 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] Como centrar una imagen dentro de un parrafo.
Le tienes que dar el text-align: center; al p, NO al img:
.storycontent p {
text-align: center;
}
Un saludo, David Merino
On 5/6/05, Miguel Angel Pedregosa Pareja <[EMAIL PROTECTED]> wrote:
> Tengo un parrafo en el que quiero que todas las imagenes que aparezcan
> con la etiqueta img aparezcan centradas.
> El html es
>
>
>
>
>
>
> He probado a hacerlo asi:
>
> .storycontent p img{
> text-align: center;
> }
>
> Pero no funciona, ¿alguien me puede echar una mano?
> Muchas Gracias
> ___
> 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] fuentes disponibles en PC y Mac
Hola, Si trabajas con estilos tambien puedes usar algunos metodos que existen para poder emplear cualquier fuente en tu web con una correcta visualizacion. Te pongo un enlace a un articulo sobre el tema (1), personalmente he probado sIFR y me convence mucho :-) Saludos ;) (1) http://www.disenorama.com/articulos/html/reemplazo_de_textos_una.htm - Original Message - From: "Camilo Kawerín" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, May 06, 2005 1:03 AM Subject: [Ovillo] fuentes disponibles en PC y Mac Hola a todos, Hace un tiempo busqué mucho en la web y no encontré mucha información, y ahora me vuelve la duda: ¿Con qué fuentes se puede contar además de las clásicas Times, Arial, Tahoma y un par más? ¿Y en Mac cómo andamos? 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 ___ 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
