Re: [Ovillo] Problema con diseño para diferentes res oluciones

2007-03-22 Por tema francisco quiros
Hola

Pues que las imágenes se adaptan al tamaño de la ventana

pakiros


El día 21/03/07, laura [EMAIL PROTECTED] escribió:

 hola, de nuevo
 
  On 3/21/07, fr rote:
   Hola
  
   Desde mi humilde conocimiento te paso el siguiente enlace donde podras
   observar
   que además de reducir el tamaño del texto en funcion del tamaño de la
   ventana además
   se reduce también las imágenes...
  
   http://nickcowie.com/2005/elastic-images/
  
 
  no consigo ver el efecto en el enlace que pasas :(
 

 Vale, es que no lo hacia como toca .de todos modos, no menguan,
 poniendo las medidas de la imagen en em no se conseguiria q se
 agradararan las imagenes y que tb se redujeran?
 ___
 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] Duda sobre maquetación del formulario

2007-03-22 Por tema Nacho F. Carreño
Al final lo he hecho de la siguiente manera:

label for=nombreNombreinput type=text name=nombre 
id=nombre/label

El label lo he flotado a la derecha y al imput le he puesto display:block

Gracias a todos por vuestra ayuda

Nacho





Angel Martin Alganza escribió:
 On Wed, Mar 21, 2007 at 11:32:54AM -0300, [EMAIL PROTECTED] wrote:
   
 si querés colocar un input debajo de un label, probaste con un display block 
 en el label? eso colocaría uno debajo del otro. Si querés sumarle el hecho 
 de colocar varios input uno junto al otro, con su correspondiente label 
 arriba podés armar cajitas con divs que floten
 

 Y digo yo (en mi línea anti-divitis) ¿no sería mejor flotar los
 elementos directamente en lugar de llenar todo el código de capas
 (div's) supérfluos?

   
 Sería todo con CSS y evitamos polémicas de usar o no un br para maquetar.
 

 Y así evitamos también el uso de div's innecesarios y nos acercamos
 (algo) al diseño semántico.

   
 También hay que tener en cuenta lo práctico, además de lo correcto. No por 
 ser un religioso del CSS vas a gastar tiempo en armar hojas de estilo 
 complicadas si se puede solucionar con un simple tag HTML.
 

 Pero, ¿no es mucho más simple dar un espaciado con un 'margin' o un
 'padding' en CSS que andar con prueba-y-error metiendo br /'s? :)

 Saludos,
 Ángel

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


Re: [Ovillo] Ayuda con maquetación

2007-03-22 Por tema Rodrigo Álvarez Virgós
Hola, Reynier

¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema
concreto? ;-)
___
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] Botón submit

2007-03-22 Por tema Nacho F. Carreño
Para crear una botón de envío utilizando una imagen estoy utilizando el 
código:

input type=image src=imagenes/buscar.gif alt=Buscar title=Buscar /

¿Se podría hacer este mismo efecto con un input de tipo submit y 
configurarle la imagen desde CSS? Lo que quiero es que el botón tenga 
diferente aspecto all acceder desde un PC o una PDA.

Gracias por la ayuda

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] Botón submit

2007-03-22 Por tema Martin Campos
Hola.

Para el código utiliza:
p class=submitinput type=submit value=Submit //p

y en el css:

.submit input{
background : url(imagenes/buscar.gif);
}

El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:

 Para crear una botón de envío utilizando una imagen estoy utilizando el
 código:

 input type=image src=imagenes/buscar.gif alt=Buscar title=Buscar
 /

 ¿Se podría hacer este mismo efecto con un input de tipo submit y
 configurarle la imagen desde CSS? Lo que quiero es que el botón tenga
 diferente aspecto all acceder desde un PC o una PDA.

 Gracias por la ayuda

 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




-- 
Salu2:
MARTIN un valenciano desde Madrid (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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Ayuda con maquetación

2007-03-22 Por tema Reynier Perez Mira
Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar 
algo como esto:

Cabecera

[input no1]
 [boton ]
[input no2]

Enlace 1 | Enlace 2

Yo mande una imagen para la lista pero al parecer no están permitidos los 
adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en 
esa forma es el Botón. ¿Entienden ahora lo que trato de hacer?
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez 
Virgós
Enviado el: jueves, 22 de marzo de 2007 5:52
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con maquetación

Hola, Reynier

¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema
concreto? ;-)
___
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] Ayuda con maquetación

2007-03-22 Por tema Nacho F. Carreño
Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de 
ancho al fieldset y el botón lo floté a la derecha, después fui jugando 
con el padding para centrarlo. Si no te queda claro te pongo el código 
que yo tengo.

Reynier Perez Mira escribió:
 Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar 
 algo como esto:

 Cabecera

 [input no1]
  [boton ]
 [input no2]

 Enlace 1 | Enlace 2

 Yo mande una imagen para la lista pero al parecer no están permitidos los 
 adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en 
 esa forma es el Botón. ¿Entienden ahora lo que trato de hacer?
 --
 Reynier Pérez Mira
 5to. Ing. Informática
 Maestro de poco, aprendiz de mucho
 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez 
 Virgós
 Enviado el: jueves, 22 de marzo de 2007 5:52
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Ayuda con maquetación

 Hola, Reynier

 ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema
 concreto? ;-)
 ___
 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

 __ Información de NOD32, revisión 2132 (20070321) __

 Este mensaje ha sido analizado con  NOD32 antivirus system
 http://www.nod32.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


Re: [Ovillo] Ayuda con maquetación

2007-03-22 Por tema Reynier Perez Mira
Hola Nacho:
Me queda un tanto claro pero creo que si pusieras el código me sería un poco 
mejor para entenderlo a ver como lo logro.
Salu2 y gracias por la respuesta
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Nacho F. Carreño
Enviado el: jueves, 22 de marzo de 2007 7:56
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con maquetación

Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de 
ancho al fieldset y el botón lo floté a la derecha, después fui jugando 
con el padding para centrarlo. Si no te queda claro te pongo el código 
que yo tengo.

Reynier Perez Mira escribió:
 Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar 
 algo como esto:

 Cabecera

 [input no1]
  [boton ]
 [input no2]

 Enlace 1 | Enlace 2

 Yo mande una imagen para la lista pero al parecer no están permitidos los 
 adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en 
 esa forma es el Botón. ¿Entienden ahora lo que trato de hacer?
 --
 Reynier Pérez Mira
 5to. Ing. Informática
 Maestro de poco, aprendiz de mucho
 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez 
 Virgós
 Enviado el: jueves, 22 de marzo de 2007 5:52
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Ayuda con maquetación

 Hola, Reynier

 ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema
 concreto? ;-)
 ___
 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

 __ Información de NOD32, revisión 2132 (20070321) __

 Este mensaje ha sido analizado con  NOD32 antivirus system
 http://www.nod32.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] Ayuda con maquetación

2007-03-22 Por tema Rodrigo Álvarez Virgós
Una URL con el formulario ayudaría, porque aún no entiendo a qué te refieres
con la imagen con la flecha que tiene al lado. ¿El botón contiene una
imagen con una flecha?

De todos modos, para maquetar algo parecido a lo que quieres hacer:

HTML:
[cabecera]
form ...
   input type=text ... /
   div id=contenedor_boton
  button.../button
/div
input type=text ... /
/form
[enlaces]

CSS:
input {
   display: block;
}

div#contenedor_boton {
   width: 20%; /* Por ejemplo */
}

div#contenedor button {
   float: right;
}
___
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] Botón submit

2007-03-22 Por tema Marc Palau
Martín, solo una duda, que diferencia hay entre lo que propones y lo mismo
pero poniendole la clase al input?

lo que propones:

