Re: [Ovillo] Problema con listados ul en ie6
te faltaría poner los li en los estilos. de todas formas para estos casos es
mejor colgarlo en algún sitio para verlo.
a vote pronto, prueba a meter en el ul#buttons un overflow:hidden, esto evitará
que te desplace cosas, pero te cortará las opciones que no quepan y te tocará
ir ajustando; pero como te digo, es mejor ver todo en cojunto para poder darte
una respuesta satisfactoria.
Un saludo
www.musaconfusa.com
Últimas Fotos
http://www.flickr.com/photos/89204...@n00/show/
Mis viajes
http://picasaweb.google.es/jlgarcialopez84
De: Patricio Leyton pleyton...@gmail.com
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: lun,28 diciembre, 2009 19:59
Asunto: Re: [Ovillo] Problema con listados ul en ie6
enviame el link de tu url
El 28 de diciembre de 2009 13:28, Xavi Hernández Oromí
xavior...@gmail.comescribió:
Hola!
Estoy terminando mi web y a la hora de testearla en versiones de IE
(en concreto la 5 y la 6) veo que el div que contiene la lista de
links que uso para el menu se expande para dar cabida a los li y
mueve el resto de elementos hacia abajo.
He aislado el html de mi problema aqui:
body
div id=mainbox
div id=menu
ul id=buttons
li id=bu1 a href=index..htmlspanportada/span/a/li
li id=bu2a href=inicios.html
class=activespaninicios/span/a/li
li id=bu3a href=#spanexperiencia/span/a/li
li id=bu4a href=#spanmodernidad/span/a/li
li id=bu5a href=#spanesencia/span/a/li
li id=bu6a href=#spancontacto/span/a/li
/ul
/div
/div
/body
Y aqui el css (uso dreamweaver para editarlo)
* {
margin: 0;
padding: 0;
}
body {
padding: 0;
margin-right: auto;
margin-left: auto;
background-attachment: scroll;
background-color: #fff;
background-image: url(../img/bg.jpg);
background-repeat: no-repeat;
background-position: center top;
font-family: Times New Roman, Times, serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #FF;
letter-spacing: 0.1em;
}
}
#mainbox {
width: 965px;
margin-right: auto;
margin-left: auto;
overflow: visible;
position: relative;
top: 0px;
z-index: 5;
}
#menu {
width: 900px;
margin-right: auto;
margin-left: auto;
z-index: 12;
position: relative;
overflow: visible;
height: 40px;
}
ul#buttons {
width: 900px;
height: 40px;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
display: inline;
}
span {
display: none;
}
He probado de solucionarlo con overflow: hidden en el div#menu que
corrige el hecho de que el div aumente el tamaño por el desbordamiento
de la lista ul que uso, pero no muestra los gif de los botones de
los links.
Tambien he probado de poner los elementos de la lista inline y
diversas combinaciones (soy bastante novato todavía :\ ) pero no
consigo que funcione.
Agradecería mucho si alguien me indicara que estoy haciendo mal o que
puedo hacer para que funcione correctamente en ie5 ie6 (en los demas
navegadores funciona ok).
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
--
Patricio Leyton Ulloa
Desarrollador Web
___
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 listados ul en ie6
Hola de nuevo a todos!
En respuesta a José D y Ulises. Cuando me puse a maquetar la web sabia
que tendría que adaptar el código para apañarlo y que funcione en
explorers antiguos... es algo que supongo que la mayoría se lo toma
como un gafe del oficio. Ie6 tiene todavia una cuota de mercado
bastante importante por lo que vale la pena solucionar este
problemilla. ie5 no es importantisimo pero supongo que solucionando lo
de los botones (que no creo que se tenga que aplicar 2 soluciones
independientes) la web se vería mas o menos bien. (sin contar los png,
el centrado y demas detalles que fallan).
A Jose Luis G Decirte que lo que comentas ya lo he probado... pasteo
del primer mail ///He probado de solucionarlo con overflow: hidden en
el div#menu que corrige el hecho de que el div aumente el tamaño por
el desbordamiento de la lista ul que uso, pero no muestra los gif de
los botones de los links.Tambien he probado de poner los elementos de
la lista inline y diversas combinaciones (soy bastante novato todavía
:\ ) pero no consigo que funcione.///
El link de la web lo subí en el 2º mensaje a petición de patricio.
Aqui un nuevo link http://www.proyeko.com/jim/ (funciona el index y
los inicios) Aislé el código que os mando para facilitar un poco la
cosa... el resto de la web funciona ok a simple vista... seguro que
hay fallos y chapuzillas pero me da codigo valido.
Mi intuición (por decirlo de una manera ya que no puedo respaldar mi
opinion con teoria que no se) me dice que la solución es poner un
codigo valido para ie que haga que la lista se muestre inline y no
desborde el tamaño asignado para el div#menu.
Muchas gracias a todos y feliz año nuevo!!
El día 29 de diciembre de 2009 10:04, Josÿe9 Luis Garcÿeda
Lÿf3pez jlgarcialope...@yahoo.es escribió:
te faltaría poner los li en los estilos. de todas formas para estos casos es
mejor colgarlo en algún sitio para verlo.
a vote pronto, prueba a meter en el ul#buttons un overflow:hidden, esto
evitará que te desplace cosas, pero te cortará las opciones que no quepan y
te tocará ir ajustando; pero como te digo, es mejor ver todo en cojunto para
poder darte una respuesta satisfactoria.
Un saludo
www.musaconfusa.com
Últimas Fotos
http://www.flickr.com/photos/89204...@n00/show/
Mis viajes
http://picasaweb.google.es/jlgarcialopez84
De: Patricio Leyton pleyton...@gmail.com
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: lun,28 diciembre, 2009 19:59
Asunto: Re: [Ovillo] Problema con listados ul en ie6
enviame el link de tu url
El 28 de diciembre de 2009 13:28, Xavi Hernández Oromí
xavior...@gmail.comescribió:
Hola!
Estoy terminando mi web y a la hora de testearla en versiones de IE
(en concreto la 5 y la 6) veo que el div que contiene la lista de
links que uso para el menu se expande para dar cabida a los li y
mueve el resto de elementos hacia abajo.
He aislado el html de mi problema aqui:
body
div id=mainbox
div id=menu
ul id=buttons
li id=bu1 a href=index..htmlspanportada/span/a/li
li id=bu2a href=inicios.html
class=activespaninicios/span/a/li
li id=bu3a href=#spanexperiencia/span/a/li
li id=bu4a href=#spanmodernidad/span/a/li
li id=bu5a href=#spanesencia/span/a/li
li id=bu6a href=#spancontacto/span/a/li
/ul
/div
/div
/body
Y aqui el css (uso dreamweaver para editarlo)
* {
margin: 0;
padding: 0;
}
body {
padding: 0;
margin-right: auto;
margin-left: auto;
background-attachment: scroll;
background-color: #fff;
background-image: url(../img/bg.jpg);
background-repeat: no-repeat;
background-position: center top;
font-family: Times New Roman, Times, serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #FF;
letter-spacing: 0.1em;
}
}
#mainbox {
width: 965px;
margin-right: auto;
margin-left: auto;
overflow: visible;
position: relative;
top: 0px;
z-index: 5;
}
#menu {
width: 900px;
margin-right: auto;
margin-left: auto;
z-index: 12;
position: relative;
overflow: visible;
height: 40px;
}
ul#buttons {
width: 900px;
height: 40px;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
display: inline;
}
span {
display: none;
}
He probado de solucionarlo con overflow: hidden en el div#menu que
corrige el hecho de que el div aumente el tamaño por el desbordamiento
de la lista ul que uso, pero no muestra los gif de los botones de
los links.
Tambien he probado de poner los elementos de la lista inline y
diversas combinaciones (soy bastante novato todavía :\ ) pero no
consigo que funcione.
Agradecería mucho si alguien me
[Ovillo] [OT] etiqueta para video
Hola! Alguien puede decirme cual es la etiqueta más crossower para reproducir video? Embed? 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] [OT] etiqueta para video
Hola, Joseba El 29/12/2009 13:07, Joseba Rodríguez escribió: Alguien puede decirme cual es la etiqueta más crossower para reproducir video? Embed? Lamentablemente sí: embed es la etiqueta más *cross-browser* Pero me veo en la obligación de desaconsejártelo. Yo tengo varios sitios de vídeo y con object/param (sin embed) van todos de maravilla... ___ 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] etiqueta para video
Le he metido el object con el Embed dentro y parece que chuta bien Los .avi (mpg4) solo no se ejecutan e IE Los .wmv parece q van en todos. Gracias -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rodrigo Álvarez Virgós Enviado el: martes, 29 de diciembre de 2009 13:22 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] [OT] etiqueta para video Hola, Joseba El 29/12/2009 13:07, Joseba Rodríguez escribió: Alguien puede decirme cual es la etiqueta más crossower para reproducir video? Embed? Lamentablemente sí: embed es la etiqueta más *cross-browser* Pero me veo en la obligación de desaconsejártelo. Yo tengo varios sitios de vídeo y con object/param (sin embed) van todos de maravilla... ___ 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] etiqueta para video
Es que mientras que los reproductores sean flash (y hasta que entre HTML5, cuando los navegadores reproducirán los vídeos por sí mismos y sin plugins), para que funcione bien en todos el formato adecuado no es wmv sino flv El 29/12/2009 13:39, Joseba Rodríguez escribió: Le he metido el object con el Embed dentro y parece que chuta bien Los .avi (mpg4) solo no se ejecutan e IE Los .wmv parece q van en todos. Gracias -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rodrigo Álvarez Virgós Enviado el: martes, 29 de diciembre de 2009 13:22 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] [OT] etiqueta para video Hola, Joseba El 29/12/2009 13:07, Joseba Rodríguez escribió: Alguien puede decirme cual es la etiqueta más crossower para reproducir video? Embed? Lamentablemente sí: embed es la etiqueta más *cross-browser* Pero me veo en la obligación de desaconsejártelo. Yo tengo varios sitios de vídeo y con object/param (sin embed) van todos de maravilla... ___ 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] etiqueta para video
SWFObject es broma. tradicionalmente se ponia embed y object, para cubrir los navegadores tipo mozilla y los tipo internet explorer. actualmente no tiene mucho sentido poner otra cosa que no sea un player flash que reproduzca un flv en el futuro inmediato hay que ir pensando en poner la etiqueta video/ , hay una forma de ponerlo que es backward compatible con navegadores que no lo soportan, de modo que si el navegador no lo soporta se termina usando flash ( un flash player que reproduce un flv ) la etiqueta video puede tener un aspecto como este: video poster=poster.jpg source src=video.3gp type=video/3gpp media=handheld source src=video.ogv type=video/ogg; codecs=theora, vorbis source src=video.mp4 type=video/mp4 /video audio source src=music.oga type=audio/ogg source src=music.mp3 type=audio/mpeg /audio 2009/12/29 Joseba Rodríguez jos...@visionasolutions.es: Hola! Alguien puede decirme cual es la etiqueta más crossower para reproducir video? Embed? Gracias. -- -- ℱin del ℳensaje. ___ 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] Evitar salto con texto alrededor imagen
Hola! Tengo un problemilla Tengo una foto dentro de un p lleno de texto pero cuando llega un br / este salta al final de la foto. Es posible evitar esto sin modificar el texto? 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] Evitar salto con texto alrededor imagen
2009/12/29 Joseba Rodríguez jos...@visionasolutions.es: Tengo una foto dentro de un p lleno de texto pero cuando llega un br / este salta al final de la foto. ¿algo como... img style=float:left;margin-righ: 14px;margin-bottom: 8px ...? -- -- ℱin del ℳensaje. ___ 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] Evitar salto con texto alrededor imagen
Dejá una URL para verlo.. [image: Ignacio Ricci - Designer + Developer] 2009/12/29 Tei oscar.vi...@gmail.com 2009/12/29 Joseba Rodríguez jos...@visionasolutions.es: Tengo una foto dentro de un p lleno de texto pero cuando llega un br / este salta al final de la foto. ¿algo como... img style=float:left;margin-righ: 14px;margin-bottom: 8px ...? -- -- ℱin del ℳensaje. ___ 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] Fontface y protección de fuentes
Muy buenas, Pues el caso en que quiero saber de alguna página que explique bién la función Fontface (para que sea crossbrowser ya que cada navegador admite diferentes formatos de fuente) ¿Sabéis de alguna? También me gustaría saber si es posible proteger las fuentes que estás usando (como hace Typekit, para que nadie pueda acceder a ella y descargársela) mediante javascript o similar (con un método que no sea excesivamente difícil). Muchas gracias, espero que podais solucionarme las dudas. Saludos -- Roque Alonso ___ 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] Fontface y protección de fuentes
2009/12/29 Roque Alonso 2tonewarr...@gmail.com: Muy buenas, Pues el caso en que quiero saber de alguna página que explique bién la función Fontface (para que sea crossbrowser ya que cada navegador admite diferentes formatos de fuente) ¿Sabéis de alguna? Esta misma tiene buena pinta: http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/ También me gustaría saber si es posible proteger las fuentes que estás usando (como hace Typekit, para que nadie pueda acceder a ella y descargársela) mediante javascript o similar (con un método que no sea excesivamente difícil). Flash lo que hace es embeber solo los caracteres que el texto utiliza, pero entonces un sistema que hiciera algo parecido tendría que ser consciente de que caracteres se van a usar. Y un sitio con suficientemente texto contendría todos los caracteres útiles de todos modos. You can't have the cake, and eat it. -- -- ℱin del ℳensaje. ___ 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] Fontface y protección de fuentes
El 29 de diciembre de 2009 21:47, Tei oscar.vi...@gmail.com escribió: Esta misma tiene buena pinta: http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/ Gracias, justo lo que quería. -- Roque Alonso ___ 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] Cursos de diseño web
Hola a todos. Tengo una pequeña duda. Voy hacer un curso pero no tengo claro cual. Estoy entre un master de diseño web en el que dan dreamweaver, flash, html, css, photoshop e illustrator. En ninguno de ellos soy ningun experto pero mas o menos lo manejo (ya se que html y css no son programas que os veo venir). El otro es un curso en el que se daria php y javascript de los cuales no tengo ni idea. Entonces mi pregunta es cual me recomendarias hacer el que conozco algo y asi afianzar conocimientos o el otro que no se nada pero que a lo mejor tenga un poco mas de salida profesional (aunque tampoco lo se y es por eso tambien por lo que os consulto). Gracias a todos por vuestro tiempo, y feliz navidad y que el año que viene sea mucho mejor para todos. ___ 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] Cursos de diseño web
Hola Félix! El 29/12/2009 07:15 p.m., Felix Manuel Fernandez Chamorro escribió: Tengo una pequeña duda. Voy hacer un curso pero no tengo claro cual. Estoy entre un master de diseño web en el que dan dreamweaver, flash, html, css, El otro es un curso en el que se daria php y javascript de los cuales no tengo ni idea. En principio, eso debería depender del perfil en el que quisieras especializarte: 1) Si eres bueno en lo estético, en el diseño, entonces profundiza CSS y HTML, bien a fondo, hasta que tus diseños se destaquen del resto. 2) En cambio, si quieres convertirte en programador o desarrollador de sistemas, entonces comienza con PHP y JavaScript (pero tienes un laaargo camino por delante). Y si te interesan las dos cosas, entonces te recomiendo profundizar en ese mismo orden, es decir, primero HTML y CSS y luego PHP y JavaScript. El mercado te pagará mejor si eres capaz de hacer MUY BUEN diseño aunque tercerices la programación, o si eres del área de sistemas y programas MUY BIEN aunque tercerices el diseño. Si te quedas a mitad de ambos caminos, los especialistas te ganarán la competencia... Piensa que los diseñadores gráficos de carrera universitaria te llevarán ventaja a la hora de diseñar bien, y los que tengan una carrera universitaria en sistemas te llevarán ventaja a la hora de programar eficientemente. Entonces, una buena opción que siempre suelo recomendar a mis alumnos, sería diferenciarte y apuntar al mercado de las aplicaciones web pre-armadas (de código abierto), donde apliques diseño a cosas ya programadas por expertos, y donde a lo sumo apliques retoques menores de programación, ya sea por tu cuenta o tercerizando. De esa manera, obtienes rapidez en proporcionar una buena solución a tus clientes (y ofreces menores costos que la gente de sistemas que haría una solución desde cero, mucho más cara y con plazos más largos). Y te despegas de los diseñadores que no tocan código... que no pueden ofrecer más que webs estáticas en HTML y CSS únicamente. En caso de elegir ese camino, te recomiendo ir en orden: primero profundiza CSS y HTML, luego aprende PHP y JavaScript, y luego aprende a adaptar software libre prearmado (como osCommerce, Joomla, WordPress, etc.). P.D.: Lo digo en voz baja para que no se moleste nadie: ¿has visto los dos cursos a distancia que dicto en mi sitio web, donde ofrezco precisamente esos dos temas, Diseño Web con XHTML y CCS y Programación Web con PHP y MySQL? ;-) Saludos! -- Hernán Beati http://www.saberweb.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
Re: [Ovillo] [OT] Cursos de diseño web
Muchas gracias por tu pronta respuesta. Creo me voy a inclinar un poco mas por la programacion ya que el diseño no es que este muy sobrado. Me cuesta un poco y de todas formas veo mas asequible aprender html y css por uno mismo, echandole muchas horas claro, que aprender php y javascript que lo veo bastante mas complicado ya que ni siquiera hay programas en los que te muestren lo que vas haciendo, por lo menos que yo sepa, y a parte creo que hay que aprender metodologia de programacion, que tampoco se muy bien lo que es pero es lo que tengo entendido. De momento voy a probar con esto y en un futuro lo mismo nos vemos por tu pagina. Un saludo. Felix M Fernandez. ___ 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
