[Ovillo] Por que maquetear con div y no con tablas?

2005-08-13 Por tema jota2
listeros, mi asunto dice todo.. pero de todas maneras por que debemos maquetear 
con div y no con tablas?

gracias a todos los que se tomen la molestian de responder

__
Correo Yahoo!
Espacio para todos tus mensajes, antivirus y antispam ¡gratis! 
Regístrate ya - http://correo.yahoo.com.mx/ 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Maquetear este site

2005-08-11 Por tema jota2
uy perdon, ahora si aqui esta, bien la url:

http://home.ripway.com/2005-8/378814/maqueta.gif



 --- Camilo Kawerín [EMAIL PROTECTED]
escribió:

 Hola, no pude ver tu archivo porque el hosting pide
 que me loguee. 
 Además, el nombre del archivo gif me parece que
 tiene un caracter 
 incorrecto.
 
 jota2 escribió:
  hola, Ovillo, soy un poco novato en css, pero con
 muchas ganas de aprender, y me gustaria maquetear
 este site, el site tiene esta estructura:
 
 
http://www.ripway.com/members/getfile.asp?file=\maqueta%2Egif
 ___
 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
 






___ 
Do You Yahoo!? 
La mejor conexión a Internet y b 2GB/b extra a tu correo por $100 al mes. 
http://net.yahoo.com.mx 

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] Maquetear este site

2005-08-10 Por tema jota2
hola, Ovillo, soy un poco novato en css, pero con muchas ganas de aprender, y 
me gustaria maquetear este site, el site tiene esta estructura:
http://www.ripway.com/members/getfile.asp?file=\maqueta%2Egif
pero en la seccion de donde hay 3 sectores, no puedo no se me ubican uno al 
lado de otro,, alguien si puede me da un ejemplo, y si no es mucho que debo 
hacer, que no debo hacer: aqui esta mi ejemplo del css:
 

#contenedor{
position:relative; 
text-align: left; 
width: 750px; 
/*background-color : #f5f8ff; */
margin: auto; 
} 
#cabecera{ 
height : 300px; 
width: 750px;
}
#notis{
/*margin-top:300px;*/
width:750px;
height:160px;
}
#encuesta{
position:absolute;
top:460px;
left:0px;
width:750px;
height:205px;
}
#encues{
margin-top:0px;
margin-left:0px;
width:170px;
height:205px;
}
#even{
position:absolute;
left:170px;
width:370px;
height:205px;
}
 
saludos j2


-
  Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por $100 
al mes. http://net.yahoo.com.mx 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] div que se mueve en diferentes Resoluciones

2005-07-19 Por tema jota2
holaa martin... ojala que ese dia llegue pronto... y que tambien 
tenga un poquito yo mas de nivel haber si le entiendo
que buena por esa y saludos y mucha suerte..

DJ-Dom [EMAIL PROTECTED] escribió:
Es lo mejor que he escuchado, proque no me lo pasas, talvéz me ahorre todo 
los dolores de cabeza que estoy pasando.