xHTML: p class=submitinput type=submit value=Submit //p
CSS:  .submit input{
   background : url(imagenes/buscar.gif);
  }

menos código:

xHTML: input type=submit value=Enviar class=submit /
CSS: .submit{background:url(imagenes/buscar.gif);}


Hay algún tipo de restricción en el uso de fondos con imágenes para
elementos input??

saludos!
Marc

- Original Message - 
From: Martin Campos [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, March 22, 2007 12:05 PM
Subject: Re: [Ovillo] Botón submit


Hola.

Para el código utiliza:
p class=submitinput type=submit value=Submit //p

y en el css:

.submit input{
background : url(imagenes/buscar.gif);
}

El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:

 Para crear una botón de envío utilizando una imagen estoy utilizando el
 código:

 input type=image src=imagenes/buscar.gif alt=Buscar title=Buscar
 /

 ¿Se podría hacer este mismo efecto con un input de tipo submit y
 configurarle la imagen desde CSS? Lo que quiero es que el botón tenga
 diferente aspecto all acceder desde un PC o una PDA.

 Gracias por la ayuda

 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




-- 
Salu2:
MARTIN un valenciano desde Madrid (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://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] Botón submit

2007-03-22 Por tema Marc Palau
Martín, solo una duda, que diferencia hay entre lo que propones y lo mismo
pero poniendole la clase al input?

lo que propones:

xHTML: p class=submitinput type=submit value=Submit //p
CSS:  .submit input{
   background : url(imagenes/buscar.gif);
  }

menos código:

xHTML: input type=submit value=Enviar class=submit /
CSS: .submit{background:url(imagenes/buscar.gif);}


Hay algún tipo de restricción en el uso de fondos con imágenes para
elementos input??

saludos!
Marc

- Original Message - 
From: Martin Campos [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, March 22, 2007 12:05 PM
Subject: Re: [Ovillo] Botón submit


Hola.

Para el código utiliza:
p class=submitinput type=submit value=Submit //p

y en el css:

.submit input{
background : url(imagenes/buscar.gif);
}

El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:

 Para crear una botón de envío utilizando una imagen estoy utilizando el
 código:

 input type=image src=imagenes/buscar.gif alt=Buscar title=Buscar
 /

 ¿Se podría hacer este mismo efecto con un input de tipo submit y
 configurarle la imagen desde CSS? Lo que quiero es que el botón tenga
 diferente aspecto all acceder desde un PC o una PDA.

 Gracias por la ayuda

 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




-- 
Salu2:
MARTIN un valenciano desde Madrid (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://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] Botón submit

2007-03-22 Por tema Martin Campos
Hola Marc.

Pues que tu código está mejor, separas presentación de contenido. He
utilizado un párrafo para el estilo y debía haberlo hecho como tu y no
utilizando p, span, ... para realizar la presentación.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html
head
 title/title
 style type=text/css
.submit input{background : url(imagenes/buscar.gif);}
.reset{background:url(imagenes/buscar.gif);}
 /style
/head
body
 form action=#
p class=submitinput type=submit value=Submit //p
br /
input type=reset value=Reset class=reset /
/form
/body
/html

El día 22/03/07, Marc Palau [EMAIL PROTECTED] escribió:

 Martín, solo una duda, que diferencia hay entre lo que propones y lo mismo
 pero poniendole la clase al input?

 lo que propones:

 xHTML: p class=submitinput type=submit value=Submit //p
 CSS:  .submit input{
background : url(imagenes/buscar.gif);
   }

 menos código:

 xHTML: input type=submit value=Enviar class=submit /
 CSS: .submit{background:url(imagenes/buscar.gif);}


 Hay algún tipo de restricción en el uso de fondos con imágenes para
 elementos input??

 saludos!
 Marc

 - Original Message -
 From: Martin Campos [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Thursday, March 22, 2007 12:05 PM
 Subject: Re: [Ovillo] Botón submit


 Hola.

 Para el código utiliza:
 p class=submitinput type=submit value=Submit //p

 y en el css:

 .submit input{
 background : url(imagenes/buscar.gif);
 }

 El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:
 
  Para crear una botón de envío utilizando una imagen estoy utilizando el
  código:
 
  input type=image src=imagenes/buscar.gif alt=Buscar
 title=Buscar
  /
 
  ¿Se podría hacer este mismo efecto con un input de tipo submit y
  configurarle la imagen desde CSS? Lo que quiero es que el botón tenga
  diferente aspecto all acceder desde un PC o una PDA.
 
  Gracias por la ayuda
 
  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
 



 --
 Salu2:
 MARTIN un valenciano desde Madrid (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://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




-- 
Salu2:
MARTIN un valenciano desde Madrid (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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] lista ordenada del tipo 1, 1.1, 1.2, 1.3, 2, 2.1, 3, ...

2007-03-22 Por tema Marc González Majoral
ol { list-style-type: decimal; }

El 21/03/07, Fernando Gutierrez [EMAIL PROTECTED] escribió:
 Con css2, efectivamente se puede, utilizando contadores. Hay un ejemplo en
 http://www.w3.org/TR/CSS21/generate.html#scope que pego a continuación. De
 los tres navegadores que tengo aquí a mano (bajo Windows XP), Firefox y
 Opera lo soportan, e Internet Explorer no.

 css:
 ol { counter-reset: item }
 li { display: block }
 li:before { content: counters(item, .)  ; counter-increment: item }

 html:
 ol!-- {item[0]=0--
   liitem/li !--  item[0]++ (=1)   --
   liitem  !--  item[0]++ (=2)   --
 ol!--  {item[1]=0   --
   liitem/li !--   item[1]++ (=1)  --
   liitem/li !--   item[1]++ (=2)  --
   liitem  !--   item[1]++ (=3)  --
 ol!--   {item[2]=0  --
   liitem/li !--item[2]++ (=1) --
 /ol   !--   --
 ol!--   }{item[2]=0 --
   liitem/li !--item[2]++ (=1) --
 /ol   !--   --
   /li !--   }   --
   liitem/li !--   item[1]++ (=4)  --
 /ol   !--   --
   /li !--  }--
   liitem/li !--  item[0]++ (=3)   --
   liitem/li !--  item[0]++ (=4)   --
 /ol   !--   --
 ol!-- }{item[0]=0   --
   liitem/li !--  item[0]++ (=1)   --
   liitem/li !--  item[0]++ (=2)   --
 /ol   !--   --

 Salu2

 --
 _
 Fernando Gutiérrez
 http://ferguweb.tx.com.ru/
 ___
 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] Botón submit

2007-03-22 Por tema Marc Palau
Ah vale perfecto, gracias entonces :)

saludos!
Marc
- Original Message - 
From: Martin Campos [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, March 22, 2007 1:12 PM
Subject: Re: [Ovillo] Botón submit


Hola Marc.

Pues que tu código está mejor, separas presentación de contenido. He
utilizado un párrafo para el estilo y debía haberlo hecho como tu y no
utilizando p, span, ... para realizar la presentación.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html
head
 title/title
 style type=text/css
.submit input{background : url(imagenes/buscar.gif);}
.reset{background:url(imagenes/buscar.gif);}
 /style
/head
body
 form action=#
p class=submitinput type=submit value=Submit //p
br /
input type=reset value=Reset class=reset /
/form
/body
/html

El día 22/03/07, Marc Palau [EMAIL PROTECTED] escribió:

 Martín, solo una duda, que diferencia hay entre lo que propones y lo mismo
 pero poniendole la clase al input?

 lo que propones:

 xHTML: p class=submitinput type=submit value=Submit //p
 CSS:  .submit input{
background : url(imagenes/buscar.gif);
   }

 menos código:

 xHTML: input type=submit value=Enviar class=submit /
 CSS: .submit{background:url(imagenes/buscar.gif);}


 Hay algún tipo de restricción en el uso de fondos con imágenes para
 elementos input??

 saludos!
 Marc

 - Original Message -
 From: Martin Campos [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Thursday, March 22, 2007 12:05 PM
 Subject: Re: [Ovillo] Botón submit


 Hola.

 Para el código utiliza:
 p class=submitinput type=submit value=Submit //p

 y en el css:

 .submit input{
 background : url(imagenes/buscar.gif);
 }

 El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:
 
  Para crear una botón de envío utilizando una imagen estoy utilizando el
  código:
 
  input type=image src=imagenes/buscar.gif alt=Buscar
 title=Buscar
  /
 
  ¿Se podría hacer este mismo efecto con un input de tipo submit y
  configurarle la imagen desde CSS? Lo que quiero es que el botón tenga
  diferente aspecto all acceder desde un PC o una PDA.
 
  Gracias por la ayuda
 
  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
 



 --
 Salu2:
 MARTIN un valenciano desde Madrid (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://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




-- 
Salu2:
MARTIN un valenciano desde Madrid (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://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] Ayuda con maquetación

2007-03-22 Por tema Nacho F. Carreño
Hola Reynier, ahí te va el código, espero que te sirva:

HTML:
form action=#nogo id=formbuscador

fieldset id=datosbusqueda
legendBuscador de Inmuebles/legend
label for=operacionOperacioacute;n
select id=operacion name=operacion
option selected=selected value=ventaVenta/option
option value=alquilerAlquiler/option
option value=venta y alquilerVenta / Alquiler/option
/select/label
   
label for=tipoinmuebleTipo de inmueble
select id=tipoinmueble name=tipoinmueble
option selected=selected 
value=cualquieraCualquiera/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
   
label for=precioPrecio
select id=precio name=precio
option selected=selected value=cualquier 
precioCualquier precio/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
   
label for=superficieSuperficie
select id=superficie name=superficie
option selected=selected value=cualquier 
precioCualquiera/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica 
edificab./option
option value=chalet paradoChalet pareado/option
/select/label
   
label for=dormitoriosDormitorios
input name=dormitorios type=text id=dormitorios 
size=9 /
/label
   
label for=ubicacionUbicacioacute;n
select id=ubicacion name=ubicacion
option selected=selected value=cualquieraCualquier 
Ubicacioacute;n/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
/fieldset
input type=image src=imagenes/buscar.gif class=alileft 
alt=Buscar title=Buscar /
 
/form

CSS:
#datosbusqueda{
float:left;
width:24em;
margin:0.56em 0 0 2.81em;
border:0;
}

#formbuscador legend {
display:none;
}

#formbuscador label {
float:left;
color:#871415;
font-size:0.70em;
margin:0 1.25em 0.63em 0;
}

#formbuscador select, #formbuscador input {
display:block;
font-size:1.1em;
margin-top:0.15em;
}

#formbuscador .alileft {
float:left; margin:0; padding:0; border:0; display:inline; 
margin:2.69em 0 0 0;
}


Reynier Perez Mira escribió:
 Hola Nacho:
 Me queda un tanto claro pero creo que si pusieras el código me sería un poco 
 mejor para entenderlo a ver como lo logro.
 Salu2 y gracias por la respuesta
 --
 Reynier Pérez Mira
 5to. Ing. Informática
 Maestro de poco, aprendiz de mucho

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Nacho F. 
 Carreño
 Enviado el: jueves, 22 de marzo de 2007 7:56
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Ayuda con maquetación

 Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de 
 ancho al fieldset y el botón lo floté a la derecha, después fui jugando 
 con el padding para centrarlo. Si no te queda claro te pongo el código 
 que yo tengo.

 Reynier Perez Mira escribió:
   
 Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar 
 algo como esto:

 Cabecera

 [input no1]
  [boton ]
 [input no2]

 Enlace 1 | Enlace 2

 Yo mande una imagen para la lista pero al parecer no están permitidos los 
 adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en 
 esa forma es el Botón. ¿Entienden ahora lo que trato de hacer?
 --
 Reynier Pérez Mira
 5to. Ing. Informática
 Maestro de poco, aprendiz de mucho
 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez 
 Virgós
 Enviado el: jueves, 22 de marzo de 2007 5:52
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Ayuda con maquetación

 Hola, Reynier

 ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema
 concreto? ;-)
 ___
 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

 __ Información de NOD32, revisión 2132 

Re: [Ovillo] Duda sobre maquetación del formulario

2007-03-22 Por tema carlos campderrós
On 3/21/07, Hernán Molinari [EMAIL PROTECTED] wrote:

 Hola a todos, Es así como dice Javier, pero lo de uasr el tag o no, no es
 por fanatismo, sino que ese html con el br / siempre va a dejar la
 etiqueta arriba del campo, en cambio haciendo como dice Javier, podés
 cambiar el diseño cuando quieras desde el css.


yo prefiero no poner el br, aunque creo que igualmente se podría poner y
no afectar a futuros rediseños CSS:

label for=opcionOpcionbr
   select id=opcion .../select
/label

label br { display: none; }

No lo he probado, pero la lógica me dice que debería funcionar.

-- 
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
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] Duda sobre maquetación del formulario

2007-03-22 Por tema Juan G. Hurtado
Buenas,

El 22/03/2007, a las 14:09, carlos campderrós escribió:

 yo prefiero no poner el br, aunque creo que igualmente se podría  
 poner y
 no afectar a futuros rediseños CSS:

 label for=opcionOpcionbr
select id=opcion .../select
 /label

 label br { display: none; }

 No lo he probado, pero la lógica me dice que debería funcionar.

Funciona :)

Un saludo.
--
Juan G. Hurtado
[ [EMAIL PROTECTED] ]
[ http://armonia.spiral-static.org/ ]



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


Re: [Ovillo] Ayuda con maquetación

2007-03-22 Por tema Reynier Perez Mira
Gracias Nacho tú respuesta me ha servido al igual que la anterior que me envió 
Rodrigo. Gracias a ambos
Salu2
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Nacho F. Carreño
Enviado el: jueves, 22 de marzo de 2007 8:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Ayuda con maquetación

Hola Reynier, ahí te va el código, espero que te sirva:

HTML:
form action=#nogo id=formbuscador

fieldset id=datosbusqueda
legendBuscador de Inmuebles/legend
label for=operacionOperacioacute;n
select id=operacion name=operacion
option selected=selected value=ventaVenta/option
option value=alquilerAlquiler/option
option value=venta y alquilerVenta / Alquiler/option
/select/label
   
label for=tipoinmuebleTipo de inmueble
select id=tipoinmueble name=tipoinmueble
option selected=selected 
value=cualquieraCualquiera/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
   
label for=precioPrecio
select id=precio name=precio
option selected=selected value=cualquier 
precioCualquier precio/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
   
label for=superficieSuperficie
select id=superficie name=superficie
option selected=selected value=cualquier 
precioCualquiera/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica 
edificab./option
option value=chalet paradoChalet pareado/option
/select/label
   
label for=dormitoriosDormitorios
input name=dormitorios type=text id=dormitorios 
size=9 /
/label
   
label for=ubicacionUbicacioacute;n
select id=ubicacion name=ubicacion
option selected=selected value=cualquieraCualquier 
Ubicacioacute;n/option
option value=pisoPiso/option
option value=finca rusticaFinca Ruacute;stica/option
option value=chalet paradoChalet pareado/option
/select/label
/fieldset
input type=image src=imagenes/buscar.gif class=alileft 
alt=Buscar title=Buscar /
 
/form

CSS:
#datosbusqueda{
float:left;
width:24em;
margin:0.56em 0 0 2.81em;
border:0;
}

#formbuscador legend {
display:none;
}

