Re: [Ovillo] Doble A con includes o requires php

2007-03-01 Por tema Salugral Adriana Pazos García-Camino
Hola Esther,
no sé si es este el problema pero te lo mando por si te sirve, 
validando el código con tidy me sale este error:

div id=contenidoAgenda

código
?php require ('mio2.php'); ?
/código
  /div

error: c is not recognized!
Cause:

A tag is not recognized. It is not a know tag, in the W3c specification or a 
know Netscape or Internet Explorer proprietary extension..
Solution:

If it is not intended, remove the tag.
References:

List of tags: http://www.w3.org/TR/html4/index/elements.html

De todas formas deberíais validar el código y el css porque ambos tienen 
errores.
Por otro lado no debería validar AA porque la página tiene definidos tamaños de 
texto en px y poco contraste de color.


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Esther Mora
Enviado el: jueves, 01 de marzo de 2007 13:20
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Doble A con includes o requires php


Gracias por las observaciones, pero voy a explicarme un poco mejor. Yo sólo
soy programadora, y estoy haciendo esto con un diseñador, el tema es que él
se encarga de lo estático y yo de lo dinámico, pero con esto de la doble A
tenemos que juntar todo un poco. Le comentaré tus notas para que las
corrija.

En el require no estoy escapando comillas ni nada de eso, es más si
símplemente pongo ?php echo(Hola); ? tampoco lo interpreta no se me
ocurre nada.

Esther.


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

 On 3/1/07, Esther Mora [EMAIL PROTECTED] wrote:
 
  Sí, la ruta es http://213.27.250.70/inicio.php.
 
  En esta página, las noticias se están mostrando a través de
  programación,
  el php sustituye la información perfectamente en la plantilla. Pero el
  require que hay en la parte agenda no va. También he probado a llamar
  directamente al html con el require pero tampoco funciona, se queda
 vacío,
  y
  si ves el código fuente de la página ves el require.
 

 en el código php no habrás puesto algo como:
 ?php
echo ?php require(\./mio.php\); ?;
 ?
 verdad? así a bote pronto es lo único que se me ocurre si lo demás de php
 te
 funciona.

 Por otra parte, la parte de los enlaces 'institucionales' la has de
 repasar.
 Actualmente:

 div id=EnlaceMinisterioMedioAmbiente
ul id=EnlaceMinisterioMedioAmbiente
lia href=http://www.mma.es;
 title=Logotipo Ministerio de
 Medio AmbienteLogotipo Ministerio de Medio Ambiente/a/li
/ul

/div
div id=EnlaceGobCantabria
ul id=EnlaceGobCantabria
lia href=http://www.gobcantabria.es;
 title=Logotipo Gobierno
 de CantabriaLogotipo Gobierno de Cantabria/a/li
/ul
/div
div id=EnlaceConsejeriaMedioAmbiente
ul id=EnlaceConsejeriaMedioAmbiente
lia href=
 http://www.medioambientecantabria.com;
 title=Logotipo Consejeria de Medio AmbienteLogotipo Consejeria de
 Medio Ambiente /a/li
/ul

/div
div id=EnlaceCima
ul id=EnlaceCima
lia href=
 http://www.medioambientecantabria.com/cima/ampliar.php?Id_contenido=7034;
 title=Logotipo Centro de Investigación del Medio AmbienteLogotipo
 Centro de Investigación del Medio Ambiente/a/li
/ul
/div


 Estás repitiendo ids (que deben ser únicos) y añadiendo mucho marcado
 innecesario. Te propongo algo así:

 ul id=enlacesInstitucionales
 li id=EnlaceMinisterioMedioAmbientea href=... title=Enlace a la
 web del ministerio de medio ambiente../a/li
 li id=EnlaceGobCantabriaa href=./a/li
 li id=EnlaceConsejeriaMedioAmbientea href=./a/li
 li id=EnlaceCimaa href=./a/li
 /ul

 y en el css:
 #enlacesInstitucionales li {
 display: block; // o list-style-type: none;
 }

 #enlaceMinisterioMedioAmbiente a {
 display: block;
 width: anchoImagenpx;
 height: altoimagenpx;
 text-indent: -1em; // o el metodo que quieras para desaparecer el
 texto
 background-image: url(imagen.jpg);
 }

 Si te fijas, te he cambiado también el title de los a, puesto que poner
 de
 title 'logotipo de tal sitio' en un enlace de texto no le veo mucho
 sentido.
 Quien navegue sin CSS verá el texto y el contenido del title y se quedará
 un
 poco extrañado.


 Saludos

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

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

Re: [Ovillo] Problema con layout en IE

2007-02-26 Por tema Salugral Adriana Pazos García-Camino
Hola Tamara, 
puede ser por tener enlaces con la url tan larga, 
prueba a utilizar word-wrap: break-word; en el estilo del div de la parte 
derecha del contenido.
(en styleie.css word-wrap: break-word; es propietario de ie).

saludos.


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Tamara Forza
Enviado el: domingo, 25 de febrero de 2007 20:58
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Problema con layout en IE


Hola a todos,

hace mucho tiempo que estoy leyendo la lista y he aprendido mucho de todos
vosotros :) Pero ahora tengo un problema que de momento no logro resolverlo
y espero que me podáis ayudar.