El día 19/07/05, Martin Campos escribió: 
 
 De nada amigo jota2.
 
 Un día de estos, escribiré un articulo de capas elasticas y flotantes para
 cualquier navegador y resolución. Tendrá la típica estructura cabecera,
 principal y pie. A su vez principal, contendrá izquierda, centro y 
 derecha.
 La altura de todos los contenedores crece con su contenido y hay ejemplos 
 en
 su interior de menus (y otros enlaces) que al quitar el javascript siguen
 funcionando.
 
 Seguirá las recomendaciones w3c: XHTML 1.0 Transitional, CSS 2.0 y
 WAIG 1.0AAA. Además de estar validado por las herramientas W3C,
 también estará con
 HERA (sidar.org ), TAW, BOBBY 
 (watchfire),
 cynthiasays.com y 
 corregirá aspectos redactados
 en la
 seccion508.gov 
 
 Utilizo por supuesto, capas (div), cabecera (h1-h6), elementos in-line
 (span) y separan perfectamente presentación de contenido.
 
 El ejemplo ya lo tengo hecho, me falta limpiarlo un poquito, explicarlo y
 corregir al máximo las pautas de accesibilidad.
 
 Más adelante lo prepararé con CSS para cualquier dispositivo electronico 
 de
 muestra (screen, print, handheld, aural, braille, projection, webtv, ...)
 
 Esto no es una promesa, es algo que quiero hacer desde hace tiempo. Por
 supuesto que esperaré correcciones y opiniones.
 
 
 
 El día 19/07/05, jota2 escribió:
 
 
  gracias Martin por tu ayuda... me servio muchisimo... te devo una..
  Martin Campos escribió:Si utilizas la 
 posicion
  absoluta, el float left te lo desplaza a la
  izquierda. Si quieres una capa centrada a 80x80, prueba esto:
 
  div#CajaCentradaS {position: relative; float: left; width:80px;
  height:80px;
  margin: 0px auto}
 
 
  El día 19/07/05, jota2 escribió:
  
   gracias Martin por la explicacion me quedo bastante claro ...lo unico 
 es
   que creo que si se pone un margin.. en el caso mio pues puse un
   margin-left=60px; pero de todas maneras le deje el atribute left y no 
 me
   funciono pero por casualidad quite ese atributo y ya em funciono
   perfecto... ¿si no estas muy ocupado eso a que se debe?
  
   saludos y gracias y aqui pongo mi codigo haber si tienes algo por
   corregirme
   div#CajaCentradaS {position:absolute; width:80px; height:80px;
   margin-left:60px; margin-top:40px; }
  
   saludos
  
  
   Martin Campos escribió:
   Para que el este el la misma posición, debes utilizar el atributo
   margin. Ahora bien depende de si lo quieras a la derecha, izquierda o
   centro, debe tener un valor un otro. Te aconsejo que para tener una 
 capa
   centrada hagas esto:
  
   En el css:
  
   div.principal {
   margin: 0 auto;
   }
  
   El el HTML
  
  
  
  
  
   Otra cosa es si quieres que el tamaño (no la posicion) no cambie si
  cambia
   la resolución. Te recomiendo que utilices un tamaño de anchura fija 
 (en
  px
   o
   em). Para ello, añade a la clase principal:
  
   width: 750px;
  
   Espero que te haya quedado más claro. Si alguien tiene algo más que
  añadir
   ...
  
  
  
   El día 16/07/05, jota2 escribió:
   
listeros, yo creo que esto es muy basico...¿alguien sabe como hago
  para
que el siempre se me este en la misma posicion en diferentes
resoluciones?
si alguien me puede explicar ... le agradezco..
   
   
-
Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo
  por
$100 al mes. http://net.yahoo.com.mx
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente 
 dirección:
http://ovillo.org/mailman/listinfo/ovillo
   
  
  
  
   --
   Salu2:
   MARTIN desde Valencia (ESPAÑ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
  
  
  
  
   -
   Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo 
 por
   $100 al mes. http://net.yahoo.com.mx
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://ovillo.org/mailman/listinfo/ovillo
  
 
 
 
  --
  Salu2:
  MARTIN desde Valencia (ESPAÑA)
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes

Re: [Ovillo] div que se mueve en diferentes Resoluciones

2005-07-18 Por tema jota2
gracias Martin por la explicacion me quedo bastante claro ...lo unico es que 
creo que si se pone un margin.. en el caso mio pues puse un margin-left=60px; 
pero de todas maneras le deje el atribute left y no me funciono pero por 
casualidad quite ese atributo y ya em funciono perfecto... ¿si no estas muy 
ocupado eso a que se debe? 
 
saludos y gracias y aqui pongo mi codigo haber si tienes algo por corregirme
div#CajaCentradaS {position:absolute;  width:80px; height:80px; 
margin-left:60px; margin-top:40px; }
 
saludos


Martin Campos [EMAIL PROTECTED] escribió:
Para que el este el la misma posición, debes utilizar el atributo 
margin. Ahora bien depende de si lo quieras a la derecha, izquierda o 
centro, debe tener un valor un otro. Te aconsejo que para tener una capa 
centrada hagas esto:

En el css:

div.principal {
margin: 0 auto;
}

El el HTML





Otra cosa es si quieres que el tamaño (no la posicion) no cambie si cambia 
la resolución. Te recomiendo que utilices un tamaño de anchura fija (en px o 
em). Para ello, añade a la clase principal:

width: 750px;

Espero que te haya quedado más claro. Si alguien tiene algo más que añadir 
...



El día 16/07/05, jota2 escribió:
 
 listeros, yo creo que esto es muy basico...¿alguien sabe como hago para 
 que el siempre se me este en la misma posicion en diferentes 
 resoluciones?
 si alguien me puede explicar ... le agradezco..
 
 
 -
 Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por 
 $100 al mes. http://net.yahoo.com.mx
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://ovillo.org/mailman/listinfo/ovillo
 



