Re: [Ovillo] Blog 100% sobre CSS en español
Siempre es bueno que aparezcan nuevos sitios web sobre css, y a pesar del poco tiempo que lleva parece que tiene bastante movimiento.Ánimo. Por otra parte, lo que me llama más la atención es que un sitio destinado al uso de css utilice estilos en línea: li style=padding-top: 35px;a href=http://www.cssblog.es/about/; class=tutorials CSS Info/a/li li style=padding-top: 20px;a href=http://www.cssblog.es/elige-tu-nivel-de-aprendizaje-de-css/; class=nivelNivel de aprendizaje CSS/a/li /ul div class=badge0 lectores/div p style=text-align: center; Un saludo dreagnout escribió: Este blog reune recursos, guías y contenidos acerca de CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita: http://www.cssblog.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
Re: [Ovillo] sobre pseudo-clase :first-child
Hola Jorge, ese es un típico problema de ie.Se me ocurre hacer algo como
esto:
ul class=hormenu
li
ETIQUETA class=ie6_first_child... /ETIQUETA
ETIQUETAa esta etiqueta no le afecta/ETIQUETA
...
/li
/ul
y definir en la hoja de estilos de ie (si usas comentarios
condicionales) el css correspondiente al :first-child:
.ie6_first_child { border:none;}
Un saludo,
Jorge L. Batista E. escribió:
Hola lista,
He estado tratando de simplificar el css de un sitio que tengo en
desarrollo y me he encontrado conque si usara pseudo-clases, tales como
:first-child, me ahorraría bastante marcado y algunas clases adicionales
que me he tenido que agenciar para que la cosa funcione. Además pienso que
si es necesario ir al html a ponerle un parchito para que luzca mejor
estaría uniendo contenido y presentación.
Bueno la pregunta es:
cómo hacer para que ul.hormenu li:first-child { border:none } funcione
en IE? de hecho ignora la rgla así que si pongo:
.nobroder, ul.hormenu li:first-child { border:none } tampoco funciona.
Alguien sabe cómo resolverlo?
Gracias de antemano
PB
Las siguientes líneas de texto son agregadas por los Servidores Centrales de
Correo de la Oficina del Historiador de la Ciudad de la Habana.
Cartelera Interactiva de Opus Habana: http://opushabana.ohc.cu/cartelera.php
con la programación cultural del Centro Histórico.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT] inputs con atributo readonly, ¿no se envían?
Hola a todos! Siento el ot, pero he estado mirando en el w3c y no me ha sacado de dudas. Estoy realizando un pequeño proyecto en xhtml+css, y haciendo pruebas con un formulario me ha sorprendido encontrar que los datos marcados como readonly , no son enviados al realizar el submit. ¿Es normal que suceda eso? Pensaba que readonly hacia referencia a la capacidad de editar el campo, no a la de ser enviado. Gracias a todos, saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] inputs con atributo readonly, ¿no se envían?
jejeje que despistado que soy... había hecho un copypaste y no me he dado cuento que ya tenía un disabled :) Todo solucionado, mil gracias a todos! Javier Sarmiento escribió: Hola... Los campos con readonly=readonly si que los envía el formulario. Los que no se envían son los disabled=disabled. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de AraDaen Enviado el: miércoles, 29 de agosto de 2007 16:51 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [OT] inputs con atributo readonly, ¿no se envían? Hola a todos! Siento el ot, pero he estado mirando en el w3c y no me ha sacado de dudas. Estoy realizando un pequeño proyecto en xhtml+css, y haciendo pruebas con un formulario me ha sorprendido encontrar que los datos marcados como readonly , no son enviados al realizar el submit. ¿Es normal que suceda eso? Pensaba que readonly hacia referencia a la capacidad de editar el campo, no a la de ser enviado. Gracias a todos, saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] inputs con atributo readonly, ¿no se envían?
Hola a todos de nuevo, no se si no ha llegado mi mensaje anterior, diciendo que ya estaba solucionado. Habíasido un descuido mío y tenía tambien puesto en el codigo disabled=disabled: input type=text id=id_city class=small-field ie_inputText ie_readonly readonly=readonly name=id_city value=1 title=coacute;digo de ciudad 1 disabled=disabled maxlength=15/ Si os fijais, despues del title tenía puesto el atributo disabled, por eso no se enviaba y me estaba volviendo loco :D. Un saludo, y gracias a todos de nuevo ___ 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 - Planificando proyectos web
yo he utilizado alguna vez active collab, está orientado al trabajo en equipo de proyectos, permitiendo la supervisión por parte del cliente etc.. y muchas otras funciones como la creación de hitos y demás. te pongo el enlace http://www.activecollab.com/ --- AraDaen, diseño y programación web con estándares www.aradaen.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Web developer Toolbar ¿Existe equivalen te para IE?
Da un vistazo a este apunte de hoy en el blog de IE de Microsoft, http://blogs.msdn.com/ie/archive/2007/06/22/from-microsoft-teched-2007-web-development-tools-for-internet-explorer.aspx Hay utilidades francamente útilides para el desarrollo web en ie. Un saludo Pedro Moreno escribió: Hola, En especial lo que busco es la útil InformationDisplay Block Size para encontrar descuadres en FF pero para el Explorer, que es el que de verdad descuadra siempre ;) Para IE6 con MultipleIE. Al menos. Gracias! Pedro Moreno P:S: Por cierto, que rara es la de MS para IE7... no le pillo el rollo. ___ 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] footer en ie7
El problema te viene de los elementos flotados que hay dentro de container, porque no se hace adecuadamente un clear para hacer que container en ie7 se estiré tanto como sus hijos (con la IE developer toolbar de ie7, se observa como sucede esto). Para solucionarlo puedes ver las modificaciones del clearfix para ie7 en estos enlaces http://www.torresburriel.com/weblog/2006/10/19/ojo-con-el-uso-de-clearfix-casca-en-ie7/ http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ Un saludo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] (sin asunto)
Victor Lopez escribió: Yo creía que habría mas tráfico !!! Que poquita gente !!! (al menos me llega muy poquita) 2007/1/28, carlos campderrós [EMAIL PROTECTED]: On 1/28/07, Victor Lopez [EMAIL PROTECTED] wrote: Pues eso ... Hola a [EMAIL PROTECTED] Y en cuanto tenga una confirmación ... me encanta preguntar (si es necesario) confirmado -- 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 Nas Victor! tranquilo, que tráfico hay pero muchos permanecemos callados aprendiendo de todos:). Un saludo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aprendiendo sobre la marcha
Como dice Javier, utiliza listas tal y como te ha explicado en su ejemplo, pero para no ensuciar el marcado con contenido extra, utiliza el conocido clearfix para realizar los clear:both sin agregar elementos extras a tu marcado. http://www.torresburriel.com/weblog/2006/10/19/ojo-con-el-uso-de-clearfix-casca-en-ie7/ Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Colores de moda para websites
Jonathan C. escribió: buenas, quisiera saber si algunos de los listeros conoce algunos enlaces donde puedo encontrar información sobre las combinaciones de colores que mas se están usando para las paginas web. je, estoy seguro que al igual que yo, hay muchos en la lista que no manejan esta parte del diseño web, la cual personalmente considero complicada, pues cuando estoy diseñando y le presento los ejemplos a mis amigos para ver su opinion, en la mayoria de los casos el fallo esta en la elección de los colores. pues un saludo a la lista. Hola Jonathan C. Dale un vistazo a este link http://www.colorschemer.com/schemes/, te será de gran ayuda ;) Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] IE6 standalone
Ahí tienes de todo, y funciona sin problemas. http://browsers.evolt.org/?ie/32bit/standalone Otra opción (la que se sugiere en el blog de IE, es instalar virtual pc... ) http://blogs.msdn.com/ie/archive/2006/11/30/ie6-and-ie7-running-on-a-single-machine.aspx Gael escribió: Hola! Mi cerebro fue más lento (algo habitual en mi) que mi mano e instalé Internet Explorer 7 antes de pensar en cómo probaría las cosas en IE6. Hay alguna forma de instalar IE6 standalone? Es fiable (a pesar de ser de Miscrosoft, quiero decir si petará o no)? Supongo que no renderizará igual que lo hacía el IE6 ya que tras instalar IE7 he notado cambios en el propio explorer de Windows y tal. Pero conserva sus famosos bugs de posicionamiento, backgrounds fijos, etc.? Gracias y felices fiestas a [EMAIL PROTECTED] Gael ___ 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] Menues con CSS
Tampoco se si te resultará o no útil, pero puedes ver una modificación de un dropdown de cssplay en el que estoy trabajando. La modificación consiste en aplicarle un diseño elástico y ni fijo. Está testeado en Windows (ff, netscape, opera, ie6, ie7, swift), Linux (konqueror y ff), mac (ff y safari). El enlace es directamente el archivo sobre el que estoy trabajando, de ahí que todavía tenga los z-index en el marcado. Un saludo. enlace www.inmoweb.aradaen.com/cpanel.php -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan José Montes de Oca Arbós Enviado el: lunes, 13 de noviembre de 2006 14:08 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Menues con CSS Buenas a todos... quería ver de que forma puedo armar menues desplegables (al mejor estilo aplicaciones Windows) utilizando SOLO CSS sin javascript ni ningún otro tipo de lenguaje de programación... ¿esto se puede hacer? Gracias de antemano -- Juan José Montes de Oca Arbós. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] anchos diferentes FF e IE
Puedes hacerlo con el uso de !important, que ie se lo salta un poco a la
torera..
div.caja {
border:0 4px;
width:772px !important;
width:780px;
}
IE 6 ignora la etiqueta !important y vuelve a redefinir el width con el
nuevo valor.
Además es validable.
Saludos
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Ayuda con bug en Safari y Konqueror
Hola a todos!
Estoy intentando maquetar una web, y tengo un problemilla con estos dos
navegadores.
La web en cuestión está colgada en http://inmoweb.aradaen.com, y lo poco que
hay está testeado en:
- Firefox 1.5.0.7 (Windows, Linux)
- Internet Explorer (6 y 7rc3)
- Opera
- Netscape
- Swift
sin problemas, pero en Safari y Konqueror tengo un problema con el
clear:both del pie: en ambos casos efectua el clear, pero se come parte
del pie:
Imagen del bug http://82.51.145.82/safaritest/1160935950-full.jpg
Css del pie
/*
* Pie
* * * * * * * * * * * * * * * * * * * * * * * * * * */
div#pie{
clear: both;
width: 100%;
color:#8b7e75;
}
He comprobado que si añado un segundo bloque pie, el segundo lo muestra
correctamente, pero el primero sigue sin mostrarse correctamente:
imgen de la web con los dos pies
http://82.51.145.82/safaritest/1160936311-full.jpg
Se os ocurre alguna forma de solucionarlo?
Saludos.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con bug en Safari y Konqueror
Jeje, asias aun le queda mucho mucho mucho trabajo. Se me ha ocurrido meter un div previo al pie, que efectúe el clear, pero no me agrada la idea de tener que ensuciar el xhtml con estructuras extras carentes de contenido y significado. ___ 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] caja en ie
En alguna ocasión he tenido ese problema, y llegúe a la conclusión que era por el tamaño de la fuente: aunque no haya nada escrito en el div, ie mantiene el tamaño de la fuente como tamaño mínimo del height. Para solventarlo, bien reduce el tamaño de la fuente, o bien añade un overflow:hidden; a el div. Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] firefox vs ie
A simple vista parece que el problema viene al flotar la imagen (cosa que supongo) dentro del contenedor. Lo que muestra ie es erróneo, pues no debería expandirse hasta contener la imagen, por eso el resto de navegadores tan solo se expanden hasta donde acaba el texto. Esto es debido a que cuando flotas un elemento éste desaparece del flujo normal. IE no lo interpreta así. Para solventarlo, añade un elemento justo antes de cerrar el contendor con un clear: por ejemplo span style=clear:both;display:block/span Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Alinear dos DIV
No se si te resultará útil, pero si posicionas el padre, si añades en los
hijos position:absolute, podrás posicionarlos a éstos respecto al padre:
Ejemplo:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
titleDocumento sin tiacute;tulo/title
style type=text/css
div#contenedor{
border:1px solid blue;
position:relative;
height:400px;
}
div#divSuperior{
background-color:#99;
position:absolute;
top:0;
left:0;
}
div#divInferior{
background-color:#cc;
position:absolute;
bottom:0;
left:0;
}
/style
/head
body
div id=contenedor
div id=divSuperioreste div está en la parte superior del
contenedor /div
div id=divInferior este otro div, esta en la parte
inferior del contenedor/div
/div
/body
/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
Re: [Ovillo] height en px: ¿como lo interpreta IE ?
Desconozco porque lo interpreta así. Como última opción siempre puedes recurrir al uso de !important para especificar un height adecuado para IE6 y uno para el resto e navegadores. ... height:120px !important; height:150px; /* IE6 no tiene en consideración la pala !important redefiniendo la regla. El resto de navegadores modernos dan prioridad a la regla con !important. Validable */ ... Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] clear:both no funciona en IE7
Hola! Mete el pie dentro del div #cuerpo y listo. El elemento con clear tiene que ir detrás de los elementos flotados. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] diseño liquido para IE
Hola!
Me encuentro en el mismo problema que Magali,y estaba buscando la mejor
solución para solventar las pequeñas pero sutiles diferencias que tengo con
ie. El problema me viene al posicionar una imagen con em, que para una
misma cifra ie6 me lo posiciona mas arriba que el resto de navegadores.
Había pensado solventarlo con los comentarios condicionales, pero parece que
utilizar !important resultará más limpio, aunque no se si lo utilizo
correctamente.
Con este código
div.id_Pag{
position:absolute;
left:1em;
width:20.5em;
height:4.1em;
bottom:0.4em !important;
bottom:0.7em;
}
¿FF me situaría el elemneto a 0.7em desde el final del contenedor, y el
iexplorer a 0.4em?
Si es así, no se por qué, pero no me lo pilla el ie, y sigue situándolo a
0.7em.
Saludos.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] diseño liquido para IE
Gracias, entendí al reves el uso de !important pensando que ie sí interpretaba el valor y no ff. Muchas gracias :) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Texto centrado respecto al ancho de una imagen
Hola Javier!
Finalmente lo que he hecho ha sido introducir como tu dices dos divs, y
posicionarlo con top,left y margin.
div#pie{
clear: both;
width: 100%;
color:#8b7e75;
height:80px;
overflow:auto;
border-top:6px solid #ff6600;
}
div#logoPie{
position:relative;
top:0px;
left:190px;
width:32px;
}
div#textoPie{
position:relative;
top:-25px;
left:50%;
margin-left:-155px;
width:360px;
text-align:center;
}
div id=pie
div id=logoPie
img src=lib/pics/logoIcon.gif alt=texto alternativo/
/div
div id=textoPie
Primera linea de texto
br/
Segunda linea de texto
/div
/div
Muchas gracias a todos. :)
Saludos cordiales,
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Javascript
Hola!! Te pongo una lista de libros que están bastante bien: a) Wiley - JavaScript Bible , 5th Ed (1743 pages) - 2004 b) OReilly - JavaScript The Definitive Guide, 5th.Ed (Aug.2006) c) Hungry Minds, Inc.- JavaScript bible, gold edition (2001) y para profundizar en ajax, Prentice Hall AJAX Creating Web Pages with Asynchronous JavaScript and XML (2006) En el irc, cuentas con un canal de javascript #javascript, y tambien existe una lista de correo de javascript en castellano: http://javaescript.scriptia.net/ Un saludo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] validar un sitio
Lo primero que debes hacer antes de validarla, es especificar un doctype que especifique que versión de html utilizas. Da un vistazo a estos links: http://www.w3.org/TR/html4/struct/global.html http://alistapart.com/stories/doctype/ Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Texto centrado respecto al ancho de una imagen
Supongo que será una tontería, pero llevo un par de horas buscando como
hacerlo y no lo logro.
Tengo un pie de pagina que incluye una imagen y un par de líneas de texto,
centrados horizontalmente respecto al pie. Lo que intento hacer es que
además el texto quede centrado verticalmente respecto a la imagen, pero no
lo consigo. He realizado varios intentos pero no lo he conseguido. ¿Alguna
sugerencia?
1er intento:
div#pie{
clear: both;
width: 100%;
text-align:center;
color:#8b7e75;
height:80px;
overflow:auto;
border-top:6px solid #ff6600;
padding-top:10px;
}
img#icono { vertical-align:middle;}
div id=pie
img id=icono src=lib/pics/logoIcon.gif alt=texto
alternativo/ Primera linea de texto
br/
Segunda linea de texto
/div
Resultado Imagen y texto centrado horizontalmente respecto al div
contenedor, pero sólo una de las lineas de texto (la primera) aparecen
centradas verticalmente respecto a la imagen, la segunda queda por debajo.
2o intento: intento agrupar las dos lineas dentro de un elemento para
intentar que queden las dos lineas centradas
div#pie{
clear: both;
width: 100%;
text-align:center;
color:#8b7e75;
height:80px;
overflow:auto;
border-top:6px solid #ff6600;
padding-top:10px;
}
img#icono { vertical-align:middle;}
p {display:inline;}
div id=pie
img id=icono src=lib/pics/logoIcon.gif alt=texto
alternativo/ p
Primera linea de texto
br/
Segunda linea de texto
/p
/div
Resultado mismo resultado que caso anterior.
Alguna ayudita?
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Texto centrado respecto al ancho de una imagen
Asias por la ayuda, he optado por meterlo en un div y posicionarlo. Gracias :) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] chat dedicado a css?
En el irc-hispano.org hay ya un canal de #css por si a alguien le interesa. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] hack or not to hack
Hola a todos! Toy un poco liado con este tema. No se si debo intentar desarrollar webs sin utilizar hacks para evitar problemas futuros con versiones nuevas de navegadores (como el IE7). Como alternativas están los comentarios condicionales del Explorer, pero tendría el mismo dilema con hacks para otros navegadores. Otra opción sería utilizar hojas de estilos distintas para cada navegador, pero por un lado el engorro de trabajar con varias hojas de estilos, y luego tener que utilizar js para detectar el navegador Quería preguntaros que opináis vosotros sobre el tema. Saludos! ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [ovillo] Problema con píe de pági na
Tengo problemas para ver la url.. no carga. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de omar laguna Enviado el: miércoles, 02 de agosto de 2006 17:44 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] [ovillo] Problema con píe de página Buenas es mi primer mensaje a esta lista de correo y me gustarí antes saludaros a todos ya que aprendo mucho de vosotros.Bueno ahora vamos al grano, estoy maquetando una página web en concreto esta http://demos.sysme.net. en IE lo veo perfecto me encaja el píe de página como yo quiero, pero en FF no por que no respeta el div id=contenido/div contener las demas etiquetas y el pie dejarlo donde debe estar como en IE.Muchas gracias.La estructura es la siguientediv id=navPrincipal /divdiv idcontenido div id=columnaDerecha class=limpiadiv id=curriculum div id=itemCurriculum!--TERMINA ITEMCURRICULUM--/div!--TERMINA CURRICULUM--/div!--TERMINA COLUMNADERECHA-- /divdiv id=principaldiv id=noticiasdiv class=itemNoticias/divdiv class=itemNoticias/divdiv class=itemNoticias/divdiv class=itemNoticias/div!--TERMINA NOTICIAS--/div !--TERMINA NOTICIAS-- /divdiv id=patrocinadores!--TERMINA PATROCINADORES--/div!--TERMINA PRINCIPAL-- /divdiv id=pie pTodos los derechos reservados/p!--TERMINA PIE--/div !--TERMINA CONTENIDO--/div _ Descubre Live.com - tu propia página de inicio, personalizada para ver rápidamente todo lo que te interesa en un mismo sitio. http://www.live.com/getstarted ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