El problema es (como siempre) IE!  El layout de la pagina web está hecho
con divs, y la parte central del contenido está divida en dos columnas, la
izquierda para el menú y la derecha para el contenido. Lo que pasa en IE es
que cuando el contenido es más ancho de lo definido en el CSS se pone de
bajo del menú y deja un espacio en el medio de la pagina. Si miráis la
siguiente pagina (en IE) os quedará todo claro (la pagina está en inglés):
http://www.best.eu.org/alumni/news.jsp

El CSS es esto: http://www.best.eu.org/layout/public/style.css
y algunas modificaciones para IE:
http://www.best.eu.org/layout/public/styleie.css


En Mozilla se ve sin ningún problema, por supuesto :)

Yo he intentado solucionarlo de distintas manera. Primero haciendo un layout
un poco más flexible porque la pagina estaba desarrollada para pantallas de
800x600. He puesto el width del div que contiene toda la pagina a un 80%, y
después a todos los divs siguientes les asigné el width: 100% (excepto para
el menú izquierdo). No ayudó.
Intenté poner display: block o display:inline pare IE, como IE no reconoce
todas las otras propiedades (table, table-cell, table-row, etc ..), pero
tampoco funcionó.
Hoy me encontré con este articulo (en inglés):
http://alistapart.com/articles/multicolumnlayouts
e intenté hacer lo mismo (pero poniendo el menú a la izquierda), y tampoco
lo logré :(

No tengo más ideas de como solucionarlo ... os agradecería cualquier consejo
y ayuda!

Saludos,
Tamara
___
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] :before y las entities

2007-01-31 Por tema Salugral Adriana Pazos García-Camino
Hola Fer, 
esto... la verdad es que lo miré en el Mapa de caracteres de Windows ;-)
pero os envío un par de páginas con codificaciones de caracteres.

http://www.decodeunicode.org/
http://www.eki.ee/letter/chardata.cgi?ucode=0020-007e

Un saludo.

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Fer Torres
Enviado el: miércoles, 31 de enero de 2007 0:34
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] :before y las entities


Hola Nadia.

Sí que uso UTF-8, y aún así no me funcionaba. De hecho, uso exactamente la
misma línea que tú me indicabas.

meta http-equiv=Content-Type content=text/html; charset=utf-8 /

He probado la solución de Adriana Pazos y FUNCIONA!!! Ahora estaría bien si
pudiese indicarnos una tabla de códigos como ese para las entities. :P

Gracias!

2007/1/30, Nadia Rodríguez [EMAIL PROTECTED]:

 Hola Fer:

 A mi me suena más como un problema con la codificación de carácteres que
 estas usando, el error que te a aparece es cuando mezclas unicode con iso
 (o
 con ASCII... ahora no tengo los detalles a la mano), de cualquier forma te
 recomiendo optar por el primero, pues es el que se pretende volver
 estándar.


 Sigue los siguientes pasos y verás que dejan de aparecerte los dichosos
 simbolitos de interrogación en Firefox:


 En el head de tu documento html agrega la siguiente etiqueta meta:

 meta http-equiv=Content-Type content=text/html;charset=utf-8 /

 ( la alternativa:
 ?xml version = 1.0 encoding =UTF -8 ?
 te da problemas cuándo la mezclas con php)

 Después en tu hoja de estilos pega tal cual la siguiente línea:

 p:before {content: ¶ }

 y guárdala con el cuidado de seleccionar la opción en el cuadro de dialogo
 guardar como (si usas el block de notas)

 codificación: UTF-8

 Con estos pasos ya no deberías tener problemas en FF (en este momento yo
 lo
 estoy probando y todo aparece en orden ;), en IE de cualquier forma no lo
 toma en cuanta.

 Espero que te sirva.
 Suerte!



 2007/1/29, Fer Torres [EMAIL PROTECTED]:
 
  Hola a todos. Estoy intentando incluir un caracter (una entitie de la
  listahttp://www.digitalmediaminute.com/reference/entity/index.php)
  delante de cada párrafo con :before pero no hay manera. Alguien tiene
 idea
  de cómo puedo hacerlo?
 
  Gracias y un saludo.
  --
  name: Fer Torres;
  www: dosmilmastres.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




-- 

name: Fer Torres;
www: dosmilmastres.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] :before y las entities

2007-01-30 Por tema Salugral Adriana Pazos García-Camino
Hola Fer,
prueba a escribirlo así  
p:before {
content: \00B6
}

saludos
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Fer Torres
Enviado el: martes, 30 de enero de 2007 0:07
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] :before y las entities


Gracias, Laura. El caso es que tenía intención de hacerlo a través de CSS,
pero visto lo visto optaré por la opción que me comentas.

Saludos y gracias a todos. ;)


2007/1/29, laura [EMAIL PROTECTED]:

 hola

 se me ocurre que pongas el simbolo en el codigo html directamente,
 luego le apliques alguna regla css para que le de un aspecto especial
 al primer caracter del parrafo com first-letter. Lo que me suena es q
 esto en algun navegador no funciona.

 Aqui te pego un ejemplo q he pillado en una web. Creo que si cambias
 el font-size por algo q indique una posición separada del resto de
 parrafo cumpliría con lo que tu quieres :)

 Seudo-elemento First letter

 El seudo-elemento first-letter se emplea para crear letras capitales y
 otros efectos. La primera letra de texto dentro de un selector
 asignado se representará de acuerdo al valor asignado. Un
 seudo-elemento first-letter puede usarse en cualquier elemento de
 nivel de bloque. Por ejemplo:

 P:first-letter { font-size: 300%; float: left }

 crearía una letra capital tres veces mayor que el tamaño normal de
 fuente.


 On 1/29/07, Fer Torres  @gmail.com wrote:
  El resultado no es interpretable, ni por Firefox, que muestra ? en lugar
 del
  caracter, ni por IE, que directamente lo omite. ¿?
 
 ___
 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