#formbuscador label {
float:left;
color:#871415;
font-size:0.70em;
margin:0 1.25em 0.63em 0;
}

#formbuscador select, #formbuscador input {
display:block;
font-size:1.1em;
margin-top:0.15em;
}

#formbuscador .alileft {
float:left; margin:0; padding:0; border:0; display:inline; 
margin:2.69em 0 0 0;
}


Reynier Perez Mira escribió:
 Hola Nacho:
 Me queda un tanto claro pero creo que si pusieras el código me sería un poco 
 mejor para entenderlo a ver como lo logro.
 Salu2 y gracias por la respuesta
 --
 Reynier Pérez Mira
 5to. Ing. Informática
 Maestro de poco, aprendiz de mucho

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Nacho F. 
 Carreño
 Enviado el: jueves, 22 de marzo de 2007 7:56
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Ayuda con maquetación

 Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de 
 ancho al fieldset y el botón lo floté a la derecha, después fui jugando 
 con el padding para centrarlo. Si no te queda claro te pongo el código 
 que yo tengo.

 Reynier Perez Mira escribió:
   
 Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar 
 algo como esto:

 Cabecera

 [input no1]
  [boton ]
 [input no2]

 Enlace 1 | Enlace 2

 Yo mande una imagen para la lista pero al parecer no están permitidos los 
 adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en 
 esa forma es el Botón. ¿Entienden ahora lo que trato de hacer?
 --
 Reynier Pérez Mira
 5to. Ing. Informática
 Maestro de poco, aprendiz de mucho
 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez 
 Virgós
 Enviado el: jueves, 22 de marzo de 2007 5:52
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Ayuda con maquetación

 Hola, Reynier

 ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema
 concreto? ;-)
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar 

[Ovillo] La forma correcta de hacer esto

2007-03-22 Por tema Reynier Perez Mira
Hola lista:

Estoy haciendo un menú con CSS y para ello estoy usando listas no ordenadas 
(UL). Ahora tengo dos problemas que no se como resolver. El primero es como 
ponerle un título a esa lista pues es como si fuera un menú de administración 
de un sistema. Pensé en hacer esto pero no se si está correcto del todo:

ul

h1Administración de Noticias/h1

liAdicionar categoría/li

liEditar categoría/li

liEliminar categoría/li

liListar categoría/li

li.../li

/ul

¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer que el 
elemento LI parezca una celda de una tabla. No se si me hago entender. Algo así 
como darle un ancho específico de forma tal que pintado el fondo parezca una 
celda.

Salu2, esperando sus respuestas y gracias por adelantado

--

Reynier Pérez Mira

5to. Ing. Informática

Maestro de poco, aprendiz de mucho

 

___
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] La forma correcta de hacer esto

2007-03-22 Por tema Nacho F. Carreño
Saca el h1 de la lista:

h1Administración de Noticias/h1

ul
liAdicionar categoría/li
liEditar categoría/li
liEliminar categoría/li
liListar categoría/li
li.../li
/ul

Reynier Perez Mira escribió:
 Hola lista:

 Estoy haciendo un menú con CSS y para ello estoy usando listas no ordenadas 
 (UL). Ahora tengo dos problemas que no se como resolver. El primero es como 
 ponerle un título a esa lista pues es como si fuera un menú de administración 
 de un sistema. Pensé en hacer esto pero no se si está correcto del todo:

 ul

 h1Administración de Noticias/h1

 liAdicionar categoría/li

 liEditar categoría/li

 liEliminar categoría/li

 liListar categoría/li

 li.../li

 /ul

 ¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer que el 
 elemento LI parezca una celda de una tabla. No se si me hago entender. Algo 
 así como darle un ancho específico de forma tal que pintado el fondo parezca 
 una celda.

 Salu2, esperando sus respuestas y gracias por adelantado

 --

 Reynier Pérez Mira

 5to. Ing. Informática

 Maestro de poco, aprendiz de mucho

  

 ___
 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

 __ Información de NOD32, revisión 2132 (20070321) __

 Este mensaje ha sido analizado con  NOD32 antivirus system
 http://www.nod32.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


Re: [Ovillo] Duda sobre maquetación del formulario

2007-03-22 Por tema Hernán Molinari
Si ponemos el br / no podremos luego mediante CSS poner la etiqueta al
lado del campo sin ir al HTML a borrarlo.

Gracias

Hernán Molinari
www.hernanmolinari.com.ar

On 3/22/07, carlos campderrós [EMAIL PROTECTED] wrote:

 On 3/21/07, Hernán Molinari [EMAIL PROTECTED] wrote:
 
  Hola a todos, Es así como dice Javier, pero lo de uasr el tag o no, no
 es
  por fanatismo, sino que ese html con el br / siempre va a dejar la
  etiqueta arriba del campo, en cambio haciendo como dice Javier, podés
  cambiar el diseño cuando quieras desde el css.
 

 yo prefiero no poner el br, aunque creo que igualmente se podría poner y
 no afectar a futuros rediseños CSS:

 label for=opcionOpcionbr
select id=opcion .../select
 /label

 label br { display: none; }

 No lo he probado, pero la lógica me dice que debería funcionar.

 --
 Si no puedes deslumbrar con tu inteligencia,
 desconcierta con tus gilipolleces
 ___
 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




-- 

Hernán Molinari
___
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] La forma correcta de hacer esto

2007-03-22 Por tema Ramon Lapenta
Debes sacar el h1 de la lista, ya que dentro de un ul solo puede 
haber li

Luego para hacer que los li se vean como celdas, a la etiqueta a le 
pones display block y le puedes dar el tamaño que quieras.

Reynier Perez Mira escribió:
 Hola lista:

 Estoy haciendo un menú con CSS y para ello estoy usando listas no ordenadas 
 (UL). Ahora tengo dos problemas que no se como resolver. El primero es como 
 ponerle un título a esa lista pues es como si fuera un menú de administración 
 de un sistema. Pensé en hacer esto pero no se si está correcto del todo:

 ul

 h1Administración de Noticias/h1

 liAdicionar categoría/li

 liEditar categoría/li

 liEliminar categoría/li

 liListar categoría/li

 li.../li

 /ul

 ¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer que el 
 elemento LI parezca una celda de una tabla. No se si me hago entender. Algo 
 así como darle un ancho específico de forma tal que pintado el fondo parezca 
 una celda.

 Salu2, esperando sus respuestas y gracias por adelantado

 --

 Reynier Pérez Mira

 5to. Ing. Informática

 Maestro de poco, aprendiz de mucho

  

 ___
 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] La forma correcta de hacer esto

2007-03-22 Por tema Juan Jorge Muñoz Herrero
Además de sacarlo le tienes que dar un display:block; yo en el caso de los
menús no sólo se lo doy al elemento li, sino al a que tiene dentro, la
razón es que IE solo acepta la pseudo clase hover en las etiquetas a, y si
quieres cambiar el background o lo que sea cuando el cursor pase por encima,
es mejor dárselo a la a.

Mira este ejemplillo:

CSS:

style type=text/css
#menu{
display:block;
width:140px;
height:auto;
position:relative;
margin:0;
padding:0;
background:#454545;}
#menu li{
display:block;
position:relative;
float:left;}
#menu li a:link, #menu li a:visited{
display:block;
position:relative;
width:140px;
height:1.4em;
text-align:center;
text-decoration:none;
color:#454545;
background:#EFEFEF;}
#menu li a:hover{
color:#EFEFEF;
background:#454545;}
#menu li a:active{text-decoration:line-through;}
/style

XHMTL:

h1Administración de Noticias/h1
ul id=menu
lia href=#Adicionar categoría/a/li
lia href=#Editar categoría/a/li
lia href=#Eliminar categoría/a/li
lia href=#Listar categoría/a/li
/ul


El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:

 Saca el h1 de la lista:

 h1Administración de Noticias/h1

 ul
 liAdicionar categoría/li
 liEditar categoría/li
 liEliminar categoría/li
 liListar categoría/li
 li.../li
 /ul

 Reynier Perez Mira escribió:
  Hola lista:
 
  Estoy haciendo un menú con CSS y para ello estoy usando listas no
 ordenadas (UL). Ahora tengo dos problemas que no se como resolver. El
 primero es como ponerle un título a esa lista pues es como si fuera un menú
 de administración de un sistema. Pensé en hacer esto pero no se si está
 correcto del todo:
 
  ul
 
  h1Administración de Noticias/h1
 
  liAdicionar categoría/li
 
  liEditar categoría/li
 
  liEliminar categoría/li
 
  liListar categoría/li
 
  li.../li
 
  /ul
 
  ¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer
 que el elemento LI parezca una celda de una tabla. No se si me hago
 entender. Algo así como darle un ancho específico de forma tal que pintado
 el fondo parezca una celda.
 
  Salu2, esperando sus respuestas y gracias por adelantado
 
  --
 
  Reynier Pérez Mira
 
  5to. Ing. Informática
 
  Maestro de poco, aprendiz de mucho
 
 
 
  ___
  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
 
  __ Información de NOD32, revisión 2132 (20070321) __
 
  Este mensaje ha sido analizado con  NOD32 antivirus system
  http://www.nod32.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




-- 
Juan J. Muñoz
http://www.taarq.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


Re: [Ovillo] La forma correcta de hacer esto

2007-03-22 Por tema Reynier Perez Mira
Gracias Juan y Ramón ambos correos me han sido de gran ayuda y ya he logrado lo 
que quería hacer que es efectivamente lo que propone Juan.
Salu2
--
Reynier Pérez Mira
5to. Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Jorge Muñoz 
Herrero
Enviado el: jueves, 22 de marzo de 2007 10:40
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] La forma correcta de hacer esto

Además de sacarlo le tienes que dar un display:block; yo en el caso de los
menús no sólo se lo doy al elemento li, sino al a que tiene dentro, la
razón es que IE solo acepta la pseudo clase hover en las etiquetas a, y si
quieres cambiar el background o lo que sea cuando el cursor pase por encima,
es mejor dárselo a la a.

Mira este ejemplillo:

CSS:

style type=text/css
#menu{
display:block;
width:140px;
height:auto;
position:relative;
margin:0;
padding:0;
background:#454545;}
#menu li{
display:block;
position:relative;
float:left;}
#menu li a:link, #menu li a:visited{
display:block;
position:relative;
width:140px;
height:1.4em;
text-align:center;
text-decoration:none;
color:#454545;
background:#EFEFEF;}
#menu li a:hover{
color:#EFEFEF;
background:#454545;}
#menu li a:active{text-decoration:line-through;}
/style

XHMTL:

h1Administración de Noticias/h1
ul id=menu
lia href=#Adicionar categoría/a/li
lia href=#Editar categoría/a/li
lia href=#Eliminar categoría/a/li
lia href=#Listar categoría/a/li
/ul


El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:

 Saca el h1 de la lista:

 h1Administración de Noticias/h1

 ul
 liAdicionar categoría/li
 liEditar categoría/li
 liEliminar categoría/li
 liListar categoría/li
 li.../li
 /ul

 Reynier Perez Mira escribió:
  Hola lista:
 
  Estoy haciendo un menú con CSS y para ello estoy usando listas no
 ordenadas (UL). Ahora tengo dos problemas que no se como resolver. El
 primero es como ponerle un título a esa lista pues es como si fuera un menú
 de administración de un sistema. Pensé en hacer esto pero no se si está
 correcto del todo:
 
  ul
 
  h1Administración de Noticias/h1
 
  liAdicionar categoría/li
 
  liEditar categoría/li
 
  liEliminar categoría/li
 
  liListar categoría/li
 
  li.../li
 
  /ul
 
  ¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer
 que el elemento LI parezca una celda de una tabla. No se si me hago
 entender. Algo así como darle un ancho específico de forma tal que pintado
 el fondo parezca una celda.
 
  Salu2, esperando sus respuestas y gracias por adelantado
 
  --
 
  Reynier Pérez Mira
 
  5to. Ing. Informática
 
  Maestro de poco, aprendiz de mucho
 
 
 
  ___
  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
 
  __ Información de NOD32, revisión 2132 (20070321) __
 
  Este mensaje ha sido analizado con  NOD32 antivirus system
  http://www.nod32.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




-- 
Juan J. Muñoz
http://www.taarq.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] lista ordenada del tipo 1, 1.1, 1.2, 1.3, 2, 2.1, 3, ...

2007-03-22 Por tema LISTAS
¿Es Explorer 6 o 7 el que no soporta los contadores?

Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)

- Original Message -
From: Marc González Majoral [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, March 22, 2007 9:22 AM
Subject: Re: [Ovillo] lista ordenada del tipo 1, 1.1, 1.2, 1.3, 2, 2.1,
3,...


ol { list-style-type: decimal; }

El 21/03/07, Fernando Gutierrez [EMAIL PROTECTED] escribió:
 Con css2, efectivamente se puede, utilizando contadores. Hay un ejemplo en
 http://www.w3.org/TR/CSS21/generate.html#scope que pego a continuación. De
 los tres navegadores que tengo aquí a mano (bajo Windows XP), Firefox y
 Opera lo soportan, e Internet Explorer no.

 css:
 ol { counter-reset: item }
 li { display: block }
 li:before { content: counters(item, .)  ; counter-increment: item }

 html:
 ol!-- {item[0]=0--
   liitem/li !--  item[0]++ (=1)   --
   liitem  !--  item[0]++ (=2)   --
 ol!--  {item[1]=0   --
   liitem/li !--   item[1]++ (=1)  --
   liitem/li !--   item[1]++ (=2)  --
   liitem  !--   item[1]++ (=3)  --
 ol!--   {item[2]=0  --
   liitem/li !--item[2]++ (=1) --
 /ol   !--   --
 ol!--   }{item[2]=0 --
   liitem/li !--item[2]++ (=1) --
 /ol   !--   --
   /li !--   }   --
   liitem/li !--   item[1]++ (=4)  --
 /ol   !--   --
   /li !--  }--
   liitem/li !--  item[0]++ (=3)   --
   liitem/li !--  item[0]++ (=4)   --
 /ol   !--   --
 ol!-- }{item[0]=0   --
   liitem/li !--  item[0]++ (=1)   --
   liitem/li !--  item[0]++ (=2)   --
 /ol   !--   --

 Salu2

 --
 _
 Fernando Gutiérrez
 http://ferguweb.tx.com.ru/
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

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

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


Re: [Ovillo] Problema con diseño para diferentes r esoluciones

2007-03-22 Por tema Santos Corrales
En la reducción de imagen es mas facil reducir en el sentido que se desforma
menos la imagen, que ampliar. Todo dependerá del tamaño de la imagen y la
resolución utilizada en su creación. 
Cambiar de resolución de 1024 a 800 implica una reducción del 24%
aproximadamente. Habria que comprobar que tanto afecta esa disminución a la
imagen. 
Cuanto mas grande sea la imagen menos se notara la reducción.
La forma que no afecte el cambio de resolución es utilizar imágenes basadas
en vectores y aun asi se tendria que hacer la prueba para ver como queda.

Un cordial saludo de SantosVZ


-Mensaje original-
De: aitiba [mailto:[EMAIL PROTECTED] 
Enviado el: Miércoles, 21 de Marzo de 2007 12:36 p.m.
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Problema con diseño para diferentes resoluciones

Buenas,

Estoy empezando a diseñar para diferentes resoluciones en esta
pagina [1]. La pagina la diseñe para 1024x768. Ahora me he dado cuenta que
no estaria nada mal que ese diseño se vea bien para 800x600. Los DIV los he
puesto en % en vez de en px y al cambiar de resolucion se ponen donde yo
quiero pero con las imagenes tengo un problema, ya que, al disminuir la
resolucion no se hacen mas pequeñas y no queda igual que para 1024x768.
¿Sabeis si hay alguna etiqueta en CSS que me sirva o alguna solucion al
problemilla?

   Lo que os he contando lo podeis ver insitu en [1]

Gracias. Un saludo. aitiba

[1] http://www.mundurat.net/grosekoga/
___
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] La forma correcta de hacer esto

2007-03-22 Por tema Juan Jorge Muñoz Herrero
De nada, pero estaba haciendo pruebas y me he dado cuenta de que había
puesto una cosilla regular y no se veía igual en IE y FF, así que lo he
arreglao un poco, me ha quedado así:

#menu{
display:block;
position:relative;
width:150px;
margin:0;
padding:10px;
list-style:none;
background:#787878;}
#menu li{
display:block;
position:relative;
width:140px;
height:20px;
margin:5px auto;}
#menu li a:link, #menu li a:visited{
display:block;
position:relative;
width:100%;
height:100%;
text-align:center;
text-decoration:none;
color:#454545;
border:1px solid #454545;
background:#EFEFEF;}
#menu li a:hover{
color:#EFEFEF;
border:1px solid #EFEFEF;
background:#454545;}
#menu li a:active{text-decoration:line-through;}

El día 22/03/07, Reynier Perez Mira [EMAIL PROTECTED] escribió:

 Gracias Juan y Ramón ambos correos me han sido de gran ayuda y ya he
 logrado lo que quería hacer que es efectivamente lo que propone Juan.
 Salu2
 --
 Reynier Pérez Mira
 5to. Ing. Informática
 Maestro de poco, aprendiz de mucho

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:
 [EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero
 Enviado el: jueves, 22 de marzo de 2007 10:40
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] La forma correcta de hacer esto

 Además de sacarlo le tienes que dar un display:block; yo en el caso de los
 menús no sólo se lo doy al elemento li, sino al a que tiene dentro, la
 razón es que IE solo acepta la pseudo clase hover en las etiquetas a, y
 si
 quieres cambiar el background o lo que sea cuando el cursor pase por
 encima,
 es mejor dárselo a la a.

 Mira este ejemplillo:

 CSS:

 style type=text/css
 #menu{
 display:block;
 width:140px;
 height:auto;
 position:relative;
 margin:0;
 padding:0;
 background:#454545;}
 #menu li{
 display:block;
 position:relative;
 float:left;}
 #menu li a:link, #menu li a:visited{
 display:block;
 position:relative;
 width:140px;
 height:1.4em;
 text-align:center;
 text-decoration:none;
 color:#454545;
 background:#EFEFEF;}
 #menu li a:hover{
 color:#EFEFEF;
 background:#454545;}
 #menu li a:active{text-decoration:line-through;}
 /style

 XHMTL:

 h1Administración de Noticias/h1
 ul id=menu
 lia href=#Adicionar categoría/a/li
 lia href=#Editar categoría/a/li
 lia href=#Eliminar categoría/a/li
 lia href=#Listar categoría/a/li
 /ul


 El día 22/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:
 
  Saca el h1 de la lista:
 
  h1Administración de Noticias/h1
 
  ul
  liAdicionar categoría/li
  liEditar categoría/li
  liEliminar categoría/li
  liListar categoría/li
  li.../li
  /ul
 
  Reynier Perez Mira escribió:
   Hola lista:
  
   Estoy haciendo un menú con CSS y para ello estoy usando listas no
  ordenadas (UL). Ahora tengo dos problemas que no se como resolver. El
  primero es como ponerle un título a esa lista pues es como si fuera un
 menú
  de administración de un sistema. Pensé en hacer esto pero no se si está
  correcto del todo:
  
   ul
  
   h1Administración de Noticias/h1
  
   liAdicionar categoría/li
  
   liEditar categoría/li
  
   liEliminar categoría/li
  
   liListar categoría/li
  
   li.../li
  
   /ul
  
   ¿Está eso bien? ¿Cómo lo harían uds.? La otra duda viene en como hacer
  que el elemento LI parezca una celda de una tabla. No se si me hago
  entender. Algo así como darle un ancho específico de forma tal que
 pintado
  el fondo parezca una celda.
  
   Salu2, esperando sus respuestas y gracias por adelantado
  
   --
  
   Reynier Pérez Mira
  
   5to. Ing. Informática
  
   Maestro de poco, aprendiz de mucho
  
  
  
   ___
   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
  
   __ Información de NOD32, revisión 2132 (20070321) __
  
   Este mensaje ha sido analizado con  NOD32 antivirus system
   http://www.nod32.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
 



 --
 Juan J. Muñoz
 http://www.taarq.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 

[Ovillo] Problemas con la alineación de las list as

2007-03-22 Por tema Daniel
Hola a todos.

Estoy haciendo una página web en la cual se muestran una lista de imágenes y
tengo un problemas con el CSS. Yo quiero que la lista de imágenes sea
horizontal y que muestre un número variable de imágenes por línea según el
ancho del navegador (Eso ya está hecho).

El problema surge porque las imágenes tienen texto debajo de ellas y ese
texto puede ocupar una o varias líneas y cuando hay algún texto con varias
líneas la fila de imágenes que está debajo no empieza en el borde izquierdo
sino a continuación de la imagen que tiene ese texto.

A continuación os pongo el archivo en cuestión por si no quedó
suficientemente claro el problema.

?xml version=1.0 encoding=iso-8859-1?
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html
head
titleTest page/title
style type=text/css

body {
background-color:black;
}

ul.thumbs
{
background-color:#090900;

list-style-type:none;

position:absolute;
left:5%;
width:90%;

padding:0;
margin:0;

border:3px solid #44;
}

ul.thumbs li {
display:inline;
}

ul.thumbs li a {
font-size:small;
font-style:italic;
text-align:center;
text-decoration:none;

color:#AA8822;
background-color:#22;

float:left;

width:114px;
padding:8px 8px 2px 8px;
margin:16px;

border:2px solid #44;
}

ul.thumbs li a:hover {
color:#BB9933;
background-color:#33;

border:2px solid #88;
}

ul.thumbs li a:active {
color:yellow;
background-color:gray;

border:2px solid blue;
}

ul.thumbs li a img {
color:#668822;

width:108px;
height:152px;

border-width:2px;
margin-bottom:0;
}

ul.thumbs li a:hover img {
color:#779933;
}

ul.thumbs li a:active img {
color:lime;
}

/style
/head

body
ul class=thumbs
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=1/br/test1/a/li
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=2/br/test2 test2 test2 test2 test2 test2 test2 test2/a/li
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=4/br/test3/a/li
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=5/br/test4/a/li
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=6/br/test5/a/li
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=7/br/test6/a/li
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=8/br/test7/a/li
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=9/br/test8/a/li
lia href=#img src=http://www.w3.org/Style/CSS/Buttons/cssom;
alt=10/br/test9/a/li
/ul
/body

/html

Saludos.
  Dani
___
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] Problemas con la alineación de las listas

2007-03-22 Por tema Juan Jorge Muñoz Herrero
Lo siento pero el CSS es así, lo elementos flotados a la izquierda van
ocupando posiciones, y pasan abajo en el momento que tienen espacio, por lo
cual detrás del elemento que ocupe más. La solución pasa por que le des un
display block y un height específico a ul.thumbs li a, lo cual además,
creo que quedaría más bonito a nivel visual...


El día 22/03/07, Daniel [EMAIL PROTECTED] escribió:

 Hola a todos.

 Estoy haciendo una página web en la cual se muestran una lista de imágenes
 y
 tengo un problemas con el CSS. Yo quiero que la lista de imágenes sea
 horizontal y que muestre un número variable de imágenes por línea según el
 ancho del navegador (Eso ya está hecho).

 El problema surge porque las imágenes tienen texto debajo de ellas y ese
 texto puede ocupar una o varias líneas y cuando hay algún texto con varias
 líneas la fila de imágenes que está debajo no empieza en el borde
 izquierdo
 sino a continuación de la imagen que tiene ese texto.

 A continuación os pongo el archivo en cuestión por si no quedó
 suficientemente claro el problema.

 ?xml version=1.0 encoding=iso-8859-1?
 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
 html
 head
 titleTest page/title
 style type=text/css

 body {
 background-color:black;
 }

 ul.thumbs
 {
 background-color:#090900;

 list-style-type:none;

 position:absolute;
 left:5%;
 width:90%;

 padding:0;
 margin:0;

 border:3px solid #44;
 }

 ul.thumbs li {
 display:inline;
 }

 ul.thumbs li a {
 font-size:small;
 font-style:italic;
 text-align:center;
 text-decoration:none;

 color:#AA8822;
 background-color:#22;

 float:left;

 width:114px;
 padding:8px 8px 2px 8px;
 margin:16px;

 border:2px solid #44;
 }

 ul.thumbs li a:hover {
 color:#BB9933;
 background-color:#33;

 border:2px solid #88;
 }

 ul.thumbs li a:active {
 color:yellow;
 background-color:gray;

 border:2px solid blue;
 }

 ul.thumbs li a img {
 color:#668822;

 width:108px;
 height:152px;

 border-width:2px;
 margin-bottom:0;
 }

 ul.thumbs li a:hover img {
 color:#779933;
 }

 ul.thumbs li a:active img {
 color:lime;
 }

 /style
 /head

 body
 ul class=thumbs
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=1/br/test1/a/li
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=2/br/test2 test2 test2 test2 test2 test2 test2 test2/a/li
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=4/br/test3/a/li
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=5/br/test4/a/li
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=6/br/test5/a/li
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=7/br/test6/a/li
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=8/br/test7/a/li
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=9/br/test8/a/li
 lia href=#img src=
 http://www.w3.org/Style/CSS/Buttons/cssom;
 alt=10/br/test9/a/li
 /ul
 /body

 /html

 Saludos.
   Dani
 ___
 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




-- 
Juan J. Muñoz
http://www.taarq.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


Re: [Ovillo] Problemas con la alineación de las list as

2007-03-22 Por tema Daniel
La solución que me propones me sirve; aunque en un primer momento
pensé que iba a tener problemas si el usuario cambiase el zoom del
texto, pero poniendo las unidades en em queda bastante aceptable el
resultado.

Un saludo y muchas gracias.

On 3/22/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote:

 Lo siento pero el CSS es así, lo elementos flotados a la izquierda van
 ocupando posiciones, y pasan abajo en el momento que tienen espacio, por
 lo
 cual detrás del elemento que ocupe más. La solución pasa por que le des un
 display block y un height específico a ul.thumbs li a, lo cual además,
 creo que quedaría más bonito a nivel visual...


 El día 22/03/07, Daniel [EMAIL PROTECTED] escribió:
 
  Hola a todos.
 
  Estoy haciendo una página web en la cual se muestran una lista de
 imágenes
  y
  tengo un problemas con el CSS. Yo quiero que la lista de imágenes sea
  horizontal y que muestre un número variable de imágenes por línea según
 el
  ancho del navegador (Eso ya está hecho).
 
  El problema surge porque las imágenes tienen texto debajo de ellas y ese
  texto puede ocupar una o varias líneas y cuando hay algún texto con
 varias
  líneas la fila de imágenes que está debajo no empieza en el borde
  izquierdo
  sino a continuación de la imagen que tiene ese texto.
 
  A continuación os pongo el archivo en cuestión por si no quedó
  suficientemente claro el problema.
 
  ?xml version=1.0 encoding=iso-8859-1?
  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
  http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
  html
  head
  titleTest page/title
  style type=text/css
 
  body {
  background-color:black;
  }
 
  ul.thumbs
  {
  background-color:#090900;
 
  list-style-type:none;
 
  position:absolute;
  left:5%;
  width:90%;
 
  padding:0;
  margin:0;
 
  border:3px solid #44;
  }
 
  ul.thumbs li {
  display:inline;
  }
 
  ul.thumbs li a {
  font-size:small;
  font-style:italic;
  text-align:center;
  text-decoration:none;
 
  color:#AA8822;
  background-color:#22;
 
  float:left;
 
  width:114px;
  padding:8px 8px 2px 8px;
  margin:16px;
 
  border:2px solid #44;
  }
 
  ul.thumbs li a:hover {
  color:#BB9933;
  background-color:#33;
 
  border:2px solid #88;
  }
 
  ul.thumbs li a:active {
  color:yellow;
  background-color:gray;
 
  border:2px solid blue;
  }
 
  ul.thumbs li a img {
  color:#668822;
 
  width:108px;
  height:152px;
 
  border-width:2px;
  margin-bottom:0;
  }
 
  ul.thumbs li a:hover img {
  color:#779933;
  }
 
  ul.thumbs li a:active img {
  color:lime;
  }
 
  /style
  /head
 
  body
  ul class=thumbs
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=1/br/test1/a/li
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=2/br/test2 test2 test2 test2 test2 test2 test2 test2/a/li
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=4/br/test3/a/li
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=5/br/test4/a/li
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=6/br/test5/a/li
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=7/br/test6/a/li
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=8/br/test7/a/li
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=9/br/test8/a/li
  lia href=#img src=
  http://www.w3.org/Style/CSS/Buttons/cssom;
  alt=10/br/test9/a/li
  /ul
  /body
 
  /html
 
  Saludos.
Dani
  ___
  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
 



 --
 Juan J. Muñoz
 http://www.taarq.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] Problema con diseño para diferentes resol uciones

2007-03-22 Por tema Tei
On 3/21/07, aitiba [EMAIL PROTECTED] wrote:
 Buenas,

 Estoy empezando a diseñar para diferentes resoluciones en esta
 pagina [1]. La pagina la diseñe para 1024x768. Ahora me he dado cuenta que
 no estaria nada mal que ese diseño se vea bien para 800x600. Los DIV los he
 puesto en % en vez de en px y al cambiar de resolucion se ponen donde yo
 quiero pero con las imagenes tengo un problema, ya que, al disminuir la
 resolucion no se hacen mas pequeñas y no queda igual que para 1024x768.
 ¿Sabeis si hay alguna etiqueta en CSS que me sirva o alguna solucion al
 problemilla?

Quizas el problema esta en hacer un diseño como un algo integral. En
el cual si las imagenes ocupan mas % de superficie el diseño se
estropea.

Se diseño la web y el html de forma que la mision de los webmasters es
hacer paginas webs, y no decidir como la gente las debe ver.

Esto es igual que tocar musica. Tu tocas musica, pero no es tu trabajo
decir a la gente como debe bailar.

Es perfectamente compatible con el html hacer un navegador en el cual
la ventana sea una circunferencia, o que la renderizacion la realice
la tarjeta de sonido por los altavoces, o a traves de un aparato
mecanicos que saca y esconde puntos en una malla rectangular.

Bueno, yo creo que en este hilo este comentario era completamente
innecesario. No obstante es bueno recordarlo.. y me ha tocado a mi. Si
estas teniendo problemas con las resoluciones es porque no estas
haciendo una pagina web, sino otra cosa diferente.

La cosa en si, hacer una pagina web, se hace imposible cuando al
problema tecnico añades sociales, como el querer hacer un diseño
integral. Como se hacen diseños integrales en carteles, y en revistas.
En estos otros medios si se controla el formato y no va a ser el folio
una circunferencia, o lo vamos a saber por adelantado. Sacrificamos la
flexibilidad de la web para poder hacer diseños integrales.  Las
ventajas de diseños integrales son obvias y yo soy uno de los primeros
admiradores de ellos (excepto de algunos intentos), pero puesto que
hemos dado una puñalada en la espalda de la web.. ¿porque no dar mas?.
No veo tan importante la compatibilidad con 800x600 una vez que uno ha
hecho un diseño incompatible con 2048x768*, 1900x3000 y 640x400.  En
realidad 800x600 practicamente ya no lo usa nadie, y no lo digo yo..
lo dicen las estadisticas. Digamos que una vez que te has cargado el
concepto de flexibilidad de una pagina web, al menos aprovecha las
ventajas, y ocupa todo el espacio disponible y sientete comodo en el.
Yo no me preocuparia por 800x600.



*
http://www.ihateaol.co.uk/misc/dual_monitor_wallpapers/
___
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] [OT] contenido de una web

2007-03-22 Por tema alarkspur
Hola,

Esto es mas una curiosidad que otra cosa, pero bueno, a ver si  
alguien me arroja un poco de luz. gracias.

La cuestión es que he leído que google, yahoo,  y demás buscadores no  
leen en las bases de datos, con lo cual el
contenido en el caso de un blog es 0 ya que esta todo en la BBDD, y  
sin embargo si aparecen blogs en los buscadores.

Cuanto de verdad hay en eso?

Gracias por las aclaraciones que puedan darme.
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] lista ordenada del tipo 1, 1.1, 1.2, 1.3, 2, 2.1, 3, ...

2007-03-22 Por tema Fernando Gutierrez
El 6, el 7 no sé.

El día 22/03/07, LISTAS [EMAIL PROTECTED] escribió:

 ¿Es Explorer 6 o 7 el que no soporta los contadores?

 Almirante von Web/.
 --
 Educando al asno, por no apalearlo.
 (c)2007 ;-)

 - Original Message -
 From: Marc González Majoral [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Thursday, March 22, 2007 9:22 AM
 Subject: Re: [Ovillo] lista ordenada del tipo 1, 1.1, 1.2, 1.3, 2, 2.1,
 3,...


 ol { list-style-type: decimal; }

 El 21/03/07, Fernando Gutierrez [EMAIL PROTECTED] escribió:
  Con css2, efectivamente se puede, utilizando contadores. Hay un ejemplo
 en
  http://www.w3.org/TR/CSS21/generate.html#scope que pego a continuación.
 De
  los tres navegadores que tengo aquí a mano (bajo Windows XP), Firefox y
  Opera lo soportan, e Internet Explorer no.
 
  css:
  ol { counter-reset: item }
  li { display: block }
  li:before { content: counters(item, .)  ; counter-increment: item }
 
  html:
  ol!-- {item[0]=0--
liitem/li !--  item[0]++ (=1)   --
liitem  !--  item[0]++ (=2)   --
  ol!--  {item[1]=0   --
liitem/li !--   item[1]++ (=1)  --
liitem/li !--   item[1]++ (=2)  --
liitem  !--   item[1]++ (=3)  --
  ol!--   {item[2]=0  --
liitem/li !--item[2]++ (=1) --
  /ol   !--   --
  ol!--   }{item[2]=0 --
liitem/li !--item[2]++ (=1) --
  /ol   !--   --
/li !--   }   --
liitem/li !--   item[1]++ (=4)  --
  /ol   !--   --
/li !--  }--
liitem/li !--  item[0]++ (=3)   --
liitem/li !--  item[0]++ (=4)   --
  /ol   !--   --
  ol!-- }{item[0]=0   --
liitem/li !--  item[0]++ (=1)   --
liitem/li !--  item[0]++ (=2)   --
  /ol   !--   --
 
  Salu2
 
  --
  _
  Fernando Gutiérrez
  http://ferguweb.tx.com.ru/
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

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




-- 
_
Fernando Gutiérrez
http://ferguweb.tx.com.ru/
___
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] [OT] contenido de una web

2007-03-22 Por tema Lucas Mourelle
Hola...

La cuestión es más o menos así. Si la información que está en la base de 
datos es mostrada a través de archivos PHP, por ejemplo, que piden la 
info de la base, y la muestran de alguna manera en archivos HTML, para 
el navegante este es un proceso absolutamente transparente: está viendo 
archivos HTML con información.

NO hay diferencia entre ver un archivo HTML normal, y uno generado por 
algún código del lado del servidor. De hecho, no hay manera de 
diferenciarlo (salvo en algunos casos por la extensión del archivo .php 
.asp .jsp, etc., pero aún así, es imposible determinar qué información 
estaba escrita como HTML y cuál salió de una base de datos... podemos 
intuirlo usando la cabeza, pero no hay forma de diferenciar ambas 
informaciones).

Entonces, la respuesta es: si existe un link hacia la página en cuestión 
(que puede ser una página de un blog) y los crawlers de los buscadores 
están navegando, y usan ese link, y caen allí, leerán la info como en 
cualquier página, no hay manera de distinguir qué info viene de una base 
de datos, y qué info está escrita manualmente por decirlo de alguna 
manera.



Lo que es importantísimo, es QUE EXISTA UN LINK hacia dicha página, y 
que la página MUESTRE la info de la base. Si existe el link, 
probablemente los buscadores irán saltando de página en página y 
eventualmente se toparán con esa información.






Ahora, por las dudas, aclaración: los buscadores NO leen info de las 
bases de datos, pero SÍ leen info de páginas web (que en muchísimos 
casos muestran la información de las bases de datos).





saludos,

Lucas

-- 
===
LucasMourelle - desarrollos rgb
===
6343-1705 // 15-5052-1468
[EMAIL PROTECTED]
===





alarkspur wrote:
 Hola,

 Esto es mas una curiosidad que otra cosa, pero bueno, a ver si  
 alguien me arroja un poco de luz. gracias.

 La cuestión es que he leído que google, yahoo,  y demás buscadores no  
 leen en las bases de datos, con lo cual el
 contenido en el caso de un blog es 0 ya que esta todo en la BBDD, y  
 sin embargo si aparecen blogs en los buscadores.

 Cuanto de verdad hay en eso?

 Gracias por las aclaraciones que puedan darme.
 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

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


Re: [Ovillo] lista ordenada del tipo 1, 1.1, 1.2, 1.3, 2, 2.1, 3, ...

2007-03-22 Por tema Fernando Gutierrez
Según Webdevout [1], el único cuadro comparativo de soporte css que he
encontrado que contemple IE7 y Firefox 2.0, IE7Win tampoco soporta los
contadores.

[1] http://www.webdevout.net/browser-support-css

Salu2

-- 
_
Fernando Gutiérrez
http://ferguweb.tx.com.ru/

El día 22/03/07, Fernando Gutierrez [EMAIL PROTECTED] escribió:

 El 6, el 7 no sé.

 El día 22/03/07, LISTAS [EMAIL PROTECTED] escribió:
 
  ¿Es Explorer 6 o 7 el que no soporta los contadores?
 
  Almirante von Web/.
  --
  Educando al asno, por no apalearlo.
  (c)2007 ;-)
 
 
___
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