[Ovillo] Problemas con presentación de 2 ul de 5 todos con el mismo código
Hola a [EMAIL PROTECTED],
He modificado el código de una Web que estoy realizando y me encuentro
con un problema que no le encuentro solución. El diseño consta de una
zona lateral donde va el menú vertical, formulario de acceso a zona
privada e imágenes y el resto donde se muestran los contenidos. El caso
es que el contenido lateral lo tenía todo metido en una capa que flotaba
a la izquierda y tras el consejo de alguno de los listeros opté por
sacar el menú de esa capa para poder e un futuro hacerlo horizontal o
posicionarlo en otro lugar. El caso es que he sacado el menú y lo he
flotado a la derecha, los componentes que se situan debajo del menú
también los floté a la derecha y a estos les añadí clear:left. Hasta
aquí todo bien.
El problema lo tengo ahora con la zona de contenidos. Este contenido
lleva una especie de ficha de información de pisos hechos con ul de la
siguiente manera:
ul class=listados
li class=datosimg src=imagenes/piso1.jpg alt=Imagen del
piso1 /
h3 class=cablistaa href=#nogoTítulo del piso
número 1/a/h3
p class=caracteristicasAquí van las
características del inmueble/p
ul class=funciones
li class=preciodiv850euro; / mes/div/li
li class=reservara href=#nogoReservar/a/li
li class=masinfoa href=#nogoMaacute;s
informacioacute;n/a/li
/ul
/li
/ul
La imágen que está dentro del primer li lo tengo flotado a la
izquierda y en Internet Explorer se ve bien pero en Firefox se me
descompone la presentación pero SOLO LOS DOS PRIMEROS..
ul.listados {
margin:0 2em 1.50em 0; padding:0; border:0; list-style-type:none;
border-left:5px #DFDCB2 solid; border-top:1px #E6E4D5 solid;
border-right:1px #E6E4D5 solid; border-bottom:1px #E6E4D5 solid;
background-color:#FFF8D9; height:6.25em;
position:relative; display:block;
}
ul.listados {
background-color:#FFF8D9;
}
ul.listados li{
margin:0; padding:0; border:0; display:inline;
}
.listados li img {
margin:0 1em 0 0; padding:0; border:0; float:left;
}
h3.cablista a:link, h3.cablista a:visited, h3.cablista a:hover {
color:#000; text-decoration:none;
}
h3.cablista2 a:link, h3.cablista2 a:visited, h3.cablista2 a:hover {
color:#AC2E17;
}
p.caracteristicas {
margin:0; font-size:0.75em; padding:0 0 2.63em 0;
}
ul.funciones {
position:absolute; bottom:2.10em; left:6.81em;
}
ul.funciones li {
display:block; position:absolute; top:0;
}
li.precio {
border:0; padding:0; margin:0; left:0; width:5.70em;
}
li.precio div {
padding:4px; background-color:#FFF; color:#C0321A; border:1px
#C0321A solid; font-weight:bold; margin:0; font-size:0.80em;
text-align:center;
}
li.reservar a, li.masinfo a {
background:url(imagenes/vineta_listadoinm.gif) no-repeat 0 4px;
padding:0 0 0 1.20em; color:#C0321A; font-size:0.70em;
}
li.reservar {
left:8em; color:#C0321A; top:0;
}
li.masinfo {
left:14.38em; color:#C0321A; margin:0 0 0 5em; width:6em; top:0;
}
Un saludo y gracias por la ayuda
___
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] tabla accesible
vale gracias :)) . luego lo corrijo On 3/29/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hola Laura, Únicamente has cometido un error de sintaxis (sumary y column) ___ 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] iframe - barras scroll
Estoy intentando quitar las barras de scroll de un iframe. Le he puesto de todo segun los tutorial, manuales, trucos, etc que he encontrado pero no logro que desaparezcan ni del opera ni del internet explorer. El mozilla/firefox lo hace correctamente. 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] iframe - barras scroll
¿Nos puedes mostrar el código? Felipe Fernandez escribió: Estoy intentando quitar las barras de scroll de un iframe. Le he puesto de todo segun los tutorial, manuales, trucos, etc que he encontrado pero no logro que desaparezcan ni del opera ni del internet explorer. El mozilla/firefox lo hace correctamente. 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 __ Información de NOD32, revisión 2150 (20070328) __ Este mensaje ha sido analizado con NOD32 antivirus system http://www.nod32.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] iframe - barras scroll
Lo mas seguro que ya lo has probado... scroll=no? ciao El día 29/03/07, Felipe Fernandez [EMAIL PROTECTED] escribió: Estoy intentando quitar las barras de scroll de un iframe. Le he puesto de todo segun los tutorial, manuales, trucos, etc que he encontrado pero no logro que desaparezcan ni del opera ni del internet explorer. El mozilla/firefox lo hace correctamente. 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
Re: [Ovillo] Problemas con presentación de 2 ul de 5 todos con el mismo código
El h3 se comporta como elemento de bloque que es y provoca un salto de línea
antes y después.
Prueba añadiendo lo siguiente a tu css:
li.datos h3 {display: inline;}
PD: lo de 850 €/mes no es un error de marcado, ¿no?
El día 29/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:
Hola a [EMAIL PROTECTED],
He modificado el código de una Web que estoy realizando y me encuentro
con un problema que no le encuentro solución. El diseño consta de una
zona lateral donde va el menú vertical, formulario de acceso a zona
privada e imágenes y el resto donde se muestran los contenidos. El caso
es que el contenido lateral lo tenía todo metido en una capa que flotaba
a la izquierda y tras el consejo de alguno de los listeros opté por
sacar el menú de esa capa para poder e un futuro hacerlo horizontal o
posicionarlo en otro lugar. El caso es que he sacado el menú y lo he
flotado a la derecha, los componentes que se situan debajo del menú
también los floté a la derecha y a estos les añadí clear:left. Hasta
aquí todo bien.
El problema lo tengo ahora con la zona de contenidos. Este contenido
lleva una especie de ficha de información de pisos hechos con ul de la
siguiente manera:
ul class=listados
li class=datosimg src=imagenes/piso1.jpg alt=Imagen del
piso1 /
h3 class=cablistaa href=#nogoTítulo del piso
número 1/a/h3
p class=caracteristicasAquí van las
características del inmueble/p
ul class=funciones
li class=preciodiv850euro; / mes/div/li
li class=reservara href=#nogoReservar/a/li
li class=masinfoa href=#nogoMaacute;s
informacioacute;n/a/li
/ul
/li
/ul
La imágen que está dentro del primer li lo tengo flotado a la
izquierda y en Internet Explorer se ve bien pero en Firefox se me
descompone la presentación pero SOLO LOS DOS PRIMEROS..
ul.listados {
margin:0 2em 1.50em 0; padding:0; border:0; list-style-type:none;
border-left:5px #DFDCB2 solid; border-top:1px #E6E4D5 solid;
border-right:1px #E6E4D5 solid; border-bottom:1px #E6E4D5 solid;
background-color:#FFF8D9; height:6.25em;
position:relative; display:block;
}
ul.listados {
background-color:#FFF8D9;
}
ul.listados li{
margin:0; padding:0; border:0; display:inline;
}
.listados li img {
margin:0 1em 0 0; padding:0; border:0; float:left;
}
h3.cablista a:link, h3.cablista a:visited, h3.cablista a:hover {
color:#000; text-decoration:none;
}
h3.cablista2 a:link, h3.cablista2 a:visited, h3.cablista2 a:hover {
color:#AC2E17;
}
p.caracteristicas {
margin:0; font-size:0.75em; padding:0 0 2.63em 0;
}
ul.funciones {
position:absolute; bottom:2.10em; left:6.81em;
}
ul.funciones li {
display:block; position:absolute; top:0;
}
li.precio {
border:0; padding:0; margin:0; left:0; width:5.70em;
}
li.precio div {
padding:4px; background-color:#FFF; color:#C0321A; border:1px
#C0321A solid; font-weight:bold; margin:0; font-size:0.80em;
text-align:center;
}
li.reservar a, li.masinfo a {
background:url(imagenes/vineta_listadoinm.gif) no-repeat 0 4px;
padding:0 0 0 1.20em; color:#C0321A; font-size:0.70em;
}
li.reservar {
left:8em; color:#C0321A; top:0;
}
li.masinfo {
left:14.38em; color:#C0321A; margin:0 0 0 5em; width:6em; top:0;
}
Un saludo y gracias por la ayuda
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
_
Fernando Gutiérrez
http://ferguweb.tx.com.ru/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] iframe - barras scroll
Puedes probar con overflow:hidden; en los estilos del iframe, si no resulta puedes hacer que el mismo iframe sea un poco más grande de las medidas que tienes ahora pensada, después lo metes en una div con las medidas que sí quieres, y en este caso le pones el overflow:hidden; al mismo div, en vez de al iframe. Si tienes acceso al documento que será cargado en el iframe, también puedes ponerle el susodicho overflow:hidden; al html y body de éste. Suerte y saludos. El día 29/03/07, Oscar martinez novoa [EMAIL PROTECTED] escribió: Lo mas seguro que ya lo has probado... scroll=no? ciao El día 29/03/07, Felipe Fernandez [EMAIL PROTECTED] escribió: Estoy intentando quitar las barras de scroll de un iframe. Le he puesto de todo segun los tutorial, manuales, trucos, etc que he encontrado pero no logro que desaparezcan ni del opera ni del internet explorer. El mozilla/firefox lo hace correctamente. 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 -- Juan J. Muñoz http://www.taarq.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] iframe - barras scroll
Felipe Fernandez escribió: Estoy intentando quitar las barras de scroll de un iframe. Le he puesto de todo segun los tutorial, manuales, trucos, etc que he encontrado pero no logro que desaparezcan ni del opera ni del internet explorer. El mozilla/firefox lo hace correctamente. 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 __ Información de NOD32, revisión 2149 (20070328) __ Este mensaje ha sido analizado con NOD32 antivirus system http://www.nod32.com Evita el uso de el elemento IFRAME. Te lo digo yo que lo usé en su día y da más dolores de cabeza que ventajas. ___ 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] Problema (aparentemente fácil) con un margen
Hola, Ovillo
Estoy desarrollando la siguiente web: http://www.camala.es/alfa/
Mi problema viene con el posicionamiento del menú izquierdo. Las imágenes
decorativas de los enlaces han de coincidir en vertical con la flecha del
logotipo que apunta hacia abajo, que he calculado en 80px. En Firefox, Opera
e Internet Explorer 7 se posiciona bien, pero no en IE 6.
Éste es mi código XHTML:
div id=contenedor
[cabecera]
div id=contenido
ul id=menu
lia ... quiénes somos/a/li
[más items de la lista]
/ul
/div
[cierre]
/div
Y éste es mi código CSS, sin incuir colores, imágenes decorativas etc:
div#contenedor {
width: 760px;
min-height: 460px;
margin: 3% auto;
}
div#contenido {
min-height: 310px;
}
ul#menu {
list-style-type: none;
margin: 10px 0 0 80px;
padding: 0;
width: 200px;
float: left;
}
¿Alguna sugerencia?
___
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 presentación de 2 ul de 5 todos con el mismo código
No es ese el problema, he probado y nada. Lo raro es que el codigo se
repite a lo largo de la página hasta 5 veces y sólo falla en las dos
primeras.
Gracias por la ayuda
P.D.: lo del precio lo puse por poner algo y ver como queda.
Fernando Gutierrez escribió:
El h3 se comporta como elemento de bloque que es y provoca un salto de línea
antes y después.
Prueba añadiendo lo siguiente a tu css:
li.datos h3 {display: inline;}
PD: lo de 850 €/mes no es un error de marcado, ¿no?
El día 29/03/07, Nacho F. Carreño [EMAIL PROTECTED] escribió:
Hola a [EMAIL PROTECTED],
He modificado el código de una Web que estoy realizando y me encuentro
con un problema que no le encuentro solución. El diseño consta de una
zona lateral donde va el menú vertical, formulario de acceso a zona
privada e imágenes y el resto donde se muestran los contenidos. El caso
es que el contenido lateral lo tenía todo metido en una capa que flotaba
a la izquierda y tras el consejo de alguno de los listeros opté por
sacar el menú de esa capa para poder e un futuro hacerlo horizontal o
posicionarlo en otro lugar. El caso es que he sacado el menú y lo he
flotado a la derecha, los componentes que se situan debajo del menú
también los floté a la derecha y a estos les añadí clear:left. Hasta
aquí todo bien.
El problema lo tengo ahora con la zona de contenidos. Este contenido
lleva una especie de ficha de información de pisos hechos con ul de la
siguiente manera:
ul class=listados
li class=datosimg src=imagenes/piso1.jpg alt=Imagen del
piso1 /
h3 class=cablistaa href=#nogoTítulo del piso
número 1/a/h3
p class=caracteristicasAquí van las
características del inmueble/p
ul class=funciones
li class=preciodiv850euro; / mes/div/li
li class=reservara href=#nogoReservar/a/li
li class=masinfoa href=#nogoMaacute;s
informacioacute;n/a/li
/ul
/li
/ul
La imágen que está dentro del primer li lo tengo flotado a la
izquierda y en Internet Explorer se ve bien pero en Firefox se me
descompone la presentación pero SOLO LOS DOS PRIMEROS..
ul.listados {
margin:0 2em 1.50em 0; padding:0; border:0; list-style-type:none;
border-left:5px #DFDCB2 solid; border-top:1px #E6E4D5 solid;
border-right:1px #E6E4D5 solid; border-bottom:1px #E6E4D5 solid;
background-color:#FFF8D9; height:6.25em;
position:relative; display:block;
}
ul.listados {
background-color:#FFF8D9;
}
ul.listados li{
margin:0; padding:0; border:0; display:inline;
}
.listados li img {
margin:0 1em 0 0; padding:0; border:0; float:left;
}
h3.cablista a:link, h3.cablista a:visited, h3.cablista a:hover {
color:#000; text-decoration:none;
}
h3.cablista2 a:link, h3.cablista2 a:visited, h3.cablista2 a:hover {
color:#AC2E17;
}
p.caracteristicas {
margin:0; font-size:0.75em; padding:0 0 2.63em 0;
}
ul.funciones {
position:absolute; bottom:2.10em; left:6.81em;
}
ul.funciones li {
display:block; position:absolute; top:0;
}
li.precio {
border:0; padding:0; margin:0; left:0; width:5.70em;
}
li.precio div {
padding:4px; background-color:#FFF; color:#C0321A; border:1px
#C0321A solid; font-weight:bold; margin:0; font-size:0.80em;
text-align:center;
}
li.reservar a, li.masinfo a {
background:url(imagenes/vineta_listadoinm.gif) no-repeat 0 4px;
padding:0 0 0 1.20em; color:#C0321A; font-size:0.70em;
}
li.reservar {
left:8em; color:#C0321A; top:0;
}
li.masinfo {
left:14.38em; color:#C0321A; margin:0 0 0 5em; width:6em; top:0;
}
Un saludo y gracias por la ayuda
___
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] Flash en FireFox
Buenos Días la transparencia de flash funciona correctamente en explorer con wmode transparent, pero en firefox no, como hago para que funcione correctamente en ambos??? gracias... Cordial Saludo Jorge Velasco H. Web and Graphic Designer - Don't be flakey. Get Yahoo! Mail for Mobile and always stay connected to friends. ___ 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] Flash en FireFox
Realmente ni idea, pero puede que sea el mismo problema (aunque al revés) que los png, que con transparencia alpha no se muestra el contenido transparente en IE... ___ 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] Flash en FireFox
Si lo estas poniendo con el metodo convencional, insertado con un object esta linea la lee el explorer: param name=wmode value=transparent / Y en el embed agregas el wmode que lee el Firefox y otros: embed src=index.swf width=760 height=540 wmode=transparentquality=high pluginspage= http://www.macromedia.com/go/getflashplayer; type=application/x-shockwave-flash /embed De todos modos te recomiendo insertarlo con swfobject y le pasas como parametro esta linea: so.addParam(wmode, transparent); saludos, El día 29/03/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió: Realmente ni idea, pero puede que sea el mismo problema (aunque al revés) que los png, que con transparencia alpha no se muestra el contenido transparente en IE... ___ 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 SWFObject
Tengo un problema con el uso de swfobject.
Tengo unas imagnes con enlace o un swf flotado a la izquierda y un menu
flotado tambien.
Todo funciona correctamente, pero si intento insertar el swf a través del
swfobject.js, el menu deja de estar flotado y baja abajo.
¿A alguno os ha pasado ya esto? ¿Sabeis como solucionarlo?
Os pego un extracto del codigo:
div id=menuCaja
div id=menuV
div id=bannerV
Contenido alternativo
/div
script type=text/javascript
var pelicula = new
FlashObject(/imagenes/banners/banV_serlog21.swf, Serlog21, 120, 240,
8, #99);
pelicula.write(bannerV);
//VARIOS INTENTOS PARA HACERLO FLOTAR
//document.getElementById(bannerV).style.styleFloat=left;
//document.getElementById(bannerV).childNodes.item(0).style.styleFloat=le
ft;
//document.getElementById(bannerV).childNodes.item(0).style.display=inlin
e;
/script
/div
ul id=menu
li id=menuOfertas class=menuBloqueh4Gestioacute;n
de ofertas/h4
ul
lia
href=/menu_privado/tipo_oferta.aspPublicar oferta/a/li
lia
href=/menu_privado/gestor_ofertas.asp class=textolinkGestor de
ofertas/a/li
/ul
/li
/ul
/div
#menu {
float: left;
font-size: 7.7pt;
}
#menuCaja {
display: table;
min-height: 35em;
}
#menuV {
display: table-cell;
vertical-align: middle;
}
#bannerV {
width: 120px;
height: 240px;
background: #99;
float: left;
margin: 1em 20px;
}
#bannerV img {
border: none;
}
#bannerV script, #bannerV embed, #bannerV object {
float: left;
}
___
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 un Menu!
Gracias por el apunte, sobre la presentación de la información, sere mas
cuidadoso en esta ocasión:
Encontre que lo que realmente quiero es un menu, con float, que quede centrado,
maravillosamente, las personas de CSS Play tienen una solución:
http://www.cssplay.co.uk/menus/centered.html
Copio exáctamente su solución a mi página y sorpresa, me funciona genial en
firefox, pero en IE7 no me funciona y me despliega algo raro.
Lo más interesante de todo es que miro la página de el en IE7 y su menu si me
funciona, así que me siento confundido, de que es lo que puede suceder.
Este es el xhtml que estoy usando:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleBienvenidos a la Asosiacion Guatemalteca del Arroz/title
link href=estilos/estilo.css rel=stylesheet type=text/css /
/head
body
div id=navegacion
del class=container
ul id=menu2
lia href=#nogoTab One/a/li
lia href=#nogoTab Two: Longer/a/li
lia href=#nogoTab Three: Longest/a/li
lia href=#nogoTab Four/a/li
/ul
/del
/div
/body
/html
Este es el CSS
#navegacion {
text-align:center;
}
#menu2 {
display:table;
padding:0;
margin:0 auto;
list-style-type:none;
white-space:nowrap;
}
#menu2 li {
display:table-cell;
}
#menu2 a {
width:auto;
display:block;
padding:4px 16px;
color:#fff;
background:#08c;
border:1px solid #fff;
text-decoration:none;
}
#menu2 a:hover {
color:#000;
background:#d4d4d4;
}
!--[if IE]
#menu2 li {
float:left;
}
#menu2 a {
float:left;
}
.container {display:inline-block; text-decoration:none;}
![endif]--
Asi se me despliega en IE7:
http://img517.imageshack.us/my.php?image=menuie7tf7.jpg
Cualquier sugerencia le sera muy agradecida!
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Juan Jorge Muñoz
Herrero
Sent: Miércoles, 28 de Marzo de 2007 11:31 p.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Problemas con un Menu!
Antes de darte la solución, ¿qué tal si formateas un poco el código la próxima
vez? Ponerle su tabulado y esas cosas, más que nada es por legibilidad, no creo
que se pare mucha gente a descifrar eso.
De todas formas prueba con esto creo que te puede valer:
ul id=navegacion
li class=boton1a href=#Inicio/a/li
li class=boton2a href=#Administrativa/a/li
li class=boton3a href=#Tecnica/a/li
li class=boton1a href=#Mercadeo/a/li
li class=boton2a href=#Convenio/a/li
li class=boton3a href=#Recetas/a/li
li class=boton1a href=#Fertilizacion/a/li
li class=boton2a href=#Variedades/a/li /ul #navegacion{
display:block;
width:80%;
margin:auto;
color: black;
background-color:#390;
padding: .2em 0;
list-style: none;
font-size:0.8em;
text-align: center;}
#navegacion li {
display: block;
margin:0;
float:left;}
#navegacion li a {
text-decoration: none;
color: #fff;
border-right: 1px solid #fff;}
.boton2 {background-color:#cc6;}
.boton3 {background-color:#996;}
Eso sería para repararlo un poco, pero tengo un ejemplo que hice el otro día
para explicarle lo mismo a álguien colgado en mi web, así que échale un
vistazo, lo puedes modificar a tu antojo según te convenga, aunque te aconsejo
que sólo lo hagas en medidas, margenes, rellenos y en colores, y no a la
estructura porque tiene varios motivos por los que lo hice así y te lo puedes
cargar, la dirección es: http://www.taarq.com/menu_vertical/
--
Juan J. Muñoz
http://www.taarq.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con un Menu! - IE Te amo! - Resuelto
Me resolvi solo y dejo esto para futura referencia si alguien lo necesita, mi
error radica en que estaba usando los comentarios condicionales desde el css y
no desde el archivo xhtml. Todo se resolvio cuando:
En el xhtml:
link href=estilos/estilo.css rel=stylesheet type=text/css /
!--[if IE]
link href=estilos/estilo2.css rel=stylesheet type=text/css /
![endif]--
Hoja de estilo estilo.css:
#navegacion {
text-align:center;
}
#menu2 {
display:table;
padding:0;
margin:0 auto;
list-style-type:none;
white-space:nowrap;
}
#menu2 li {
display:table-cell;
}
#menu2 a {
width:auto;
display:block;
padding:4px 16px;
color:#fff;
background:#08c;
border:1px solid #fff;
text-decoration:none;
}
#menu2 a:hover {
color:#000;
background:#d4d4d4;
}
.container {clear:both; text-decoration:none;}
Hoja de estilo estilo2.css
#menu2 li {
float:left;
}
#menu2 a {
float:left;
}
.container {display:inline-block;}
Y bueno, eso fue todo, agradezco a todos por la ayuda :)
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of webmaster
Sent: Jueves, 29 de Marzo de 2007 12:56 p.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Problemas con un Menu!
Gracias por el apunte, sobre la presentación de la información, sere mas
cuidadoso en esta ocasión:
Encontre que lo que realmente quiero es un menu, con float, que quede centrado,
maravillosamente, las personas de CSS Play tienen una solución:
http://www.cssplay.co.uk/menus/centered.html
Copio exáctamente su solución a mi página y sorpresa, me funciona genial en
firefox, pero en IE7 no me funciona y me despliega algo raro.
Lo más interesante de todo es que miro la página de el en IE7 y su menu si me
funciona, así que me siento confundido, de que es lo que puede suceder.
Este es el xhtml que estoy usando:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleBienvenidos a la Asosiacion Guatemalteca del Arroz/title link
href=estilos/estilo.css rel=stylesheet type=text/css / /head body
div id=navegacion del class=container ul id=menu2 lia
href=#nogoTab One/a/li lia href=#nogoTab Two: Longer/a/li
lia href=#nogoTab Three: Longest/a/li lia href=#nogoTab
Four/a/li /ul /del /div /body /html
Este es el CSS
#navegacion {
text-align:center;
}
#menu2 {
display:table;
padding:0;
margin:0 auto;
list-style-type:none;
white-space:nowrap;
}
#menu2 li {
display:table-cell;
}
#menu2 a {
width:auto;
display:block;
padding:4px 16px;
color:#fff;
background:#08c;
border:1px solid #fff;
text-decoration:none;
}
#menu2 a:hover {
color:#000;
background:#d4d4d4;
}
!--[if IE]
#menu2 li {
float:left;
}
#menu2 a {
float:left;
}
.container {display:inline-block; text-decoration:none;} ![endif]--
Asi se me despliega en IE7:
http://img517.imageshack.us/my.php?image=menuie7tf7.jpg
Cualquier sugerencia le sera muy agradecida!
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Juan Jorge Muñoz
Herrero
Sent: Miércoles, 28 de Marzo de 2007 11:31 p.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Problemas con un Menu!
Antes de darte la solución, ¿qué tal si formateas un poco el código la próxima
vez? Ponerle su tabulado y esas cosas, más que nada es por legibilidad, no creo
que se pare mucha gente a descifrar eso.
De todas formas prueba con esto creo que te puede valer:
ul id=navegacion
li class=boton1a href=#Inicio/a/li
li class=boton2a href=#Administrativa/a/li
li class=boton3a href=#Tecnica/a/li
li class=boton1a href=#Mercadeo/a/li
li class=boton2a href=#Convenio/a/li
li class=boton3a href=#Recetas/a/li
li class=boton1a href=#Fertilizacion/a/li
li class=boton2a href=#Variedades/a/li /ul #navegacion{
display:block;
width:80%;
margin:auto;
color: black;
background-color:#390;
padding: .2em 0;
list-style: none;
font-size:0.8em;
text-align: center;}
#navegacion li {
display: block;
margin:0;
float:left;}
#navegacion li a {
text-decoration: none;
color: #fff;
border-right: 1px solid #fff;}
.boton2 {background-color:#cc6;}
.boton3 {background-color:#996;}
Eso sería para repararlo un poco, pero tengo un ejemplo que hice el otro día
para explicarle lo mismo a álguien colgado en mi web, así que échale un
vistazo, lo puedes modificar a tu antojo según te convenga, aunque te aconsejo
que sólo lo hagas en medidas, margenes, rellenos y en colores, y no a la
estructura porque tiene varios motivos por los que lo hice así y te lo puedes
cargar, la dirección es: http://www.taarq.com/menu_vertical/
--
Juan J. Muñoz
http://www.taarq.com
___
Lista de distribución Ovillo
Para
Re: [Ovillo] iframe - barras scroll
Y ¿qué es de todo? overflow:hidden ¿por ejemplo...? Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: Manuel Castillo Sánchez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, March 29, 2007 9:26 AM Subject: Re: [Ovillo] iframe - barras scroll Felipe Fernandez escribió: Estoy intentando quitar las barras de scroll de un iframe. Le he puesto de todo segun los tutorial, manuales, trucos, etc que he encontrado pero no logro que desaparezcan ni del opera ni del internet explorer. El mozilla/firefox lo hace correctamente. 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 __ Información de NOD32, revisión 2149 (20070328) __ Este mensaje ha sido analizado con NOD32 antivirus system http://www.nod32.com Evita el uso de el elemento IFRAME. Te lo digo yo que lo usé en su día y da más dolores de cabeza que ventajas. ___ 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] Transparencias con PNG
Me gustaría saber si alguno tiene idea de cómo se hace para ver esta página: http://www.myspace.com/masterprogfest en Explorer del mismo maravilloso modo en como se ve en FIREFOX y OPERA. Por lo menos, en el Explorer 6 que es el que yo tengo, se ve horrible. ¿Cómo se ve en Safary y Konqueror? Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] menudo problema
Tengo un menudo problema:
En Explorer 6 esto:
div id=ficha style=display: none;
position: absolute; width: 300; height: auto;
z-index: 3; background: #CC;
border: 1px solid #00;
padding: 4px; left: 0; top: 0
Texto de la ficha.
/div
a name=consorcistas href=http://www.losconsorcistas.com.ar;
onmouseover=document.location='#consorcistas';
document.getElementById('ficha').style.display='block';
this.style.cursor='help';
target=_blankLos Consorcistas/a
...hace que la página se quede en blanco.
Con otros navegadores la cosa resulta tal cual lo esperado, es decir: que al
hacer un mouseover la página se desplaza hasta el ancla y aparece una capa
flotante en forma de ficha con un script contextual. Luego,con un mouseout,
la capa desaparece (aunque ese no sea el punto).
¿Alguien tiene idea de cómo resolver dicho intríngulis? Me refiero a este
caso: document.location='#consorcistas';
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tabla accesible
Mira aquí: http://cssplay.co.uk/menu/tablescroll.html Un cordial saludo de SantosVZ -Mensaje original- De: laura [mailto:[EMAIL PROTECTED] Enviado el: Miércoles, 28 de Marzo de 2007 07:35 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] tabla accesible hola estoy tratando de hacer una tabla accesible, pero resulta que ahora no me valida lo q tan valido parece ser para los usuarios que gastan navegadores especiales. :(( El codigo que uso: table sumary=coste de las habitaciones segun temporada y tipo captionTarifas de nuestro establecimiento/caption tr th scope=columnTipo Habitacion/th th scope=column Temporada Alta/th th scope=column Temporada Media/th th scope=column Temporada Baja/th /tr tr td scope=rowHabitacion individual/td td 30 euro;/td td 25 euro;/td td 20 euro;/td /tr tr td scope=rowHabitacion doble/td td50 euro;/td td45 euro;/td td40 euro;/td /tr /table con este doctype: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; Mi no entender alguien tiene alguna explicacion? :)) Gracias! Laura ___ 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