-- 

name: Fer Torres;
www: dosmilmastres.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] [OT] Nuevo en la lista / por donde empiezo?

2007-01-18 Por tema Salugral Adriana Pazos García-Camino
Hola Juan,
Este tutorial es bastante completo y sencillo para empezar.

http://cafeina.ladybenko.net/?p=338

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de vaTéKafido
Enviado el: jueves, 18 de enero de 2007 17:23
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] [OT] Nuevo en la lista / por donde empiezo?


Hola,
en este sitio http://html.conclase.net/recursos/especificaciones tenes
traducciones de las especificaciones.
saludos.

2007/1/18, Rodrigo Álvarez Virgós [EMAIL PROTECTED]:
 Se me olvidaba, si sobre todo estás interesado en maquetar con CSS, te
 conviene leerte todo lo relacionado con el modelo de cajas:

 http://www.sidar.org/recur/desdi/traduc/es/css/box.html
 http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html
 ___
 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] Fwd: Algo se me está pasando con unos bordes.... :-S

2006-12-15 Por tema Salugral Adriana Pazos García-Camino
Hola Rodrigo,

prueba a quitarle el margen inferior al dl

div#diseno dl
{ margin-bottom:0;
padding-top: 10px;
display: list;
background: url('../imagenes/bordes/blanco/sup_dcho.png')
  no-repeat top right;

}

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Rodrigo Álvarez
Virgós
Enviado el: viernes, 15 de diciembre de 2006 11:07
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Fwd: Algo se me está pasando con unos bordes :-S


La página a la que me refiero es: http://www.camala.es/alfa/

-- Forwarded message --
From: Rodrigo Álvarez Virgós [EMAIL PROTECTED]
Date: 15-dic-2006 10:59
Subject: Algo se me está pasando con unos bordes :-S
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org


¿Será el margin? ¿el padding? El caso es que el borde derecho pega un
salto y estoy ta obcecado que no doy con el problema (tiene que ser
una tontería). Una pequeña ayuda, por favor, ahí va el código para la
primera caja:

XHTML:
div id=diseno
  div id=pie_izdo_panel
div id=pie_dcho_panel
  dl
 ...
  /dl
/div
  /div
/div

Y el código CSS:
div#diseno
{
text-align: left;
margin: 10px 0;
background: url('../imagenes/bordes/blanco/sup_izdo.png')
no-repeat top left;
}

div#pie_izdo_panel
{
background: url('../imagenes/bordes/blanco/inf_izdo.png') no-repeat
bottom left;
}

div#pie_dcho_panel
{
padding-bottom: 15px;
background: url('../imagenes/bordes/blanco/inf_dcho.png') no-repeat
bottom right;
}

div#diseno dl
{
padding-top: 10px;
display: list;
background: url('../imagenes/bordes/blanco/sup_dcho.png')
no-repeat top 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
___
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 con layout

2006-11-28 Por tema Salugral Adriana Pazos García-Camino
Hola Reynier,

 ¿Se pueden hacer plantillas que se adapten automáticamente a la resolución 
 del usuario? Me explico mejor: si el usuario selecciono una resolución de 
 1280 x 1024 y luego una de 800 x 600 entonces lo que quiero lograr es 
 mantener la plantilla pegada a los bordes o sea que me ocupe todo el espacio 
 de la ventana del navegador. 
Puedes ver un ejemplo en:
http://www.rammstein.com

 ¿existe alguna herramienta o fórmula matemática (por así decirlo) para llevar 
 de px a %? 

http://ovillo.org/pipermail/ovillo/2006-March/009179.html

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
Enviado el: martes, 28 de noviembre de 2006 1:45
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Duda con layout


Bueno tenía esa idea vaga dando vueltas en mi cabeza pero antes de ponerla en 
práctica quería consultar con ustedes. Ahora tengo otra preguntica: ¿existe 
alguna herramienta o fórmula matemática (por así decirlo) para llevar de px a 
%? 
Salu2
--
ReynierPM
5to Ing. Informática
Maestro de poco, aprendiz de mucho

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de WebMaster 
l'Argentera
Enviado el: lunes, 27 de noviembre de 2006 2:49 pm
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Duda con layout

Hola,

Creo que la mejor solución es hacer la página en %, así siempre se te adaptará 
al tamaño del navegador.

Eugeni.

En/na Reynier Perez Mira ha escrit:
 Hola listeros:
 ¿Se pueden hacer plantillas que se adapten automáticamente a la resolución 
 del usuario? Me explico mejor: si el usuario selecciono una resolución de 
 1280 x 1024 y luego una de 800 x 600 entonces lo que quiero lograr es 
 mantener la plantilla pegada a los bordes o sea que me ocupe todo el espacio 
 de la ventana del navegador. Hasta ahora lo hacía poniendole un width al 
 contenedor principal, por ejemplo:
  #contenedor {
width: 760px;
  }
 Así no me daría problemas (scroll) cuando cambiara la resolución pero 
 entonces se me ve muy chica y el contenido se me reduce bastante cuando es 
 muy grande.
 Salu2, gracias por adelantado y desde ya esperando respuestas
 --
 ReynierPM
 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

   


--
*Eugeni Cabré*
/WebMaster de l'Ajuntament de l'Argentera/ [EMAIL PROTECTED] 
http://www.argentera.altanet.org




__
LLama Gratis a cualquier PC del Mundo. 
Llamadas a fijos y móviles desde 1 céntimo por minuto. 
http://es.voice.yahoo.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes 
modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
___
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] Centrar contenido

2006-11-24 Por tema Salugral Adriana Pazos García-Camino
Hola Jesús, yo veo la página centrada.
En cuanto a la accesibilidad de la página mejoraría tres cosas:
1. El tamaño de las fuentes está en px, por lo que no permite aumentar el 
tamaño del texto en IE.
2. El texto de los párrafos no tiene suficiente contraste de color con el 
fondo, debería ser blanco, y algún fondo habría que oscurecerlo. Puedes usar 
esta herramienta para analizar el contraste:
http://www.visionaustralia.org.au/info.aspx?page=959
3. Pondría algunos atajos de teclado en los enlaces de menú y un ancla para 
saltar la navegación, los atajos más comunes son: Inicio (tecla 1), saltar 
navegación (tecla 2), contacto (tecla 4).

saludos


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Hermann Kaser
Enviado el: jueves, 23 de noviembre de 2006 22:08
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Centrar contenido


On 11/23/06, Jesus Torralba Izuel [EMAIL PROTECTED] wrote:
 Hola,
 estamos preparando esta web: http://www.galliguera.com/ y no consigo
 ver todas las secciones centradas en la página (al menos eso creo).
 También me gustaría que la vieseis por si veis algún fallo, es una
 web que debe ser adaptada para personas con discapacidad

Centradas? Yo lo veo todo bastante centrado... pinta bien.

-- 
Hermann Käser
http://www.theragingche.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] Sombras en imagenes

2006-11-08 Por tema Salugral Adriana Pazos García-Camino

Prueba a flotar el contendedor .image_blur o a especificar su tamaño.

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
Enviado el: martes, 07 de noviembre de 2006 21:18
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Sombras en imagenes


Hola Adriana:
He probado usando la segunda forma pues ni con la primera ni con la tercera lo 
logré. Ahora tengo algunos problemas entre IE y FF. En el primero se ve todo 
mal. Miren la imagen debajo. Todo sale deformado en lo que a la sombra se 
refiere pues el otro problema lo tengo localizado ya, son unos pixeles de más.

En FF el problema es que la sombra inferior está corrida un poco hacia la 
izquierda y en los ejemplos que ellos ponen veo que todo está perfecto.

El CSS mio es este:
.image_blur
{
   background: transparent url(../images/shadow1.png);
   color: inherit;
   margin-left: 4px;
   margin-top: 4px;
}
.image_shadow
{
   background: transparent url(../images/shadow2.png);
   color: inherit;
}
.image_shadow, .image_content
{
   position: relative;
   bottom: 2px;
   right: 2px;
}
.image_content
{
   background-color: #525565; /*background color of content*/
   color: #000; /*text color of content*/
}

Y el HTML como está en el ejemplo:
div class=image_blur
div class=image_shadow
div class=image_content
a href=http://simpro.uci.cu/modules/news/get_current_news/5/8;img 
src=http://simpro.uci.cu/upload/noticias/455d6f418bb06b01105961aaae55ce73_thumb.jpg;
 alt=Google compra JotSpot, una desarrolladora de wikis title=Google compra 
JotSpot, una desarrolladora de wikis //a
/div
/div
/div

¿Alguna idea de que hago mal?
FF: http://img501.imageshack.us/my.php?image=imagenffny0.jpg
IE: http://img295.imageshack.us/my.php?image=imageniemt0.jpg

Salu2
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
 nombre de Salugral Adriana Pazos García-Camino
 Enviado el: 07 November, 2006 9:43 AM
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] Sombras en imagenes
 
 Aquí explican varias
 
 http://www.desarrolloweb.com/articulos/2080.php
 
 Saludos
 
 -Mensaje original-
 De: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
 Enviado el: martes, 07 de noviembre de 2006 16:05
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Sombras en imagenes
 
 
 ¿Existe alguna forma con CSS de hacer una sombra a una imagen?
 Salu2 y gracias por adelantado
 --
 ReynierPM | 5to Ing. Informática
 Aprendiz de mucho, maestro de poco.
 
 
 ___
 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
___
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 alturas

2006-11-07 Por tema Salugral Adriana Pazos García-Camino
Hola Reyner, 
he hecho una prueba con el código que has mandado y yo lo veo perfectamente en 
IE.
Para probarlo he vinculado una imagen que tenía en local, así que creo que el 
problema está en la imagen, nombre de la imagen o en la ruta. 


Saludos


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
Enviado el: martes, 07 de noviembre de 2006 16:05
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] problema con alturas


Nuevamente yo por acá. Me he estudiado rigurosamente el documento Faux-Columns 
y ahora me funciona el sitio a la perfección pero en navegadores != IE. En IE 
no hay forma de que se me vea el fondo repetido en las Y. Aquí les va el CSS:
* {
padding: 0;
margin: 0;
}
html {
height: 100%;
}
body { 
background: #000 url(../images/layout-background.jpg) repeat-y 50% 0; 
color: #FFF; 
font: 76% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}
#contenedor 
{ 
width: 990px; 
text-align: left; 
margin: 0 auto; 
height: 100%; 
background-color: #000;
}
#header 
{ 
width: 829px; 
height: 149px; 
float: left; 
background: #000 url(../images/banner_rv.png) no-repeat; 
border-bottom: 1px solid #E89700;
}
#login 
{ 
width: 160px; 
height: 149px; 
float: left; 
background: #000 url(../images/bck/login_form.png) no-repeat; 
border-bottom: 1px solid #E89700; 
}
#contenido_izquierdo 
{
width: 829px;
height: auto;
float: left;
}
#contenido_derecho 
{ 
width: 160px;
height: auto;
float: right; 
}

Y el HTML correspondiente es el siguiente:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=sp lang=sp
head
titlePortal de Simuladores y Realidad Virtual /title
link type=text/css rel=stylesheet 
href=http://simpro.uci.cu/themes/simpro/css/style1.css; /
/head
body
div id=contenedor
div id=headernbsp;/div
div id=logindiv class=form_info/div/div
div id=contenido_izquierdo
 div id=navigation_bar/div !-- Navegacion --
/div !-- Columna izquierda --
div id=contenido_derecho/div !-- Columna derecha --
div id=pie_de_pagina/div !-- Pie de pagina --
/div  !-- Contenedor --
/body
/html

¿Alguna solución para mi problema? ¿Dónde estoy metiendo la pata?
Salu2 y gracias por adelantado
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
___
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] Sombras en imagenes

2006-11-07 Por tema Salugral Adriana Pazos García-Camino
Aquí explican varias

http://www.desarrolloweb.com/articulos/2080.php

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Reynier Perez Mira
Enviado el: martes, 07 de noviembre de 2006 16:05
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Sombras en imagenes


¿Existe alguna forma con CSS de hacer una sombra a una imagen?
Salu2 y gracias por adelantado
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.


___
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] cajas de bloque y cajas en linea

2006-11-06 Por tema Salugral Adriana Pazos García-Camino
Hola Marlene,

Los elementos de controles de formularios  (buttom, label, input, select, 
textarea) son elementos en línea aunque  form o fieldset sean elementos en 
bloque. 

Los siguientes enlaces te pueden servir para aclarar tus dudas.

Un saludo

http://simplelogica.net/caoticoneutral/?p=38
http://simplelogica.net/caoticoneutral/?p=39
http://simplelogica.net/caoticoneutral/index.php?p=40

http://developer.mozilla.org/es/docs/HTML:Elemento:Tipos_de_elementos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Marlene
Enviado el: viernes, 03 de noviembre de 2006 18:19
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] cajas de bloque y cajas en linea


Hola listeros:

Estaba leyendo sobre el tema este de las cajas de bloque y cajas en linea en 
CSS y tengo una duda que necesito que me aclaren.

Si por ejemplo yo tengo un formulario (elemento de bloque) que me genera en CSS 
una caja de bloque (contenedora por cierto) entonces todos los elementos que 
forman parte de esta caja de bloque tambien van a generar cajas de bloque?

Que pasa cuando tengo un elemento INPUT (elemento de bloque creo yo) y lo 
quiero alinear con un boton de tipo imagen. Estoy en presencia entonces de dos 
cajas de bloque? Segun creo haber entendido entonces estas dos cajas pueden ser 
alineadas de forma horizontal solo con ayuda de la propiedad margin, siempre y 
cuando no haya utilizado la propiedad de padding?

___
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] alineación vertical de una lista

2006-10-30 Por tema Salugral Adriana Pazos García-Camino
Hola Amanda, 
el vertical-align sólo funciona con elementos a nivel de linea o table-cell
Puedes probar a añadirle a #menuh un padding superior e inferior y 
jugar con éstos y alto definido.

#menuh a {
 text-decoration: none;
 color: #3366CC;
 background: #F0F7FC;
 display: block;
 text-align: center;
 border: 1px solid #ACCFE8;
 border-width: 1px 1px 1px 0;
 width:146px;
 height:30px; 
 padding:1em 0;
}

saludos


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Amanda Espuela
Enviado el: lunes, 30 de octubre de 2006 13:53
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] alineación vertical de una lista


Hola buena necesito que me ayudeis en un problemilla con un a lista.

Este es el código del html

div id=menuh
 ul
 lia href=#id=primeroitem 1/a/li
lia href=#item2BR /i tem2/a/li
lia href=#item3 BR /item3/a/li
lia href=#item4/a/li
lia href=#item5BR / item5/a/li

 /ul
/div

CSS


#menuh {
 margin-top: 20px;
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 75%;
 font-weight: bold;
}

#menu ul, li {
 list-style-type: none;
 display:inline;

}

#menuh ul {
 margin: 0;
 padding: 0;

}

#menuh li {
 float: left;
 vertical-align:middle;

}

#menuh a {
 text-decoration: none;
 color: #3366CC;
 background: #F0F7FC;
 display: block;
 text-align: center;
 border: 1px solid #ACCFE8;
 border-width: 1px 1px 1px 0;
 width:146px;
 height:47px;


}


#menuh a#primero {
 border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
 background: #DBEBF6;
}

Necesito que los apartados del menú que se estructuran en uan sola línea se
alineen verticalmente respecto a los otros en la mitad en vez de en la parte
superior.

Gracias
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
___
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] El uso del vertical align

2006-10-24 Por tema Salugral Adriana Pazos García-Camino
Hola Marlene,
prueba en definir un estilo en el css para los input con vertical-align:middle 
y quitar las etiquetas span.

pego el código modificado.

un saludo

html 
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleUntitled Document/title
style
BODY {
background : #C0D9D9;
color : #66;
margin : 20px 0px 20px 0px;
text-align: center;
} 
#contenedor{
text-align: left;
width: 700px;
background-color : #ff;
margin: auto;
} 
#cadena{
 font-size:9px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:114px;
 border-bottom:1px solid #66;
 border-top:1px solid #66;
 border-left:1px solid #66;
 border-right:none;
}
form{
 margin:0px;
 padding:0px;
}
input{vertical-align:middle;}

/style
/head

body
div id=contenedor
form action= method=get
div
 input name=cadena id=cadena type=text value=dalia /input name=btn 
id=btn type=image src=ir.gif /
/div

/form
/div 
/body
/html

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Marlene
Enviado el: martes, 24 de octubre de 2006 14:15
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] El uso del vertical align


Es que yo no ando buscando centrado sino alineacion entre dos elementos y no
consigo hacerlo de una forma que funcione igual para varios navegadores
- Original Message -
From: Nacho F. Carreño [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, October 24, 2006 6:18 AM
Subject: Re: [Ovillo] El uso del vertical align


Hola Marlece

Creo que una solución sería añadir a #cadena el estilo margin-top:8px; por
ejemplo e ir probando hasta que te quede centrado como tu quieres.

Un saludo,

Nacho



- Original Message -
From: Marlene [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, October 23, 2006 8:57 PM
Subject: [Ovillo] El uso del vertical align


Hola listeros, me dirijo a uds a ver quien puede ayudarme mi nombre es
Marlene y ando algo perdida en el uso del vertical-align. Mi problema es que
deseo alinear un elemento de tipo texto (input) con otro elemento de tipo
imagen dentro de un formulario.
Esto que les mando solo se ve bien en Opera en los demas navegadores como
Mozilla, IE, Netscape se ve mal.
Por favor que alguien me indique como alinear bien estos dos elementos.

La imagen que deseo alinear con el input se las envio adjunta al mensaje
Código que escribí:

html 
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleUntitled Document/title
style
BODY {
background : #C0D9D9;
color : #66;
margin : 20px 0px 20px 0px;
text-align: center;
}
#contenedor{
text-align: left;
width: 700px;
background-color : #ff;
margin: auto;
}
#cadena{
 font-size:9px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:114px;
 border-bottom:1px solid #66;
 border-top:1px solid #66;
 border-left:1px solid #66;
 border-right:none;
}
form{
 margin:0px;
 padding:0px;
}
/head

body
div id=contenedor
form action= method=get
div
 span style=vertical-align:top;input name=cadena id=cadena
type=text value=dalia //spanspan
style=vertical-align:middle;input name=btn id=btn type=image
src=ir.gif //span
/div

/form
/div
/body
/html


Gracias de antemano.
mmm





__ Información de NOD32, revisión 1.1825 (20061022) __

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

__ Información de NOD32, revisión 1.1825 (20061022) __

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



__ NOD32 1.1806 (20061017) Information __

This message was checked by NOD32 antivirus system.
http://www.eset.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] Guías para el armado previo y otros tip s

2006-10-20 Por tema Salugral Adriana Pazos García-Camino
Hola Jose Luis,
En este enlace podrás encontrar una guía bastante completa y sencilla sobre 
desarrollo con estándares.
http://www.456bereastreet.com/lab/developing_with_web_standards/webstandards/ 
[En]

Estos otros enlaces también son muy recomendables.
http://armonia.spiral-static.org/?Css
http://www.456bereastreet.com/lab/web_development_mistakes/es/
http://www.yukei.net/2005/09/headings-dando-orden-a-tu-xhtml/
http://www.yukei.net/2006/07/xhtml-semantico-aplicado-a-listas/
http://www.alistapart.com/articles/alaprimer2 [En]
http://www.maestrosdelweb.com/editorial/estandaresweb/

Un saludo


-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Jose Luis Beltran
R.
Enviado el: viernes, 20 de octubre de 2006 3:20
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Guías para el armado previo y otros tips


Saludos lista,

Donde puedo conseguir una guía para saber cómo escribir el texto (antes de 
aplicar las hojas de estilo), me explico mejor, cuando utilizar H1, H2, p, 
a, li, ul, etc.

El tema de agrupar con DIV creo que ya lo comprendo, pero he estado armando 
una web super simple y no consegui el mismo resultado. En IE se ve muy bien 
pero en FF totalmente desordenado; pienso que puede ser problema de escribir 
el texto antes del las CSS, Así como también pedirles algunos consejos de 
que propiedades hay que definir que aparentemente no son necesarias pero que 
si importantes tenerlas definirdas.

Muy agradecido y espero su gentil respuesta y otros links a recursos que 
pueden ser de utilidad.

Saludos,

Jose Luis 

___
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] Problemas con menu horizontal

2006-10-18 Por tema Salugral Adriana Pazos García-Camino
Hola Ignacio, 
prueba a quitar el padding del menú. 

#navegador ul {
margin: 0px 10px;
padding:0;
}

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Ignacio Fortea
Enviado el: miércoles, 18 de octubre de 2006 9:04
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] Problemas con menu horizontal


Estoy intentando hacer un menú horizontal como el que sigue:
http://yzweb.iespana.es/pantallazo.jpg

Y a mí me ha quedado:
http://yzweb.iespana.es/menu.jpg

Este es mí código HTML:

div id=cabecera
h1a href=/index.asp
img src=/imagenes/cabecera/logoAE.jpg
alt=Aragonempleo.com /
/a/h1
a
href=http://es.serlog21.centraltest.com/esptest/@test/part_liste.php;
title=Centraltest.com target=_blank
img src=/imagenes/banners/tests.gif alt=Centraltest width=468
height=60 border=0 /
/a
/div

div id=navegador
ul
lia href=/area_candidatos/validar.asp title=Accede a
tu curriculumAacute;rea candidatos/a/li
lia href=/menu_privado/area_privada.asp title=Acceso
para empresasAacute;rea empresas/a/li
lia href=/ofertas/busqueda_avanzada.asp title=Busca la
oferta que maacute;s se amolde a tu perfilBuscar ofertas/a/li
lia href=/ofertas/empresas_destacadas.asp
title=Consulta las ofertas publicadas por nuestras empresas
colaboradorasOfertas por empresas/a/li
li id=contactoa href=# title=Si quieres contactar
con nosotros
onclick=AbrirCentrada('/serviciosextra/contactar_empresa.asp','',584,380)
Contactar/a/li
/ul
/div


Y esta la CSS:
#cabecera {
background: url('/imagenes/cabecera/fondocab_degradado.gif')
repeat-y center center;
height: 66px;
}
#cabecera h1 {
display: inline;
margin: 0px;
}
#cabecera h1 a img {
border: 0px;
}
#cabecera a {
text-decoration: none;
}

/* NAVEGADOR SUPERIOR */
#navegador:before, #navegador:after {
content: url(/imagenes/cabecera/cuadradito.gif);

}
#navegador {
margin: 0.2em 0em;
}
#navegador ul {
margin: 0px 10px;
}
#navegador li {
margin: 0em 2px;
float: left;

background: #005692;
list-style: none;

}
#navegador li a {
color: #FF;
display: block;
text-align: center;
width: 132px;
min-height: 2.5em;
line-height: 2.3em;
font-size: 8pt;
text-decoration: none;
}

A ver si alguno de ustedes puede ayudarme.

Gracias y un saludo.

 


Ignacio Fortea

___
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] Problemas con menu horizontal

2006-10-18 Por tema Salugral Adriana Pazos García-Camino
Hola Ignacio,
he estado probando tu código,
utilizando el :before, :after no consigo posicionar el menú bien además de que 
no se ve en ie.
Creo que es más sencillo poniendo las imágenes de los cuadrados como fondo del 
div navegador y del navegador ul y flotándolos a la izquierda, he hecho una 
prueba parece que funciona bien. 

#navegador {
margin: 0.2em 0em;
padding-left:30px;
background: url(/imagenes/cabecera/cuadradito.gif) left top no-repeat;
float:left;
}
#navegador ul {
margin: 0px 10px;
padding:0 40px 0 0;
float:left;
background: url(/imagenes/cabecera/cuadradito.gif) right top no-repeat;
}

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Ignacio Fortea
Enviado el: miércoles, 18 de octubre de 2006 10:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] Problemas con menu horizontal


Hola Adriana,

Gracias por contestar.

Le he quitado el padding como me has dicho y lo que sucede, es que el primer
enlace se mueve debajo de la imagen, pero no llega a encajar en la misma
línea.

Saludos
 


Ignacio Fortea
Serlog21 - Consultoría de Recursos Humanos
Pso. Sagasta, 62 :: Edificio venus, oficina 4 :: 50006 Zaragoza
Tlf. 902 10 40 98 - 976 37 25 06 :: Fax. 976 37 25 30

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Salugral Adriana Pazos García-Camino
Enviado el: miércoles, 18 de octubre de 2006 9:47
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problemas con menu horizontal

Hola Ignacio, 
prueba a quitar el padding del menú. 

#navegador ul {
margin: 0px 10px;
padding:0;
}

Saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Ignacio Fortea
Enviado el: miércoles, 18 de octubre de 2006 9:04
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: [Ovillo] Problemas con menu horizontal


Estoy intentando hacer un menú horizontal como el que sigue:
http://yzweb.iespana.es/pantallazo.jpg

Y a mí me ha quedado:
http://yzweb.iespana.es/menu.jpg

Este es mí código HTML:

div id=cabecera
h1a href=/index.asp
img src=/imagenes/cabecera/logoAE.jpg
alt=Aragonempleo.com /
/a/h1
a
href=http://es.serlog21.centraltest.com/esptest/@test/part_liste.php;
title=Centraltest.com target=_blank
img src=/imagenes/banners/tests.gif alt=Centraltest width=468
height=60 border=0 /
/a
/div

div id=navegador
ul
lia href=/area_candidatos/validar.asp title=Accede a
tu curriculumAacute;rea candidatos/a/li
lia href=/menu_privado/area_privada.asp title=Acceso
para empresasAacute;rea empresas/a/li
lia href=/ofertas/busqueda_avanzada.asp title=Busca la
oferta que maacute;s se amolde a tu perfilBuscar ofertas/a/li
lia href=/ofertas/empresas_destacadas.asp
title=Consulta las ofertas publicadas por nuestras empresas
colaboradorasOfertas por empresas/a/li
li id=contactoa href=# title=Si quieres contactar
con nosotros
onclick=AbrirCentrada('/serviciosextra/contactar_empresa.asp','',584,380)
Contactar/a/li
/ul
/div


Y esta la CSS:
#cabecera {
background: url('/imagenes/cabecera/fondocab_degradado.gif')
repeat-y center center;
height: 66px;
}
#cabecera h1 {
display: inline;
margin: 0px;
}
#cabecera h1 a img {
border: 0px;
}
#cabecera a {
text-decoration: none;
}

/* NAVEGADOR SUPERIOR */
#navegador:before, #navegador:after {
content: url(/imagenes/cabecera/cuadradito.gif);

}
#navegador {
margin: 0.2em 0em;
}
#navegador ul {
margin: 0px 10px;
}
#navegador li {
margin: 0em 2px;
float: left;

background: #005692;
list-style: none;

}
#navegador li a {
color: #FF;
display: block;
text-align: center;
width: 132px;
min-height: 2.5em;
line-height: 2.3em;
font-size: 8pt;
text-decoration: none;
}

A ver si alguno de ustedes puede ayudarme.

Gracias y un saludo.

 


Ignacio Fortea

___
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

Re: [Ovillo] Capa que se mueva con el scroll?

2006-10-18 Por tema Salugral Adriana Pazos García-Camino
Aquí explica cómo se puede hacer con css para que funcione en ie

http://www.tierradenomadas.com/rc012.phtml

saludos

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de fernando lescano
Enviado el: miércoles, 18 de octubre de 2006 17:16
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Capa que se mueva con el scroll?


Hay un java script que hace eso... yo tambien lo estoy buscando

Saludos

2006/10/18, Luis Villegas [EMAIL PROTECTED]:
 Hola, tengo una dudilla. Me gustaría que una capa que tengo estuviese
 siempre visible estando el scroll donde esté. No sé si me explico, es como
 el Loading... de gmail
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo



-- 
Proximamente:

www.ferticidio.com.ar
___
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] Problemas con el overflow

2006-10-17 Por tema Salugral Adriana Pazos García-Camino
Hola Gema,

yo he probado con overflow auto y me funciona, 
creo que es porque en el css estás definiendo #capa y no #capa1 
 
#capa1 {
float:left;
overflow:auto;
 width:570px;
 height:200px;

}
 #id_tabla{
 border-collapse: separate !important;
 border-collapse: collapse;
 border-spacing: 0;
 }

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Gema Masegosa
Enviado el: martes, 17 de octubre de 2006 16:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problemas con el overflow


Sí, pero ni caso.

2006/10/17, Luis Villegas [EMAIL PROTECTED]:

 has probado con overflow:auto?


 On 10/17/06, Gema Masegosa [EMAIL PROTECTED] wrote:
 
  Tengo lo siguiente:
 
  1.- Una capa que contiene a la tabla:
 
  #capa {
  float:left;
  *overflow-x:scroll; */* teoricamente saldrá el scroll cuando la tabla
  supere el ancho de  la capa?? no??*/
  width:570px;
  height:200px;
  ...
  }
 
 
  2.- Dentro de la #cap hay una tabla con este ID
 
  #id_tabla{
  border-collapse: separate !important;
  border-collapse: collapse;
  border-spacing: 0;
  ...
  }
 
  Simplemte, luego están los estilo de la cabecera, de las filas, etc..
 
  En IE se ve perfectamente pero en FF no. No tiene más. En la página:
 
  div id=capa1
table id=id_tabla
 thead.../thead
 
/table
  /div!-- end capa 1 --
 
  aiss..
 
  El día 17/10/06, Bill Murphy [EMAIL PROTECTED] escribió:
  
   La verdad es que no se a que se puede deber, aunque las tablas al
 igual
   que
   los input no suelen heredar propiedades, como por ejemplo la fuente...
   quizá
   anden por ahi los tiros.
   Si nos pones un poco de codigo o un link, sería de ayuda a ver el
  problema
   ;-) (¡y solucionarlo!)
   Un saludo
  
   On 10/17/06, Gema Masegosa [EMAIL PROTECTED] wrote:
   
Hola,
   
Estoy intentando meter una tabla que tiene alrededor de 8 campos
  dentro
   de
un div con un ancho menor al de la tabla, de forma que me salga la
  barra
horizontal de desplazamiento para cuando quiera ver los otros
 campos.
  La
dimensión del div tiene que ser ese, por cuestiones de diseño y no
 las
puedo
cambiar. El problema que tengo es que echo mano del overflow y me
   funciona
perfectamente en el IE, pero en FF no sale bien, es como si omitiera
  el
tamaño del div e impusiese el tamaño de la tabla. ¿Alguien sabe por
  qué?
   
Gracias,
   
   
--
Gema Masegosa.
Email:[EMAIL PROTECTED]
Web personal: http://www.guebstudio.es
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente
 dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
   
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://lists.ovillo.org/mailman/listinfo/ovillo
  
 
 
 
  --
  Gema Masegosa.
  Email:[EMAIL PROTECTED]
  Web personal: http://www.guebstudio.es
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://lists.ovillo.org/mailman/listinfo/ovillo
 
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Gema Masegosa.
Email:[EMAIL PROTECTED]
Web personal: http://www.guebstudio.es
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo