[Ovillo] div de fondo con opacidad

2006-09-20 Por tema alarkspur
Hola lista

os comento un poco lo que me ocurre con una capa que intento ponerla  
opacidad, y lo que ocurre es que se me pone opacidad a todo el  
contenido que tiene en el interior, a ver si podeis orientarme, gracias.

#content {
margin: auto;
width: 800px;
background-color: grey;
filter:alpha(opacity=25); -moz-opacity: .25; opacity:.25; }

en el html
div id=content
pcontendio/p
img src= /
/div

Lo que trato es que el color #grey sea el que pase a tener una  
opcacidad de 25% y el resto del interior de #content sea lo que sea  
(p, img, otros div, etc) se mantengan normal.

Gracias por la ayuda.
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea

2006-09-20 Por tema DJ-Dom
Hola,

Pues a  ver como te estan quedando, porque el tamaño infiere en si el total,
ocupan mas ancho de lo que debería

Saludo,
DJ-Dom


- Original Message -
From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Monday, September 18, 2006 2:40 PM
Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal
como vertical en una línea


Gracias DJ-dom, Laura, David Castelló y Sureña.
He probado ambas soluciones pero solo sirve si las imágenes tienen el
mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en
horizontal como en vertical, y me gustaría que quedaran como en la página
http://www.frangiln.jazztel.es/index.html los logos de los patrocinadores,
pero están en tablas, no lo consigo con css.

Gracias de nuevo por vuestro interés.

--
Saludos.
Francisco




__
LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.yahoo.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://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] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea

2006-09-20 Por tema DJ-Dom
Gracias David por la corrección...

El ejemplo que copié tenía enlaces

Saludo,
DJ-Dom
- Original Message -
From: David Castelló [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, September 18, 2006 4:35 AM
Subject: Re: [Ovillo]Imagenes de distinto tamaño centradas tanto horizontal
como vertical en una línea


Hola!
Al final del codigo que te adjunta DJ-Dom, quiza seria conveniente añadir;
br style=clear: both,
ya que imagenes-cat es un div flotado a la izquierda y quiza te descuadre
tu layout.
Luego ha puesto esto, que supongo será un despiste:

  divimg src=UBICACION-DE-LA-IMAGEN.EXTENSION
title=TITULO-DESCRIPTIVOalt=TEXTO-ALTERNATIVO //a/div

ahi o se le ha colado el /a sin abrir, y o bien le sobra, o bien le
falta el a href .

Saludos!

On 9/11/06, DJ-Dom [EMAIL PROTECTED] wrote:

 Hola Francisco, yo lo he hecho de este modo:

 HTML:

 div id=imagenes-cat
 div class=imgs-cat
 divimg src=UBICACION-DE-LA-IMAGEN.EXTENSION
 title=TITULO-DESCRIPTIVO
 alt=TEXTO-ALTERNATIVO //a/div
 /div
 div class=imgs-cat
 divimg src=UBICACION-DE-LA-IMAGEN.EXTENSION
 title=TITULO-DESCRIPTIVO
 alt=TEXTO-ALTERNATIVO //a/div
 /div
 div class=imgs-cat
 divimg src=UBICACION-DE-LA-IMAGEN.EXTENSION
 title=TITULO-DESCRIPTIVO
 alt=TEXTO-ALTERNATIVO //a/div
 /div
 div class=imgs-cat
 divimg src=UBICACION-DE-LA-IMAGEN.EXTENSION
 title=TITULO-DESCRIPTIVO
 alt=TEXTO-ALTERNATIVO //a/div
 /div
 /div




 CSS:
 #imagenes-cat{
 text-align: center;
 border: 1px dotted;
 margin: 0px auto;
 padding: 0px 0px 10px 0px;
 width: 99.5%;
 float: left;
 }

 .imgs-cat{
 float: left;
 width: 73px;
 height: 73px;
 margin: 8px;
 padding: 0px;
 text-align: center;
 border: 1px solid;
 }

 .imgs-cat img{
 vertical-align: middle;
 text-align: center;
 margin: 2px;
 }


 Espero que te sirvan.

 Saludo,
 DJ-Dom

 - Original Message -
 From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
 To: ovillo@lists.ovillo.org
 Sent: Sunday, September 17, 2006 5:20 PM
 Subject: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal
 como vertical en una línea



 Hola a todos:

 me gustaría saber como colocar 4 imagenes en una sola línea con css, al
 estilo de una tabla con cuatro columnas y alineadas al centro.
 Gracias.
 --
 Saludos.
 Francisco


 __
 LLama Gratis a cualquier PC del Mundo.
 Llamadas a fijos y móviles desde 1 céntimo por minuto.
 http://es.voice.yahoo.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://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




--
David Castelló
www.estandaresweb.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://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] validar un sitio

2006-09-20 Por tema Sureña
Quiero validar un sitio con la W3C, y luego de poner la URL, me da le
siguiente mensaje:
Result: Failed validation  Address:  Encoding: utf-8 (detect
automatically) utf-8
(Unicode, worldwide) utf-16 (Unicode, worldwide) iso-8859-1 (Western
Europe) iso-8859-2
(Central Europe) iso-8859-3 (Southern Europe) iso-8859-4 (North
European) iso-8859-5
(Cyrillic) iso-8859-6-i (Arabic) iso-8859-7 (Greek) iso-8859-8 (Hebrew,
visual) iso-8859-8-i (Hebrew, logical) iso-8859-9 (Turkish) iso-8859-10
(Latin 6) iso-8859-13 (Latin 7, Baltic Rim) iso-8859-14 (Latin 8,
Celtic) iso-8859-15
(Latin 9) iso-8859-16 (Latin 10) us-ascii (basic English) euc-jp (Japanese,
Unix) shift_jis (Japanese, Win/Mac) iso-2022-jp (Japanese, email) euc-kr
(Korean) gb2312 (Chinese, simplified) gb18030 (Chinese, simplified) big5
(Chinese, traditional) tis-620 (Thai) koi8-r (Russian) koi8-u
(Ukrainian) iso-ir-111
(Cyrillic KOI-8) macintosh (MacRoman) windows-1250 (Central Europe)
windows-1251
(Cyrillic) windows-1252 (Western Europe) windows-1253 (Greek) windows-1254
(Turkish) windows-1255 (Hebrew) windows-1256 (Arabic) windows-1257 (Baltic
Rim)  Doctype: (detect automatically) XHTML 1.1 XHTML Basic 1.0 XHTML
1.0Strict XHTML
1.0 Transitional XHTML 1.0 Frameset ISO/IEC 15445:2000 (ISO HTML) HTML
4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset HTML 3.2 HTML 2.0 MathML
2.0 XHTML 1.1 plus MathML 2.0  Revalidate With Options  :   Show Source
Show Outline  Show Parse Tree ...no attributes  Validate error pages
Verbose OutputQue significa eso exactamente?

Muchas gracias

Alejandra

-- 
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Todos los excesos son malos
Juzga tu exito, en relacion a lo que
tienes que renunciar para ello
Confia en Dios, pero cierra bien la puerta
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
___
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] Comportamiento no deseado del flotante derecho

2006-09-20 Por tema Martin Szyszlican
Trent Chandra escribió:
 Hola lista.
 Estoy desarrollando una CSS y hace días que estoy varado en un problema 
 que no consigo solucionar.
 Dicha CSS tiene una parte principal que flota a la izquierda y otra que 
 lo hace a la derecha. La presentación en los navegadores es correcta, 
 pero cuando se amplia desde el navegador, el tamaño del texto la sección 
 flotante de la derecha pasa debajo de la sección que flota a la 
 izquierda. He usado porcentajes justamente para que cuando ello ocurra 
 mantenga las proporciones, pero no he podido solucionar el tema que deje 
 de flotar a la derecha y lo envíe debajo. Estando las medidas expresadas 
 en 'em' y en '%' ¿no debería guardar las proporciones y mantenerse 
 flotando a la derecha? Además, los porcentajes expresados no son los que 
 veo representados, las suma de ellos debe ser menos al 100%, ¿no 
 entiendo el porqué?
   
El problema parece ser el overflow.
Cuando el texto es mas grande que el 60%, se cae.
Probá con overflow: auto o overflow:hidden en ambos floats.
Una pregunta:
No te conviene hacer dos float:left, y en el de la derecha, poner otro 
div adentro con float:right ?

Martin.
 En este mensaje he puesto al CSS y el XHTML usado.
 Muchas gracias a todos por su tiempo.
 Saludos, Diego.

 -
 ***CSS***
 -
 * {
 border: 0;
 margin: 0;
 padding: 0;
 }

 body {
 width: 100%;
 text-align: center;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

 #contenedor {
 width: 780px;
 margin: 0 auto; /*centrar contenedor en body */
 padding-top: 2em;
 text-align: left;
 }

 #cabecera {
 background-color: White;
 color: Black;
 margin-top: 1em;
 margin-bottom: 1em;
 }

 #logo {
 position: relative;
 width: 480px;
 height: 90px;
 }

 #cuerpo {
 width: 780px;
 left: 50%;
 }

 #principal {
 float: left;
 width: 60%;
 display: inline;
 padding: 1em;
 overflow: auto;
 }

 .laterales {
 float: right;
 width: 12em;
 display: inline;
 margin-top: 2em;
 padding: 1em;
 overflow: auto;
 background-color: #FAFAD2;
 color: Black;
 }

 .cola {
 float: left;
 width: 6em;
 margin-bottom: 2em;
 font-size: 0.9em;
 }

 .colb {
 float: right;
 width: 6em;
 margin-bottom: 2em;
 font-size: 0.9em;
 }

 #principal p {
 font-size: 0.9em;
 /*margin: 0.3em 0;*/
 text-indent: 2em;
 /*letter-spacing: 0.1em;*/
 /*word-spacing: 0.1em;*/   
 /*line-height: 2em;*/
 line-height: 1.5em;
 margin-top: 2em;
 margin-bottom: 2em;
 }

 #principal p:first-letter {
 float: left;
 font-size: xx-large;
 }

 p {
 font-size: 0.8em;
 margin: 0.3em 0;
 }

 /*
 #principal p:before {
 line-height: 4em;
 }

 #principal p:after {
 line-height: 12em;
 }*/

 a:link {
 color: #1e90ff;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted #2f5dde;
 }

 a:visited {
 color: #005fbb;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted #2f5dde;
 }

 a:hover {
 color: #000;
 border: 0;
 text-decoration: underline;
 }

 a:focus {
 background: #f9f7f4;
 color: #cc;
 }

 a:active {
 background: #f9f7f4;
 color: #000;
 border: 0;
 text-decoration: underline;
 }

 .frase {
 clear: both;
 margin-top: 1em;
 margin-bottom: 1em;
 padding: 1em;
 font-weight: bolder;
 background-color: Aqua;
 color: White;
 width: 80%;
 }

 -
 ***XHTML***
 -
 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN 
 http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd;
 html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
 titleSitios /title
 meta name=description content=Desarrollo y diseño de ... /
 meta name=keywords content=diseño, desarrollo, 
 accesibilidad, usablidad, xhtml, css, diseño corporativo /
 link rel=shortcut icon href=sitcol.ico type=image/x-icon /
 meta http-equiv=content-type content=application/xhtml+xml; 
 charset=iso-8859-1 /
 !--meta http-equiv=content-type content=text/html; 
 charset=iso-8859-1 /--
 link rel=stylesheet href=sitcol.css type=text/css 
 media=all /
 /head
 body
 div id=contenedor
 div id=cuerpo
 div id=principal
 div id=cabecera
 img src=sitcol.png alt=Sitios ... 
 width=480 height=90 id=logo /
 /div
 pLorem ipsum dolor sit amet, consectetuer 
 adipiscing elit. Nam sem. Suspendisse sollicitudin.
   ../p
 pMauris nec ipsum et erat nonummy 

[Ovillo] Javascript

2006-09-20 Por tema Javier Trejo
Alguien conoce algún sitio con un buen manual de javascript o algún libro
que puedan recomendarme (ya sea en formato pdf o no)
 
Saludos
 
--
Javier Trejo
TEL: (011) 4543-4550
CEL: (011) 15-5147-6161
WEB: HYPERLINK http://www.javiertrejo.com.ar/www.javiertrejo.com.ar
MSN: HYPERLINK
blocked::mailto:[EMAIL PROTECTED][EMAIL PROTECTED]
Mail: HYPERLINK
mailto:[EMAIL PROTECTED][EMAIL PROTECTED]
--
 

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/450 - Release Date: 18/09/2006
 
___
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] Texto centrado respecto al ancho de una imagen

2006-09-20 Por tema AraDaen

Hola Javier!

Finalmente lo que he hecho ha sido introducir como tu dices dos divs, y
posicionarlo con top,left y margin.


div#pie{
clear: both;
width: 100%;
color:#8b7e75;
height:80px;
overflow:auto;
border-top:6px solid #ff6600;
}


div#logoPie{ 
position:relative;
top:0px;
left:190px;
width:32px;
}

div#textoPie{
position:relative;
top:-25px;
left:50%;
margin-left:-155px;
width:360px;
text-align:center;

}




div id=pie 
div id=logoPie
img src=lib/pics/logoIcon.gif alt=texto alternativo/
/div
div id=textoPie
Primera linea de texto
br/
Segunda linea de texto
/div
/div


Muchas gracias a todos. :)


Saludos cordiales,

___
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] Problema con maquetación a 3 columnas

2006-09-20 Por tema Nacho F . Carreño
Hola a [EMAIL PROTECTED],

Me estoy intentando hacer una maquetación a tres columnas pero me surgen varios 
problemas. 

El ancho total de la es de 779px para ello tengo una capa contenedora que cuya 
posicion es relative.

Tengo una capa lateral izquierda con estos estilos:

#laterali {
 float:left;
 padding: 175px 0 0 75px;
 width:150px;
 z-index:1;
}

Y una capa central con estos estilos:

#contenido {
 width:375px;
 margin: 10px 10px 5px 230px;
 background:#F2FEF2;
}


El problema me surge ahora al querer poner la columna izquierda. Sólo la he 
conseguido posicionar como yo quiero poniéndole un position:absolute y dandole 
las coordenadas exactas. El problema con el que me encuentro es que estoy 
jugando con dos fondos, el de la página principal se repite verticalmente y el 
otro fondo se repite horizontalmente dentro de la capa que contiene toda la Web 
y la cuestión está en que si la zona lateral derecha tiene más contenidos que 
las otras dos capas se hace más larga, sin embargo, al estar con medidas 
absolutas el fondo se estira hasta sólo la parte más larga de las otras dos 
capas por lo que el efecto es como si la capa lateral derecha se saliera por 
encima de la Web.

Espero haberme explicado bien :-(

Un saludo,

Nacho
___
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] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea

2006-09-20 Por tema Raul Martin
Hola,

Ya que las  imagenes son elementos de linea... los únicos que estorban son los 
lis (por que es una lista). Los convertimos en elementos de línea y en lugar 
de operar con bloques y tener que llamar a las gruas para colocarlos, manejamos 
un frase de imágenes :D

y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y no 
parece que se le haga caso :D

www.ubicuit.net/ejemplosCSS/galeria/index2.htm


UN saludo


L Es impresionante la diferencia de esos marcos con relieve según se vea con
L Firefox o Explorer.
L Con Firefox se ven espectaculares.

L Para que queden centrados sin tabla debes usar ésto en la etiqueta de
L imagen:  img style=vertical-align: middle que es el equivalente a: img
align=absmiddle y poner las fotos dentro de un div con el alto de la foto
L mayor para que tengan un marco de referencia.

L Almirante Von Web/.

L - Original Message -
L From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
L To: ovillo@lists.ovillo.org
L Sent: Monday, September 18, 2006 5:40 PM
L Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal
L como vertical en una línea


L Gracias DJ-dom, Laura, David Castelló y Sureña.
L He probado ambas soluciones pero solo sirve si las imágenes tienen el
L mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en
L horizontal como en vertical, y me gustaría que quedaran como en la página
L http://www.frangiln.jazztel.es/index.html los logos de los patrocinadores,
L pero están en tablas, no lo consigo con css.

L Gracias de nuevo por vuestro interés.

L --
L Saludos.
L Francisco



___
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] elasticidad limite

2006-09-20 Por tema Orange at Google
Puedes usar una combinación de min y max width para navegadores que
entiendan estandares y expressions para Explorer.

La expression utilizada, si quieres que sea compatible con versiones 5.x del
navegador, es un tanto complicada. Aqui tienes una posible solución que
propuse yo para hacer un diseño adaptable a 800 y a 1024 px de resolución

http://www.domestika.org/foros/viewtopic.php?t=47512

Espero que te sirva de ayuda

El día 17/09/06, Carlos Revillo [EMAIL PROTECTED] escribió:


  Puedes jugar con min-width, min-height, max-width y max-height (sin
  soporte en Explorer).
 
 
 http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#min-max-widths
 
 
 hay una trampilla para hacerlo funcionar en explorer...
 http://www.webreference.com/programming/min-width/
 ___
 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




-- 
Orange at GMail
___
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] div de fondo con opacidad

2006-09-20 Por tema KARLOS
2006/9/18, alarkspur [EMAIL PROTECTED]:

 Hola lista

 os comento un poco lo que me ocurre con una capa que intento ponerla
 opacidad, y lo que ocurre es que se me pone opacidad a todo el
 contenido que tiene en el interior, a ver si podeis orientarme, gracias.

 #content {
 margin: auto;
 width: 800px;
 background-color: grey;
 filter:alpha(opacity=25); -moz-opacity: .25; opacity:.25; }

 en el html
 div id=content
 pcontendio/p
 img src= /
 /div

 Lo que trato es que el color #grey sea el que pase a tener una
 opcacidad de 25% y el resto del interior de #content sea lo que sea
 (p, img, otros div, etc) se mantengan normal.


Sip, eso es lo que pasa con ese filtro al aplicarlo a un background, lo que
puedes hacer es usar un png de unos pocos pixeles y lo colocas de fondo.


-- 


Online CV and Portfolio:
http://kwdhome.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] div de fondo con opacidad

2006-09-20 Por tema Javier Trejo
Pone el fondo gris en un div y el resto de las cosas (p, img, etc) en otro/s
divs y la propiedad filter se la ponés al que tenga el backgraund para que
no afecte al resto, así debería funcionar.
Saludos. 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de alarkspur
Enviado el: Lunes, 18 de Septiembre de 2006 19:00
Para: la lista de CSS en castellano Ovillo
Asunto: [Ovillo] div de fondo con opacidad

Hola lista

os comento un poco lo que me ocurre con una capa que intento ponerla
opacidad, y lo que ocurre es que se me pone opacidad a todo el contenido que
tiene en el interior, a ver si podeis orientarme, gracias.

#content {
margin: auto;
width: 800px;
background-color: grey;
filter:alpha(opacity=25); -moz-opacity: .25; opacity:.25; }

en el html
div id=content
pcontendio/p
img src= /
/div

Lo que trato es que el color #grey sea el que pase a tener una opcacidad de
25% y el resto del interior de #content sea lo que sea (p, img, otros div,
etc) se mantengan normal.

Gracias por la ayuda.
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://lists.ovillo.org/mailman/listinfo/ovillo

--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006
 

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006
 

___
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] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea

2006-09-20 Por tema JM Unica
Buenas tardes...

Ya había intentado hacer esto, pero no consigo que se vea correctamente en
todos los navegadores.

La propuesta de ubicuit, no funciona en todos los navegadores, se rompe en
Explorer 7 Beta 3.

:-(((


El día 19/09/06, Raul Martin [EMAIL PROTECTED] escribió:

 Hola,

 Ya que las  imagenes son elementos de linea... los únicos que estorban son
 los lis (por que es una lista). Los convertimos en elementos de línea y en
 lugar de operar con bloques y tener que llamar a las gruas para colocarlos,
 manejamos un frase de imágenes :D

 y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y
 no parece que se le haga caso :D

 www.ubicuit.net/ejemplosCSS/galeria/index2.htm


 UN saludo


 L Es impresionante la diferencia de esos marcos con relieve según se vea
 con
 L Firefox o Explorer.
 L Con Firefox se ven espectaculares.

 L Para que queden centrados sin tabla debes usar ésto en la etiqueta de
 L imagen:  img style=vertical-align: middle que es el equivalente a:
 img
 align=absmiddle y poner las fotos dentro de un div con el alto de la
 foto
 L mayor para que tengan un marco de referencia.

 L Almirante Von Web/.

 L - Original Message -
 L From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
 L To: ovillo@lists.ovillo.org
 L Sent: Monday, September 18, 2006 5:40 PM
 L Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto
 horizontal
 L como vertical en una línea


 L Gracias DJ-dom, Laura, David Castelló y Sureña.
 L He probado ambas soluciones pero solo sirve si las imágenes tienen el
 L mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en
 L horizontal como en vertical, y me gustaría que quedaran como en la
 página
 L http://www.frangiln.jazztel.es/index.html los logos de los
 patrocinadores,
 L pero están en tablas, no lo consigo con css.

 L Gracias de nuevo por vuestro interés.

 L --
 L Saludos.
 L Francisco



 ___
 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] validar un sitio

2006-09-20 Por tema Javier Trejo
Alejandra:

Estás validando el css o el html?
Lo correcto sería validar 1ro el HTML en http://validator.w3.org/ y después
que esté validado y/o corrijas los errores de tu xhtml entrara en
http://jigsaw.w3.org/css-validator/ y validar la hoja de estilos.

Por que no ponés la url así podemos ver el error que te manda, aparentemente
tiene que ver con el conjunto de caracteres escritos.

Saludos.  

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Sureña
Enviado el: Lunes, 18 de Septiembre de 2006 20:45
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] validar un sitio

Quiero validar un sitio con la W3C, y luego de poner la URL, me da le
siguiente mensaje:
Result: Failed validation  Address:  Encoding: utf-8 (detect
automatically) utf-8
(Unicode, worldwide) utf-16 (Unicode, worldwide) iso-8859-1 (Western
Europe) iso-8859-2
(Central Europe) iso-8859-3 (Southern Europe) iso-8859-4 (North
European) iso-8859-5
(Cyrillic) iso-8859-6-i (Arabic) iso-8859-7 (Greek) iso-8859-8 (Hebrew,
visual) iso-8859-8-i (Hebrew, logical) iso-8859-9 (Turkish) iso-8859-10
(Latin 6) iso-8859-13 (Latin 7, Baltic Rim) iso-8859-14 (Latin 8,
Celtic) iso-8859-15
(Latin 9) iso-8859-16 (Latin 10) us-ascii (basic English) euc-jp (Japanese,
Unix) shift_jis (Japanese, Win/Mac) iso-2022-jp (Japanese, email) euc-kr
(Korean) gb2312 (Chinese, simplified) gb18030 (Chinese, simplified) big5
(Chinese, traditional) tis-620 (Thai) koi8-r (Russian) koi8-u
(Ukrainian) iso-ir-111
(Cyrillic KOI-8) macintosh (MacRoman) windows-1250 (Central Europe)
windows-1251
(Cyrillic) windows-1252 (Western Europe) windows-1253 (Greek) windows-1254
(Turkish) windows-1255 (Hebrew) windows-1256 (Arabic) windows-1257 (Baltic
Rim)  Doctype: (detect automatically) XHTML 1.1 XHTML Basic 1.0 XHTML
1.0Strict XHTML 1.0 Transitional XHTML 1.0 Frameset ISO/IEC 15445:2000 (ISO
HTML) HTML
4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset HTML 3.2 HTML 2.0
MathML
2.0 XHTML 1.1 plus MathML 2.0  Revalidate With Options  :   Show Source
Show Outline  Show Parse Tree ...no attributes  Validate error pages Verbose
OutputQue significa eso exactamente?

Muchas gracias

Alejandra

--
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
Todos los excesos son malos
Juzga tu exito, en relacion a lo que
tienes que renunciar para ello
Confia en Dios, pero cierra bien la puerta
-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.
___
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

--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006
 

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006
 

___
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] Problema con maquetación a 3 columnas

2006-09-20 Por tema Javier Trejo
Proba poniendo las 3 columnas flotadas, con margin y padding y un clear
donde termina la última y así se mantendran siempre posicionadas a pesar que
varíe el contenido.

Espero sea lo que necesitas.

Saludos. 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]

Enviado el: Martes, 19 de Septiembre de 2006 12:25
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Problema con maquetación a 3 columnas

Hola a [EMAIL PROTECTED],

Me estoy intentando hacer una maquetación a tres columnas pero me surgen
varios problemas. 

El ancho total de la es de 779px para ello tengo una capa contenedora que
cuya posicion es relative.

Tengo una capa lateral izquierda con estos estilos:

#laterali {
 float:left;
 padding: 175px 0 0 75px;
 width:150px;
 z-index:1;
}

Y una capa central con estos estilos:

#contenido {
 width:375px;
 margin: 10px 10px 5px 230px;
 background:#F2FEF2;
}


El problema me surge ahora al querer poner la columna izquierda. Sólo la he
conseguido posicionar como yo quiero poniéndole un position:absolute y
dandole las coordenadas exactas. El problema con el que me encuentro es que
estoy jugando con dos fondos, el de la página principal se repite
verticalmente y el otro fondo se repite horizontalmente dentro de la capa
que contiene toda la Web y la cuestión está en que si la zona lateral
derecha tiene más contenidos que las otras dos capas se hace más larga, sin
embargo, al estar con medidas absolutas el fondo se estira hasta sólo la
parte más larga de las otras dos capas por lo que el efecto es como si la
capa lateral derecha se saliera por encima de la Web.

Espero haberme explicado bien :-(

Un saludo,

Nacho
___
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

--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006
 

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006
 

___
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] Javascript

2006-09-20 Por tema AraDaen


Hola!!

Te pongo una lista de libros que están bastante bien:

a) Wiley - JavaScript Bible , 5th Ed (1743 pages) - 2004
b) OReilly - JavaScript The Definitive Guide, 5th.Ed (Aug.2006)
c) Hungry Minds, Inc.- JavaScript bible, gold edition (2001)

y para profundizar en ajax,
Prentice Hall AJAX Creating Web Pages with Asynchronous JavaScript and XML
(2006)


En el irc, cuentas con un canal de javascript #javascript, y tambien existe
una lista de correo de javascript en castellano:
http://javaescript.scriptia.net/


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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Javascript

2006-09-20 Por tema Martin Szyszlican
AraDaen escribió:
 Hola!!

 Te pongo una lista de libros que están bastante bien:

 a) Wiley - JavaScript Bible , 5th Ed (1743 pages) - 2004
 b) OReilly - JavaScript The Definitive Guide, 5th.Ed (Aug.2006)
 c) Hungry Minds, Inc.- JavaScript bible, gold edition (2001)

 y para profundizar en ajax,
 Prentice Hall AJAX Creating Web Pages with Asynchronous JavaScript and XML
 (2006)
   
Como referencia podés usar la de mozilla:
http://developer.mozilla.org/es/docs/JavaScript
http://developer.mozilla.org/en/docs/JavaScript (en inglés es más completa)

 En el irc, cuentas con un canal de javascript #javascript
En qué servidor?
 , y tambien existe
 una lista de correo de javascript en castellano:
 http://javaescript.scriptia.net/


 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://lists.ovillo.org/mailman/listinfo/ovillo

   


-- 
Martin Szyszlican
http://www.ylisto.info

Si este mensaje fue muy largo, fue poco profundo


___
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] validar un sitio

2006-09-20 Por tema Sureña
paso la url: www.hotelpeumayen.com.ar

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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] validar un sitio

2006-09-20 Por tema AraDaen

Lo primero que debes hacer antes de validarla, es especificar un doctype que
especifique que versión de html utilizas.
Da un vistazo a estos links:
http://www.w3.org/TR/html4/struct/global.html
http://alistapart.com/stories/doctype/


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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Javascript

2006-09-20 Por tema Enrique Rodriguez
http://www.javascriptya.com.ar/
sin duda! ;-)

Javier Trejo escribió:
 Alguien conoce algún sitio con un buen manual de javascript o algún libro
 que puedan recomendarme (ya sea en formato pdf o no)
  
 Saludos
  
 --
 Javier Trejo
 TEL: (011) 4543-4550
 CEL: (011) 15-5147-6161
 WEB: HYPERLINK http://www.javiertrejo.com.ar/www.javiertrejo.com.ar
 MSN: HYPERLINK
 blocked::mailto:[EMAIL PROTECTED][EMAIL PROTECTED]
 Mail: HYPERLINK
 mailto:[EMAIL PROTECTED][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


[Ovillo] Subject: Problema con maquetación a 3 columnas

2006-09-20 Por tema MicoX / Angeles
Macho, prueba a poner primero la columna izquierda antes del central. Creo
que te funcionará
Un saludo
Angeles


Message: 1
Date: Tue, 19 Sep 2006 17:25:04 +0200
From: Nacho F. Carreño [EMAIL PROTECTED]
Subject: [Ovillo] Problema con maquetación a 3 columnas
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Message-ID: [EMAIL PROTECTED]
Content-Type: text/plain;   charset=iso-8859-1

Hola a [EMAIL PROTECTED],

Me estoy intentando hacer una maquetación a tres columnas pero me surgen
varios problemas. 

El ancho total de la es de 779px para ello tengo una capa contenedora que
cuya posicion es relative.

Tengo una capa lateral izquierda con estos estilos:

#laterali {
 float:left;
 padding: 175px 0 0 75px;
 width:150px;
 z-index:1;
}

Y una capa central con estos estilos:

#contenido {
 width:375px;
 margin: 10px 10px 5px 230px;
 background:#F2FEF2;
}


El problema me surge ahora al querer poner la columna izquierda. Sólo la he
conseguido posicionar como yo quiero poniéndole un position:absolute y
dandole las coordenadas exactas. El problema con el que me encuentro es que
estoy jugando con dos fondos, el de la página principal se repite
verticalmente y el otro fondo se repite horizontalmente dentro de la capa
que contiene toda la Web y la cuestión está en que si la zona lateral
derecha tiene más contenidos que las otras dos capas se hace más larga, sin
embargo, al estar con medidas absolutas el fondo se estira hasta sólo la
parte más larga de las otras dos capas por lo que el efecto es como si la
capa lateral derecha se saliera por encima de la Web.

Espero haberme explicado bien :-(

Un saludo,

Nacho

--

Message: 2
Date: Tue, 19 Sep 2006 21:44:06 +0200
From: Raul Martin [EMAIL PROTECTED]
Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto
horizontal como vertical en una línea
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Message-ID: [EMAIL PROTECTED]
Content-Type: text/plain; charset=iso-8859-1

Hola,

Ya que las  imagenes son elementos de linea... los únicos que estorban son
los lis (por que es una lista). Los convertimos en elementos de línea y en
lugar de operar con bloques y tener que llamar a las gruas para colocarlos,
manejamos un frase de imágenes :D

y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y
no parece que se le haga caso :D

www.ubicuit.net/ejemplosCSS/galeria/index2.htm


UN saludo


L Es impresionante la diferencia de esos marcos con relieve según se vea
con
L Firefox o Explorer.
L Con Firefox se ven espectaculares.

L Para que queden centrados sin tabla debes usar ésto en la etiqueta de
L imagen:  img style=vertical-align: middle que es el equivalente a:
img
align=absmiddle y poner las fotos dentro de un div con el alto de la
foto
L mayor para que tengan un marco de referencia.

L Almirante Von Web/.

L - Original Message -
L From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
L To: ovillo@lists.ovillo.org
L Sent: Monday, September 18, 2006 5:40 PM
L Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto
horizontal
L como vertical en una línea


L Gracias DJ-dom, Laura, David Castelló y Sureña.
L He probado ambas soluciones pero solo sirve si las imágenes tienen el
L mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en
L horizontal como en vertical, y me gustaría que quedaran como en la página
L http://www.frangiln.jazztel.es/index.html los logos de los
patrocinadores,
L pero están en tablas, no lo consigo con css.

L Gracias de nuevo por vuestro interés.

L --
L Saludos.
L Francisco





--

Message: 3
Date: Wed, 20 Sep 2006 11:08:39 +0200
From: Orange at Google [EMAIL PROTECTED]
Subject: Re: [Ovillo] elasticidad limite
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Message-ID:
[EMAIL PROTECTED]
Content-Type: text/plain; charset=ISO-8859-1; format=flowed

Puedes usar una combinación de min y max width para navegadores que
entiendan estandares y expressions para Explorer.

La expression utilizada, si quieres que sea compatible con versiones 5.x del
navegador, es un tanto complicada. Aqui tienes una posible solución que
propuse yo para hacer un diseño adaptable a 800 y a 1024 px de resolución

http://www.domestika.org/foros/viewtopic.php?t=47512

Espero que te sirva de ayuda

El día 17/09/06, Carlos Revillo [EMAIL PROTECTED] escribió:


  Puedes jugar con min-width, min-height, max-width y max-height (sin
  soporte en Explorer).
 
 
 http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#min-max-widths
 
 
 hay una trampilla para hacerlo funcionar en explorer...
 http://www.webreference.com/programming/min-width/
 ___
 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] div de fondo con opacidad

2006-09-20 Por tema alarkspur
 Pone el fondo gris en un div y el resto de las cosas (p, img, etc)  
 en otro/s
 divs y la propiedad filter se la ponés al que tenga el backgraund  
 para que
 no afecte al resto, así debería funcionar.
 Saludos.

Pues si, como dices debería funcionar pero el caso es que no he  
conseguido que saliese :-(
al final me decante por hacerlo como indica Carlos con un png.

Gracias por la ayuda.
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] : Imagenes de distinto tamaño centra das tanto horizontal como vertical en una línea

2006-09-20 Por tema MicoX / Angeles

Francisco, a los contenedores o capas le puedes dar el tamaño que quieras,
indistinto del tamaño de la foto, asi pues es fácil colocarlos estilo una
tabla.
Un saludo
Angeles


Message: 2
Date: Tue, 19 Sep 2006 21:44:06 +0200
From: Raul Martin [EMAIL PROTECTED]
Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto
horizontal como vertical en una línea
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Message-ID: [EMAIL PROTECTED]
Content-Type: text/plain; charset=iso-8859-1

Hola,

Ya que las  imagenes son elementos de linea... los únicos que estorban son
los lis (por que es una lista). Los convertimos en elementos de línea y en
lugar de operar con bloques y tener que llamar a las gruas para colocarlos,
manejamos un frase de imágenes :D

y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y
no parece que se le haga caso :D

www.ubicuit.net/ejemplosCSS/galeria/index2.htm


UN saludo


L Es impresionante la diferencia de esos marcos con relieve según se vea
con
L Firefox o Explorer.
L Con Firefox se ven espectaculares.

L Para que queden centrados sin tabla debes usar ésto en la etiqueta de
L imagen:  img style=vertical-align: middle que es el equivalente a:
img
align=absmiddle y poner las fotos dentro de un div con el alto de la
foto
L mayor para que tengan un marco de referencia.

L Almirante Von Web/.

L - Original Message -
L From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
L To: ovillo@lists.ovillo.org
L Sent: Monday, September 18, 2006 5:40 PM
L Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto
horizontal
L como vertical en una línea


L Gracias DJ-dom, Laura, David Castelló y Sureña.
L He probado ambas soluciones pero solo sirve si las imágenes tienen el
L mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en
L horizontal como en vertical, y me gustaría que quedaran como en la página
L http://www.frangiln.jazztel.es/index.html los logos de los
patrocinadores,
L pero están en tablas, no lo consigo con css.

L Gracias de nuevo por vuestro interés.

L --
L Saludos.
L Francisco





--

Message: 3
Date: Wed, 20 Sep 2006 11:08:39 +0200
From: Orange at Google [EMAIL PROTECTED]
Subject: Re: [Ovillo] elasticidad limite
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Message-ID:
[EMAIL PROTECTED]
Content-Type: text/plain; charset=ISO-8859-1; format=flowed

Puedes usar una combinación de min y max width para navegadores que
entiendan estandares y expressions para Explorer.

La expression utilizada, si quieres que sea compatible con versiones 5.x del
navegador, es un tanto complicada. Aqui tienes una posible solución que
propuse yo para hacer un diseño adaptable a 800 y a 1024 px de resolución

http://www.domestika.org/foros/viewtopic.php?t=47512

Espero que te sirva de ayuda

El día 17/09/06, Carlos Revillo [EMAIL PROTECTED] escribió:


  Puedes jugar con min-width, min-height, max-width y max-height (sin
  soporte en Explorer).
 
 
 http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#min-max-widths
 
 
 hay una trampilla para hacerlo funcionar en explorer...
 http://www.webreference.com/programming/min-width/
 ___
 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




-- 
Orange at GMail


--

___
Ovillo mailing list
Ovillo@lists.ovillo.org
http://lists.ovillo.org/mailman/listinfo/ovillo

Fin de Resumen de Ovillo, Vol 31, Envío 24
**

___
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] Comportamiento no deseado del flotante derecho

2006-09-20 Por tema Trent Chandra
Martin Szyszlican escribió:
 Trent Chandra escribió:
   
 Hola lista.
 Estoy desarrollando una CSS y hace días que estoy varado en un problema 
 que no consigo solucionar.
 Dicha CSS tiene una parte principal que flota a la izquierda y otra que 
 lo hace a la derecha. La presentación en los navegadores es correcta, 
 pero cuando se amplia desde el navegador, el tamaño del texto la sección 
 flotante de la derecha pasa debajo de la sección que flota a la 
 izquierda. He usado porcentajes justamente para que cuando ello ocurra 
 mantenga las proporciones, pero no he podido solucionar el tema que deje 
 de flotar a la derecha y lo envíe debajo. Estando las medidas expresadas 
 en 'em' y en '%' ¿no debería guardar las proporciones y mantenerse 
 flotando a la derecha? Además, los porcentajes expresados no son los que 
 veo representados, las suma de ellos debe ser menos al 100%, ¿no 
 entiendo el porqué?
   
 
 El problema parece ser el overflow.
 Cuando el texto es mas grande que el 60%, se cae.
 Probá con overflow: auto o overflow:hidden en ambos floats.
 Una pregunta:
 No te conviene hacer dos float:left, y en el de la derecha, poner otro 
 div adentro con float:right ?

 Martin.
   
 En este mensaje he puesto al CSS y el XHTML usado.
 Muchas gracias a todos por su tiempo.
 Saludos, Diego.

 -
 ***CSS***
 -
 * {
 border: 0;
 margin: 0;
 padding: 0;
 }

 body {
 width: 100%;
 text-align: center;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

 #contenedor {
 width: 780px;
 margin: 0 auto; /*centrar contenedor en body */
 padding-top: 2em;
 text-align: left;
 }

 #cabecera {
 background-color: White;
 color: Black;
 margin-top: 1em;
 margin-bottom: 1em;
 }

 #logo {
 position: relative;
 width: 480px;
 height: 90px;
 }

 #cuerpo {
 width: 780px;
 left: 50%;
 }

 #principal {
 float: left;
 width: 60%;
 display: inline;
 padding: 1em;
 overflow: auto;
 }

 .laterales {
 float: right;
 width: 12em;
 display: inline;
 margin-top: 2em;
 padding: 1em;
 overflow: auto;
 background-color: #FAFAD2;
 color: Black;
 }

 .cola {
 float: left;
 width: 6em;
 margin-bottom: 2em;
 font-size: 0.9em;
 }

 .colb {
 float: right;
 width: 6em;
 margin-bottom: 2em;
 font-size: 0.9em;
 }

 #principal p {
 font-size: 0.9em;
 /*margin: 0.3em 0;*/
 text-indent: 2em;
 /*letter-spacing: 0.1em;*/
 /*word-spacing: 0.1em;*/   
 /*line-height: 2em;*/
 line-height: 1.5em;
 margin-top: 2em;
 margin-bottom: 2em;
 }

 #principal p:first-letter {
 float: left;
 font-size: xx-large;
 }

 p {
 font-size: 0.8em;
 margin: 0.3em 0;
 }

 /*
 #principal p:before {
 line-height: 4em;
 }

 #principal p:after {
 line-height: 12em;
 }*/

 a:link {
 color: #1e90ff;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted #2f5dde;
 }

 a:visited {
 color: #005fbb;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted #2f5dde;
 }

 a:hover {
 color: #000;
 border: 0;
 text-decoration: underline;
 }

 a:focus {
 background: #f9f7f4;
 color: #cc;
 }

 a:active {
 background: #f9f7f4;
 color: #000;
 border: 0;
 text-decoration: underline;
 }

 .frase {
 clear: both;
 margin-top: 1em;
 margin-bottom: 1em;
 padding: 1em;
 font-weight: bolder;
 background-color: Aqua;
 color: White;
 width: 80%;
 }

 -
 ***XHTML***
 -
 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN 
 http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd;
 html xmlns=http://www.w3.org/1999/xhtml; xml:lang=es
head
 titleSitios /title
 meta name=description content=Desarrollo y diseño de ... /
 meta name=keywords content=diseño, desarrollo, 
 accesibilidad, usablidad, xhtml, css, diseño corporativo /
 link rel=shortcut icon href=sitcol.ico type=image/x-icon /
 meta http-equiv=content-type content=application/xhtml+xml; 
 charset=iso-8859-1 /
 !--meta http-equiv=content-type content=text/html; 
 charset=iso-8859-1 /--
 link rel=stylesheet href=sitcol.css type=text/css 
 media=all /
 /head
 body
 div id=contenedor
 div id=cuerpo
 div id=principal
 div id=cabecera
 img src=sitcol.png alt=Sitios ... 
 width=480 height=90 id=logo /
 /div
 pLorem ipsum dolor sit amet, consectetuer 
 adipiscing elit. Nam sem. Suspendisse sollicitudin.
   ../p
  

Re: [Ovillo] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea

2006-09-20 Por tema Raul Martin
Hola JM,

Recuerda que trabajas contra un beta. Analiza las propiedades, no 
pueden ser más simples. tal vez con el lineheight que comento dentro del código 
se arregle.

Ahora no tengo ningún ie7 para probar, pero creo que las modificaciones 
son mínimas, el diseño se basa en un display:inline...

Un saludo   

JU Buenas tardes...

JU Ya había intentado hacer esto, pero no consigo que se vea correctamente en
JU todos los navegadores.

JU La propuesta de ubicuit, no funciona en todos los navegadores, se rompe en
JU Explorer 7 Beta 3.

JU :-(((


JU El día 19/09/06, Raul Martin [EMAIL PROTECTED] escribió:

 Hola,

 Ya que las  imagenes son elementos de linea... los únicos que estorban son
 los lis (por que es una lista). Los convertimos en elementos de línea y en
 lugar de operar con bloques y tener que llamar a las gruas para colocarlos,
 manejamos un frase de imágenes :D

 y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y
 no parece que se le haga caso :D

 www.ubicuit.net/ejemplosCSS/galeria/index2.htm


 UN saludo


 L Es impresionante la diferencia de esos marcos con relieve según se vea
 con
 L Firefox o Explorer.
 L Con Firefox se ven espectaculares.

 L Para que queden centrados sin tabla debes usar ésto en la etiqueta de
 L imagen:  img style=vertical-align: middle que es el equivalente a:
 img
 align=absmiddle y poner las fotos dentro de un div con el alto de la
 foto
 L mayor para que tengan un marco de referencia.

 L Almirante Von Web/.

 L - Original Message -
 L From: Francisco Jesús Gil Navarro [EMAIL PROTECTED]
 L To: ovillo@lists.ovillo.org
 L Sent: Monday, September 18, 2006 5:40 PM
 L Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto
 horizontal
 L como vertical en una línea


 L Gracias DJ-dom, Laura, David Castelló y Sureña.
 L He probado ambas soluciones pero solo sirve si las imágenes tienen el
 L mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en
 L horizontal como en vertical, y me gustaría que quedaran como en la
 página
 L http://www.frangiln.jazztel.es/index.html los logos de los
 patrocinadores,
 L pero están en tablas, no lo consigo con css.

 L Gracias de nuevo por vuestro interé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://lists.ovillo.org/mailman/listinfo/ovillo