Re: [Ovillo] Doble A con includes o requires php
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
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
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
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?
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
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
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
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
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
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
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
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
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
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
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
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
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?
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
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