-- 
Salu2:
MARTIN desde Valencia (ESPAÑ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




-
  Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por $100 
al mes. http://net.yahoo.com.mx 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] div que se mueve en diferentes Resoluciones

2005-07-18 Por tema jota2

gracias Martin por tu ayuda... me servio muchisimo... te devo una..
Martin Campos [EMAIL PROTECTED] escribió:Si utilizas la posicion absoluta, el 
float left te lo desplaza a la 
izquierda. Si quieres una capa centrada a 80x80, prueba esto:

div#CajaCentradaS {position: relative; float: left; width:80px; height:80px; 
margin: 0px auto}


El día 19/07/05, jota2 escribió:
 
 gracias Martin por la explicacion me quedo bastante claro ...lo unico es 
 que creo que si se pone un margin.. en el caso mio pues puse un 
 margin-left=60px; pero de todas maneras le deje el atribute left y no me 
 funciono pero por casualidad quite ese atributo y ya em funciono 
 perfecto... ¿si no estas muy ocupado eso a que se debe?
 
 saludos y gracias y aqui pongo mi codigo haber si tienes algo por 
 corregirme
 div#CajaCentradaS {position:absolute; width:80px; height:80px; 
 margin-left:60px; margin-top:40px; }
 
 saludos
 
 
 Martin Campos escribió:
 Para que el este el la misma posición, debes utilizar el atributo
 margin. Ahora bien depende de si lo quieras a la derecha, izquierda o
 centro, debe tener un valor un otro. Te aconsejo que para tener una capa
 centrada hagas esto:
 
 En el css:
 
 div.principal {
 margin: 0 auto;
 }
 
 El el HTML
 
 
 
 
 
 Otra cosa es si quieres que el tamaño (no la posicion) no cambie si cambia
 la resolución. Te recomiendo que utilices un tamaño de anchura fija (en px 
 o
 em). Para ello, añade a la clase principal:
 
 width: 750px;
 
 Espero que te haya quedado más claro. Si alguien tiene algo más que añadir
 ...
 
 
 
 El día 16/07/05, jota2 escribió:
 
  listeros, yo creo que esto es muy basico...¿alguien sabe como hago para
  que el siempre se me este en la misma posicion en diferentes
  resoluciones?
  si alguien me puede explicar ... le agradezco..
 
 
  -
  Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por
  $100 al mes. http://net.yahoo.com.mx
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://ovillo.org/mailman/listinfo/ovillo
 
 
 
 
 --
 Salu2:
 MARTIN desde Valencia (ESPAÑ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
 
 
 
 
 -
 Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por 
 $100 al mes. http://net.yahoo.com.mx
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://ovillo.org/mailman/listinfo/ovillo
 



-- 
Salu2:
MARTIN desde Valencia (ESPAÑ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



-
  Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por $100 
al mes. http://net.yahoo.com.mx 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] div que se mueve en diferentes Resoluciones

2005-07-15 Por tema jota2
listeros,  yo creo que esto es  muy basico...¿alguien sabe como hago para que 
el div siempre se me este en la misma posicion en diferentes resoluciones?
si alguien me puede explicar ... le agradezco..


-
  Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por $100 
al mes. http://net.yahoo.com.mx 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Galerías de iconos

2005-07-08 Por tema jota2
que tal victor yo diria  que por los lados de la usuabilidad,,, es mejor 
utilizar simbolos ya pre-establecidos me explico que todos a penas 
lo veamos.. me diga que significa. si es bueno inventar pero no sabras 
que tan efectivo ban a ser esos iconos pero pues no se yo mi iria 
lo mas figurativo posible.. 
archivos... pondria unas hojas... o libros
cuentame cuales son los iconos haber y te ayudo con las ideas si no es mucha 
molestia


Víctor Pimentel [EMAIL PROTECTED] escribió:
Saludos a la lista,

Estoy rediseñando mi blog y estoy añadiendo a las diferentes secciones que 
lo componen un iconito pequeño en png que sea significativo. Por ejemplo, 
en el cuadradito de búsqueda he puesto una lupa pequeñita, 16x16.

Lo malo es que para muchas de las demás secciones no tengo claro qué 
poner. Por ejemplo, ¿qué icono pongo para 'Archivos', que lo distinga de 
'Categorías', por ejemplo? Por eso estoy buscando una especie de galería 
de iconos pequeños, ¿cuál me recomendais? La mayoría que me valen son 
iconos para linux, porque los guardan en png, peroesas galerías no son 
específicas para los blogs, sino para el escritorio. De todas formas no 
quiero propiamente los archivos, solo las ideas.

Bueno, en principio los estoy haciendo yo con el photoshop, ¿qué formas u 
objetos son buenos para los ejemplos que os he puesto (archivos, 
categorías)?

Gracias a todos, Víctor

-- 
Usando el revolucionario cliente de correo de Opera: 
http://www.opera.com/m2/
Reciclando ideas en La Papelera: http://papelera.freelinuxhost.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

__
Correo Yahoo!
Espacio para todos tus mensajes, antivirus y antispam ¡gratis! 
Regístrate ya - http://correo.yahoo.com.mx/ 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Galerías de iconos

2005-07-08 Por tema jota2
ah ok victor lo acepto te entendi mal... pero sabes  despues de ver la captura 
de tu block. que por cierto se ve interesante el block... despues lo miro 
bien... tiremos ideas... que tal que para archivos pones una especies de hojas 
unas encimas de otras no se si me entendes pero te voy a hacer un ejemplo para 
categorias podias poner un especie de estand con subdivisiones... y para links 
(en esta si se me seco el cerebro), la tipica anclabueno saludos 
victor y hablamos luego..

Víctor Pimentel [EMAIL PROTECTED] escribió:
Gracias por contestar a todos los que habeis mandado galerías de iconos, 
estoy buceando por ellas ;)

Jota2, yo no quería inventarme los iconos, sino crearlos yo mismo, que es 
distinto. Es decir, yo busco 'ideas' de iconos que, como dices tú, todo el 
mundo reconozca a simple vista de qué se trata. Las secciones son para los 
sidebar y son las típicas de los blogs: archivos, categorías y links a 
otros blogs, las otras partes ya las he cubierto más o menos. Lo que 
comentas del archivo es lo que estaba pensando, lo más lógico, pero los 
otros dos no sé muy bien qué poner.

Am, si quieres ver qué estilo tendrán, mi blog es 
http://papelera.freelinuxhost.com/ , en la última entrada he puesto un 
shot de cómo va quedando, y podrás ver cómo son los iconos, y donde van.

Saludos, Víctor

On Fri, 08 Jul 2005 22:19:16 +0200, jota2 wrote:

 que tal victor yo diria que por los lados de la usuabilidad,,, es mejor 
 utilizar simbolos ya pre-establecidos me explico que todos a 
 penas lo veamos.. me diga que significa. si es bueno inventar 
 pero no sabras que tan efectivo ban a ser esos iconos pero 
 pues no se yo mi iria lo mas figurativo posible..
 archivos... pondria unas hojas... o libros
 cuentame cuales son los iconos haber y te ayudo con las ideas si no es 
 mucha molestia


 Víctor Pimentel escribió:
 Saludos a la lista,

 Estoy rediseñando mi blog y estoy añadiendo a las diferentes secciones 
 que
 lo componen un iconito pequeño en png que sea significativo. Por ejemplo,
 en el cuadradito de búsqueda he puesto una lupa pequeñita, 16x16.

 Lo malo es que para muchas de las demás secciones no tengo claro qué
 poner. Por ejemplo, ¿qué icono pongo para 'Archivos', que lo distinga de
 'Categorías', por ejemplo? Por eso estoy buscando una especie de galería
 de iconos pequeños, ¿cuál me recomendais? La mayoría que me valen son
 iconos para linux, porque los guardan en png, peroesas galerías no son
 específicas para los blogs, sino para el escritorio. De todas formas no
 quiero propiamente los archivos, solo las ideas.

 Bueno, en principio los estoy haciendo yo con el photoshop, ¿qué formas u
 objetos son buenos para los ejemplos que os he puesto (archivos,
 categorías)?

 Gracias a todos, Víctor




-- 
Usando el revolucionario cliente de correo de Opera: 
http://www.opera.com/m2/
___
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


-
  Do You Yahoo!? La mejor conexión a Internet y 2GB extra a tu correo por $100 
al mes. http://net.yahoo.com.mx 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


[Ovillo] Saludos

2005-07-07 Por tema jota2
Hola a todos soy jota2 y que bueno haber encontrado una lista para css... 
haber si me dan la oportunidad  de aprender y de compartir conocimiento con 
ustedes y asi crecer como una comunidad... gracias... 

__
Correo Yahoo!
Espacio para todos tus mensajes, antivirus y antispam ¡gratis! 
Regístrate ya - http://correo.yahoo.com.mx/ 
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo