[Ovillo] Oferta laboral - Buenos Aires
Buenos días, Estoy buscando personas que deseen trabajar en el diseño y mantenimiento de sitios en mi pequeño estudio en Buenos Aires. Es condición que las personas puedan trabajar en oficina en forma part o full-time (es decir, no free-lance ni teletrabajo). Algunas de las tareas a desempeñar son: diseño y maquetación en XHTML/CSS de sitios, retoque fotográfico, actualización de bases de datos, y eventualmente programación en Javascript, PHP o Python. No es imprescindible tener experiencia previa en ninguna de estas áreas, pero se valorarán todos los conocimientos, particularmente en lo referido a estándares de web. Los interesados, por favor escribir a mi dirección. Muchas gracias, Pablo ___ 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] Un DIV sobre otro y luego oculto
Hola Reynier, mis comentarios abajo. Reynier Perez Mira wrote: > > Hay un espacio al comienzo del src. Si te bajaste el script a un directorio "assets", no lo encuentra por ese espacio. Por otro lado, si querías que viera tus estilos (esta es una lista de css...) no los incluíste, y las imagenes no se ven porque están relativas a vaya_uno_a_saber_donde. > > >src="skins/simpro/images/proyectos_01.png" /> >src="skins/simpro/images/proyectos_02.png /> >src="skins/simpro/images/proyectos_03.png /> > volver Esto sólo tiene sentido en el ejemplo que te mandé, en el que proveía una navegación alternativa cuando no cargaba el js. > Ahora el problema es que si te das cuenta tengo dos DIV "cnt_proy_left" y > "cnt_proy_right" flotando a la izquierda, No, sin el css ni drogas te juro que no veo nada flotar. Cuando arregles esos problemas, hablamos. Saludos, Pablo ___ 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] Un DIV sobre otro y luego oculto
Reynier Perez Mira wrote:
> (...) Eso mismo era lo que buscaba.
Gracias y me alegro que te haya servido.
> Con JS me funciona a la perfección pero con CSS solamente me aparecen todos
> los DIV y no quiero que sea así pero bueno como me dices que tienes trabajo
> no te preocupes que ya veré como lo resuelvo a mi manera para cuando el
> usuario tenga JS deshabilitado.
>
Creo que es una mala idea que con JS deshabilitado no se vea nada, en
vez de eso deberías proveer una representación alternativa, sin efectos
especiales pero donde el contenido esté igualmente disponible. Si a
pesar de todo seguís estando seguro de que es eso lo que querés, aquí va
el parche:
Donde dice:
.habemus-javascript .resumen_proyecto,
.habemus-javascript .volver {display: none}
cambiá por:
.resumen_proyecto, .volver {display: none}
(fijate que ahora los links class="volver" no tienen razón de ser en el html ni
en el css)
Suerte,
Pablo
___
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] Un DIV sobre otro y luego oculto
Perdón Raynier, me olvidé que era usando onmouseover que querías hacer
el cambio y no onclick como puse yo (parece que no puedo enviar emails
de a uno por vez ;-)).
Para arreglarlo, simplemente modificá en el código que te pasé la linea
que dice:
> $('#navegacion a').bind('click', cambiarClase);
Por:
$('#navegacion a').bind('mouseover', cambiarClase);
O por esta otra, si querés volver a hacer desaparecer el objeto al sacar
el mouse del link:
$('#navegacion a').bind('mouseover', cambiarClase).bind('mouseout',
limpiarBody);
Supongo que no hará falta aclarar que donde yo usé UL + LI + A por
comodidad, vos podrías usar
imagenes de fondo en el A (ocultando el texto con alguna técnica de
sustitución de imágenes) o
UL + LI + A + IMG, o quizás DIV + A + IMG, etc. Lo único importante para
que funcione el código que te pasé es que sin importar el tag que tenga,
el "padre" del A lleve la clase que le querés agregar al BODY.
Saludos,
Pablo
___
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] Un DIV sobre otro y luego oculto
Reynier Perez Mira wrote:
> De todas formas no me queda clara la utilización correcta del término ID y
> del término clase. Si tienes un enlace donde hablen al respecto te
> agradecería me lo dejaras por aquí.
>
No, disculpas pero no lo tengo ni sé si estará escrito en alguna parte
(yo lo fui descubriendo de a poco, a medida que me iba volcando hacia la
programación orientada a objetos con la que tiene más de un paralelismo).
> Tengo este HTML:
>
> Simulador de conducción
>
> Contenido del parrafo
>
>
> Como verás no solo contiene un H1 sino que también tiene una imagen y X
> párrafos (solo puse uno para ejemplificar). Cada uno de esos DIV pertenece o
> debe pertenecer a imágenes ordenadas en una lista de manera tal que cuando
> pase el Mouse por encima de alguna de ellas se muestre/oculte lo necesario.
> Por ejemplo:
>
> 1) Imagen 1=>MouseOver=>Mostrar DIV con clase auto(ocultar todos los demás)
> 2) Imagen 2=>MouseOver=>Mostrar DIV con clase teorico(ocultar todos los demás)
> 3) Imagen 3=>MouseOver=>Mostrar DIV con clase quirurgico(ocultar todos los
> demás)
>
> ¿Ahora me comprendes mejor lo que trato de hacer?
Sí, y de hecho ya lo había comprendido antes. Pero por alguna razón no
podés ver como el ejemplo que te envié se aplica a tu problema. Te
explico a continuación.
> Aún así no me queda claro esto: Pues no se
> cual es el objetivo final
>
Ok, lamento haber llegado hasta esta instancia. Estoy con mucho trabajo
así que prefiero ilustrar con el ejemplo y librar el aprendizaje a tu
voluntad. No esperes que te de soporte sobre esto.
Por favor, fijate este código DETENIDAMENTE. Copialo y asegurate de
probarlo con javascript deshabilitado. Para complicar las cosas usé ids
en los divs en vez de clases como veníamos hablando, sabés por qué? no
por requerimiento del css sino por que en este caso *sí* me interesa
identificar el bloque en cuestión, ya que si el javascript no está
habilitado, haciendo click en el link de navegación iremos al div
correspondiente (que es tratado como un "anchor", ancla o anclaje).
Pido disculpas al resto por el largo del pegote (y ruego porque el
Thunderbird no destruya el formato).
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Reynier
.resumen_proyecto {
border: 1px solid gray;
background: #eee;
color: black;
padding: 1em;
margin-bottom: 1em;
}
/*
cuando carga la página, un javacript le agregará
al body la clase "habemus-javascript". Esto es
así para que incluso aquellos que no tengan js
habilitado (o conexiones lentas y js externos)
puedan seguir accediendo al contenido.
*/
.habemus-javascript .resumen_proyecto,
.habemus-javascript .volver {display: none}
/*
al hacer click en un link, se disparará un js
que reemplaza la clase del body por una de estas:
auto, teorico, tiro, quirurgico, juego.
*/
.auto #resumen-auto,
.teorico #resumen-teorico,
.tiro #resumen-tiro,
.quirurgico #resumen-quirurgico,
.juego #resumen-juego {display: block}
/* esto es decorativo (me cago en la decoración) */
.auto li.auto,
.teorico li.teorico,
.tiro li.tiro,
.quirurgico li.quirurgico,
.juego li.juego {font-size: 1.5em}
http://jquery.com/src/jquery-latest.pack.js";>
// al cargar el html,
// 1. agregamos al body la clase habemus-javascript
// 2. agregamos a los links la función que cambia la clase del body
limpiarBody = function() {
return $("body").removeClass().addClass("habemus-javascript");
}
$(document).ready(function(){
limpiarBody();
$('#navegacion a').bind('click', cambiarClase);
})
// sencillamente le agrego al body la misma clase que tiene
// el li del link cliqueado
cambiarClase = function() {
limpiarBody().addClass(this.parentNode.className);
return false;
}
auto
teórico
tiro
quirúrgico
juego
Simulador de conducción auto
http://www.google.com/intl/en/logos/Logo_25wht.gif"; alt="auto" />
Contenido del parrafo
volver
Simulador de conducción teórico
http://www.google.com/intl/en/logos/Logo_40wht.gif"; alt="teórico"
/>
Contenido del parrafo
volver
Simulador de conducción tiro
http://www.google.com/intl/en/logos/Logo_50wht.gif"; alt="tiro" />
Contenido del parrafo
volver
Simulador de conducción quirúrgico
http://www.google.com/intl/en/logos/Logo_60wht.gif";
alt="quirurgico" />
Contenido del parrafo
Simulador de conducción juego
http://www.google.com/intl/en/logos/Logo_60gry.gif"; alt="juego" />
Contenido del parrafo
volver
Este texto sigue a continuación de todo lo anterior
Blah
Blah
> Bueno script.aculo.us no da herramientas sino que es una librería con efectos
> a lo Yahoo User Interface (YUI), Rico, Moo.fx y otras.
...otras, tales como jquery ;-)
Saludos,
Pablo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modifi
Re: [Ovillo] Un DIV sobre otro y luego oculto
Hola Reynier, supongo que segundo email que te escribí aclara la mayoría de las dudas que planteás aquí, de todas formas te contesto algunos párrafos. Reynier Perez Mira wrote: > ¿Y no es lo mismo poniéndole un ID a cada DIV? Porque no veo la diferencia > entre esto: > > Y esto: > > A no ser que si le pongo el ID no lo podré repetir otra vez (eso no importa > porque solo se pondrá una vez, o sea, cada DIV es único) > > >> Fijate que estoy usando multiples clases en cada elemento. Creo que >> refleja mejor el contenido que tenés: "quirurgico" o "juego" son tipos >> distintos (léase clases) de elementos similares. >> > > ¿Donde me puedo mojar en el tema? ¿Qué diferencia hay en el uso de clases y/o > ID's? > El efecto visual puede ser el mismo, pero conceptualmente es diferente. Si interpreto bien tu intención, a vos no te interesa tanto identificar el "nodo", sino a la clase, al tipo del nodo. Fijate en las palabras que estás utilizando: "teorico", "tiro", "quirurgico", "juego", ... no parecen ser descripciones de la estructura del HTML sino más bien una característica del contenido que encierran. Además, por qué hacer que sólo un nodo pueda llamarse "teorico" si quizás esa sea una característica aplicable a más de una parte del contenido? En el CSS podrías tener definiciones diferentes para div.teorico y h4.teorico o, como te proponía, determinar la apariencia de los nodos a partir de su ancestro común (.teorico div, .teorico h4). > >> Por otra parte, es muy probable que el div sea completamente >> innecesario. Se te ocurrió una estructura así?: >> >> Simulador de conducción >> ... >> >> > > Pues no se me había ocurrido pero creo que aquí como que me quedé un poco > perdido, ¿me podrías explicar un poco mejor? Hasta donde tengo entendido la > página solo puede tener un solo BODY ¿o no? > Seguramente estás perdido porque no leíste (al menos antes de escribir esto) el email que te mandé a continuación del que respondiste. El ejemplo suponía que sólo te interesaba ocultar un H1, por lo tanto el div era innecesario. De ahí que haya aclarado que la clase que le apliqué a BODY podría aplicarsele también a un DIV. >> Esta es la respuesta que buscabas (pregunta equivocada?): >> Te olvidaste de declarar el tipo de posicionamiento: position: absolute. >> > > Creo que si, es eso lo que olvide > Ahora estoy más convencido de que es un error usar position absolute. Como te dije, te conviene usar position:static y display:hidden para no tener que reservar el espacio que utilizaría. No sé qué herramientas te da script.aculo.us, pero para cambiar la clase de un elemento podés usar jquery (jquery.com). Saludos, Pablo ___ 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] por que se separa?
coso wrote: > Se crea un espacio vertical entre > > Buscar > > y... > > > > > > > > > > > de unos 20px en IE7, en FF se ve correctamente y en OPERA tambien Probá sacándole el margen superior al form. Saludos, Pablo ___ 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] Un DIV sobre otro y luego oculto
Me olvidé de hacer una aclaración en mi mensaje anterior:
Pablo Ziliani wrote:
> Por otra parte, es muy probable que el div sea completamente
> innecesario. Se te ocurrió una estructura así?:
>
> Simulador de conducción
> ...
>
>
> el css:
> h1{características comunes de todos los h1}
> body.teorico h1{características particulares del H1 de "teorico"},
> body.tiro h1{características particulares del H1 de "tiro"}
> body.quirurgico h1{características particulares del H1 de "quirurgico"}
> body.juego h1{características particulares del H1 de "juego"}
>
> Luego el script solo tendría que cambiar la clase del body (o del div
> que englobe los h1) por la que corresponda según la imagen cliqueada.
Este caso supone que todos los H1 tienen el mismo texto y que por lo
tanto se pueden eliminar las copias dejando uno solo. Tener la clase
definida bien arriba (en el body o en un div de primera jerarquía) te
sirve para determinar la apariencia de OTROS elementos también, no solo
este H1.
Si el texto no cambia entre H1s (por lo tanto sigue siendo razonable
dejar uno solo), pero no hay otros elementos que varíen en apariencia,
quizás te conviene que el script cambie la clase del H1 directamente, en
vez de hacerlo en un elemento superior.
En cambio si el texto de los elementos variara y estuvieras forzado a
dejar las distintas instancias de H1, quizás te convenga algo así:
Simulador de conducción TEORICO
Simulador de conducción TIRO
Simulador de conducción QUIRURGICO
Simulador de conducción JUEGO
...
el css:
/*características iniciales, comunes de todos los h1; por ejemplo: */
h1{
display:none;
/* a priori esto no hace falta, ver nota abajo:
position:absolute;
top: 0;
left: 0;
*/
}
/* características del H1 "activo" */
body.teorico h1.teorico,
body.tiro h1.tiro,
body.quirurgico h1.quirurgico,
body.juego h1.juego {display: block}
Cambiar con el script la clase del body en vez de atributos particulares
del estilo del H1 te evita escribir mucho código innecesario y separa de
forma clara las reglas de apariencia y de lógica, declarando cada una en
el lugar apropiado (el archivo css y el de javascript respectívamente).
Nota: seguramente la razón por la que en tu mensaje omitiste el
"position: absolute" y apelás al visibility para esconder el elemento es
porque te interesa que se mantenga reservado el espacio que ocupan. Mala
suerte, no se pueden las dos cosas. Lo que creo que te conviene en este
caso es posicionarlo en forma relativa o estática y aplicarles (como te
dije) display:none en vez de visibility:hidden a los elementos
inactivos. De esta forma, sólo el elemento activo ocupa lugar (los otros
NO EXISTEN).
Saludos nuevamente,
Pablo
___
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] Un DIV sobre otro y luego oculto
Hola Reynier, te contesto abajo.
Reynier Perez Mira wrote:
> Hola por aquí:
> Necesito poner 4 DIV's uno encima del otro, todos en la misma posicion.
> Cuando pase el mouse sobre una imagen entonces me aparece uno u otro en
> dependencia de la imagen seleccionada (esto es Javascript, lo pienso hacer
> usando script.aculo.us) pero bueno la pregunta con CSS es como poner los DIV
> uno encima de otro porque los he puesto asi:
>
>
> Simulador de conducción
>
>
> Simulador de conducción
>
>
> Simulador de conducción
>
>
> Simulador de conducción
>
>
> Simulador de conducción
>
>
La respuesta concreta a tu pregunta está aun más abajo, mientras tanto:
siendo que el texto es siempre el mismo ("Simulador de conducción") ¿hay
alguna razón por la que estés multiplicando tantas veces el mismo
código? (SEO puede ser una, aunque un poco obtusa en mi opinión).
Suponiendo que exista alguna buena razón, ¿no te conviene directamente
hacer algo así?:
Simulador de conducción
Simulador de conducción
Simulador de conducción
Simulador de conducción
Simulador de conducción
Fijate que estoy usando multiples clases en cada elemento. Creo que
refleja mejor el contenido que tenés: "quirurgico" o "juego" son tipos
distintos (léase clases) de elementos similares.
Entonces, en el css:
div.resumen_proyecto{características comunes a todos estos divs}
div.teorico{características particulares de "teorico"},
div.tiro{características particulares de "tiro"}
div.quirurgico{características particulares de "quirurgico"}
div.juego{características particulares de "juego"}
etc.
Por otra parte, es muy probable que el div sea completamente
innecesario. Se te ocurrió una estructura así?:
Simulador de conducción
...
el css:
h1{características comunes de todos los h1}
body.teorico h1{características particulares del H1 de "teorico"},
body.tiro h1{características particulares del H1 de "tiro"}
body.quirurgico h1{características particulares del H1 de "quirurgico"}
body.juego h1{características particulares del H1 de "juego"}
Luego el script solo tendría que cambiar la clase del body (o del div
que englobe los h1) por la que corresponda según la imagen cliqueada.
> Y luego en el CSS algo como esto:
> #teorico, #tiro, #quirurgico, #juego { visibility: hidden; top: 0; left: 0; }
>
Esta es la respuesta que buscabas (pregunta equivocada?):
Te olvidaste de declarar el tipo de posicionamiento: position: absolute.
> Pero no me funciona pues cada DIV me ocupa el tamaño de su contenido y no es
> eso lo que quiero. Supongan que cada uno de los DIV tenga 140px de alto.
> Entonces lo que quiero es posicionar los 5 de forma tal que el alto sea 140px
> y no 540 como me lo esta haciendo aún así ocultando los 4 restantes. Alguien
> me puede dar una ayuda?
Al margen de todo lo anterior, usando visibility: hidden, los objetos
siguen ocupando el mismo espacio. Esto quiere decir que en un contexto
de posicionamiento static o relative (no es tu caso si agregás la regla
que te dije), el elemento ocupa el espacio aunque no se vea, afectando a
los elementos circundantes. Para que esto no suceda deberías usar
display:none en vez de visibility:hidden.
Saludos y espero que te haya sido útil,
Pablo
___
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] footer, en ie, resoluciones varias
Hola Sureña,
hacé ctrl-u en FF y vas a ver una muy posible causa de tu problema en
rojo... varias veces.
Saludos,
Pablo
Sureña wrote:
> Hola, este es el tercer mensaje que mando por el mismo tema, por favor
> necesito ayuda urgente!!!, desde ya agradezco las repuestas . No se si es
> que hay problemas en la lista...o que, de todas formas gracias a los que
> contestaron, pero no me aclararon nada o yo soy muy torpe :(
> Muchas gracias
> Alejandra
>
> 04-09-06
> Hola lista!! Por favor si me pueden responder pronto lo agradecere
> Tengo unas dudas:
>
> Tengo un texto aqui y enlace
> en FF y Opera se ve, pero en IE, me corta la pagina en el ultimo menu y no
> aparece el pie, este div lo tengo en un div general que engloba toda la
> pagina y esta inmediatamente bajo el ultimo menu de navegacion
> como lo puedo arreglar?
>
> Otra cosa, la pagina la diseñe para 800*600 (es la clasica no?) y en
> 1024*768 me deja un gran espacio vacio a la derecha, me gustaria que se
> viera en la mayor cantidad de resoluciones posibles
> que debo agregar?
>
> esta es la direccion:
> http://members.libreopinion.com/ar/judithg/index.html
>
> y este es el codigo
>
> 05-09-06 lo envie:
>
> Tal vez resulte engorroso, porque es un poco largo, seguramente encontraran
> errores de todo tipo, soy novata :)
> Este es el codigo adeudado, sorry:
>
> HTML:
>
>
>
> aqui todos los datos del banner
>
>
> width="20"
>
>
> Inicio
> Habitaciones
> Servicios
> Fotos
> Contacto
>
>
>
> Titulo de parrafo
> parrafo con .
>
>
>
>
>
> width="100"
>
> width="100"
>
>
>
> width="100"
>
>
>
>
>
> Inicio
> Habitaciones
> Servicios
> Fotos
> mailto:dir correo">Contacto
>
>
>
> width="20"
> ESTE PIE NO ME LO TOMA
> INFORMACION
> Diseñado por: mailto:dir correo">
>
>
>
>
>
> CSS:
>
> #banner{margin:0; padding:0; width:780px; height:270px; color:black;
> position:absolute; z-index:0; top:2px; left:5px;}
>
> #division{width:20px; height:7px;position:relative;
> background-image:url(lineadivision.jpg); backgound-repeat:index-x;
> padding:1px; width:740px;height:7px; float:left;
> left:15px; top:275px;}
>
> #menu ul {
> position:relative; top:275px; left:115px;
> padding:0;
> margin:0;
> list-style:none;
> width: 545px;
> height: 20px;
> float: left;
> background:#d39153;
> }
>
> #menu li {
> margin:3px;
> padding:1px;
> position:relative;
> display:block;
> float:left;
> width:100px;
> font-size:17px;
> font-style:italic;
> }
>
> #menu a {
> text-decoration:none;
> font-style:bold;
> color:#FF;
> }
>
> #menu a:link, #menu a:visited {
> display:block;
> float: left;
> width:100px;
> padding: 1px;
> text-decoration:none;
> text-align:center;
> color: #000;
> background-color: #b67369;}
>
>
> #menu ul li a:hover, #menu ul li a:active{
> color: #F30;
> background-color: #CCC;
> height: 20px
> }
>
> #general {width:780px; height:740px;}
>
> #contenido{background-image:url( fondodiv1a.jpg);padding:0; width:470px;
>height:400px; float:right; position:relative; left:-20px;
> top:300px;}
>
> #fotos{background-image:url(fondodiv2a.jpg);padding:0px; margin-top:0px;
> margin-left:0px; margin-right:5px; height:400px; float:right;
> position:relative; left:-80px; top:300px; width:199px;
> text-decoration:none;}
>
> #divisionabajo{width:20px; height:7px;
> background-image:url(lineadivision.jpg); backgound-repeat:index-x;
> padding:0; width:740px;height:7px; float:left;
> position:relative;
> left:15px; top:290px;}
>
> #menuabajo{position:relative; top:318px; left:75px;
> padding:0;
> margin:0;
> list-style:none;
> width:600px;
> height: 20px;
> float: left;
> }
>
> #menuabajo li {
> margin:3px;
> padding:1px;
> position:relative;
> display:block;
> float:left;
> width:100px;
> font-size:17px;
> font-style:italic;
> }
>
> #menuabajo a {
> text-decoration:none;
> font-style:bold;
> color:#FF;
> }
>
> #menuabajo a:link, #menuabajo a:visited {
> display:block;
> float: left;
> width:100px;
> padding: 1px;
> text-decoration:none;
> text-align:center;
> color: #000;
> }
>
>
> #menuabajo ul li a:hover, #menuabajo ul li a:active{
> color: #F30;
> background-color: #CCC;
> height: 20px
> }
>
> #menufotos ul {
> position:absolute; z-index:1; top:25px; left:47px;
> padding:0;
> margin:0;
> list-style: none;
> width: 100%;
> height: 20px;
> float: left;}
>
> #galeria{background-image:url( fondodiv3.jpg);padding:0; width:600px;
>height:400px; float:left; position:relative; left:70px;
> top:300px;}
>
> #menugaleria ul{position:absolute; top:60px; left:100px;
> padding:0px;
> margin:0px;
> list-style:none;
> width: 500px;
> height: 20px;
> float: left;
> }
>
> #menugaleria li {
> margin:5px;
> padding:3px;
> position:relative;
> display:block;
> float:left;
> width:25%;
> }
>
> #pie{margin:2px; padding:2px; width:680px
Re: [Ovillo] Cómo maquetar el índice de un libro
Raulmartin wrote: > Bueno, vamos a crear un poco de polémica. Ninguna polémica, te doy toda la razón (y a Fernando). Aunque por falta de costumbre no recordaba lo del caption y summary, llegué a la misma conclusión cuando noté que el ejemplo que había enviado se contradecía con mis propias palabras acerca de la separación entre presentación y contenido. Y hasta es más fácil de armar usando tablas! Saludos, Pablo ___ 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] Cómo maquetar el índice de un libro
LISTAS wrote: > Léete algo sobre CSS2. > > 12.4 Contadores y numeración automática > > La numeración automática en CSS2 es controlada con dos propiedades, > 'counter-increment' y > > 'counter-reset'. Los contadores definidos por estas propiedades son > utilizados con las funciones > > counter() y counters() de la propiedad 'content'. Querido Listas, Además de que por el momento estas instrucciones sólo las implementa Opera (aunque no lo intenté, puede que también lo haga Firefox si el comentario que leí era suficiéntemente viejo) y de que escribir de esta forma un índice como el que pretende Javi -que saltea páginas todo el tiempo- es engorrosísimo (implica ids en cada , además de pilas de counter-resets en el css), esto trae el problema adicional de relegar la indicación de las páginas al css, lo que cláramente es una pésima separación entre diseño y contenido. De ahí que le haya puesto que su solución con era "pragmáticamente correcta", como lo es también la que envié, que utiliza el atributo value del li (si se implementa un css que funcione en explorer, lo que no es imposible haciendo algunas concesiones de diseño). Saludos, Pablo PD: copiar y pegar atenta contra el autor y genera tráfico innecesario si el recurso está disponible en la 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cómo maquetar el índice de un libro
Javi Más wrote:
> Buenas, he buscado en los archivos y no he encontrado ningún tema
> referente a mi duda, que es la siguiente: ¿Cómo maquetaríais vosotros el
> índice de un libro? (para la web, se sobreentiende). Es el típico:
>
> Prólogo XIX
> Introducción ... XXI
> Prefacio ... XXIII
>
> PARTE I 1
> Capítulo 1 5
> Capítulo 2 35
>
> [...]
>
> La primera idea que me viene es hacerlo mediante una lista de definición:
>
>
> Prólogo
> XIX
>
> Introducción
> XXI
>
> (...)
>
> pero no me parece muy correcto. No sé, por si alguno tiene algún
> comentario ;)
Hola Javi, creo que lo que hiciste es pragmáticamente correcto. Otra
opción es jugar con variaciones de lo siguiente (respecto de lo cual no
pienso dar soporte, lo cual explícitamente excluye toda posibilidad de
tener que hacer funcionar los márgenes negativos en IE < 7):
.indice {width: 30em}
.indice h3 {text-align: center}
.indice ol, .indice li {
margin: 0;
padding: 0;
color: black;
width: 0;
text-indent: 0;
}
.indice ol {
margin-bottom: 1em;
clear: both;
float: right;
}
.preliminares {list-style-type:upper-roman}
.capitulos {list-style-type:decimal}
.indice a {
display: block;
margin-left: -30em;
border-bottom: 1px black dashed;
text-decoration: none;
color: black;
font-weight: bold;
}
.indice ol ol a {margin-left: -28em}
Índice
Prólogo
Introducción
Prefacio
PARTE I
Capítulo 1
Capítulo 2
___
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] Margin-top de una tabla
Javier Prieto wrote:
> Hola amigos:
>
> Esta pregunta es sencilla¿por qué cuando a una tabla le pongo un
> margen top me lo duplica?
> Esto ocurre tanto en Explorer como en Firefox
>
> Esto es lo unico que tengo puesto...
>
> #rightcol table {
> margin-top: 60px;
> width: 100%;
> border: solid 1px #000;
> }
>
> y el margen que deja es de 120px
Hola Javier,
seguramente estás sumando al márgen el espacio correspondiente a algún
otro elemento, por ejemplo el padding de #rightcol o del elemento que
precede a la tabla. Para saber mejor qué pasa mandá tu html.
Saludos,
Pablo
___
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] Maquetacion de formularios
Hola José Luis, Yo lo haría de la siguiente forma: pondría cada par literal/input dentro de un contenedor. Como te sugirieron esto puede ser fieldset/legend/input pero yo sigo prefiriendo div/label/input porque 1. el legend es un caso especial y bastante dificil de estilizar; 2. sea o no correcto semánticamente, el resultado SIN estilos es deplorable (para mí); 3. usar divs es más rápido (no hay que "quitar" lo que no está); 4. es complétamente válido poner DIVisiones a un form; Luego, le daría un ancho al form, flotaría a la izquierda los fieldsets/divs que contiene y les aplicaría 3 clases, una para cada posible ancho de columna (1col, 2col, 3col). Habrá quién me acuse de estar determinando la representación en el HTML, la alternativa es establecer los anchos en base a los IDs de los divs (una tarea ridículamente tediosa). Obviamente, la idea es que la suma de los anchos de cada fila (incuyendo márgenes y paddings) de igual que el ancho del formulario, de manera que el siguiente ítem comience naturalmente abajo. Algunos comentarios: * labels e inputs serán implícitamente definidos como bloque via float; * deben tener un ancho basado en la clase del div que tienen por ancestro; * los labels están alineados a la derecha; * al final del formulario y antes de que se cierre, debe resetearse el float mediante alguna de las técnicas existentes (con o sin markup adicional, ver: http://www.positioniseverything.net/easyclearing.html) para evitar que el elemento siguiente "se pegue". Saludos y suerte, Pablo Josÿe9 Luis Garcÿeda Lÿf3pez wrote: > Cierto, disculpas!!! la prisas de querer resolver el "problema" > > aquí va el enlace > > http://es.geocities.com/jlgarcialopez84/images/form.gif > > carlos campderrós <[EMAIL PROTECTED]> escribió: > On 8/15/06, Josÿe9 Luis Garcÿeda Lÿf3pez < > [EMAIL PROTECTED]> wrote: > >> Os mando un adjunto del modelo >> >> > > La lista no admite adjuntos... mejor cuelgalo en algun sitio de internet y > pasa la URL > > ___ 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] Maquetacion de formularios
Hola (cómo sea que te llames), No sé si están claros los ejemplos que te enviaron antes, personalmente te recomiendo esta estructura para la maquetación en (X)HTML: Nombre: Apellido: Edad: 1 2 3 ... etc, etc, etc. A veces yo envuelvo los pares en divs a los que aplico una clase "form-item", esto me da más versatilidad si los clientes empiezan a ponerse densos con cuestiones de usabilidad (por ejemplo respecto del largo del formulario), esto me permite agrupar más de un item en una misma fila (por ejemplo, en elementos lógicamente relacionados como selects día/mes/año). En estos casos también hay que usar ids. Como ejemplo de lo anterior, va lo siguiente: Nombre: Apellido: Dia: 1 2 3 ... Mes: Enero Febrero Marzo ... Año: 1960 1961 1962 ... etc, etc, etc. Josÿe9 Luis Garcÿeda Lÿf3pez wrote: > Hola a todos y gracias por adelantado, > > Tengo una duda, estoy rediseñando una aplicación web, donde todos los > formularios están hechos con tablas. El caso es que hay tres campos por > líneaacon sus correspondientes literales, es decir 6 columnas, y un total de > 5 líneas. Deben ir en esta disposición porque tienen un tamaño muy ajustado y > porque quieren que todo se vea de un vistazo sin necesidad de "scrollear" > > Cual sería la forma correcta para maquetar estos formulario. No querría > utilizar tablas porque creo que no es su cometido, no son datos tabulares. > había pensando en ir flotando divs, 6 por línea. Cual es la forma recomendada > para maquetar formularios de este volumen de campos. > > muchas gracias por vuestro tiempo > > > - > > 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://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
Re: [Ovillo] DIV con altura automatica
Hola de nuevo Farid, te escribo sólo para confesarte que tras miles de intentos no pude dar con la fórmula mágica. Aunque de entrada no creí que fuera a ser tan difícil, en la práctica me resultó imposible. Ojalá otra persona en la lista con más experiencia o tiempo libre pueda darte la mano que necesitás. Disculpas y suerte, Pablo farid|[EMAIL PROTECTED] wrote: > Hola, gracias por la respuesta. Si el div depende de la altura de una > tabla. Se que no es lo mejor mejor pero se trata de un intento de > parche de una web ya en funcionamiento y no da para arrancar todo > desde cero > > la tabla tiene dos columnas por 1 renglon, la altura de ese renglon es > la que depende del tamaño de la nota y quiero que ese valor sea el que > tome como altura el div de los titulares que está contenido en la > columna derecha. > > vale decir que la estructura sería > > > > > Texto de la nota > > Loop listado de titulares > > > > > ___ 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] DIV con altura automatica
Hola Farid,
no me queda muy claro como es tu estructura HTML. ¿titularesLista es
hijo de la columna principal? Esa parece ser la única forma en que el
100% del alto sea significativo a los efectos de lo que querés
conseguir. Si esto no resuelve el problema, tratá de mandar más datos,
particularmente del HTML.
Saludos,
Pablo
farid|[EMAIL PROTECTED] wrote:
> Hola gente, estoy tratando de resolver una situación sin exito hasta el
> momento
>
> Tengo una pagina estructurada en encabezado pie y dos planos centrales.
> el plano izquierdo es el contenido principal y el derecho una sección
> de links rapidos (son los titulares de las restantes notas)
>
> Dado que la altura del contenido principal es muy variable segun la
> data que se exponga, el plano derecho suele generar una altura de
> pagina exagerada, es por eso que pense en solucionarlo mediante el uso
> de un DIV cuya altura fuera el 100% del plano izquierdo y el overflow
> con una barra de scroll automatica
>
> en consecuencia defini el DIV de la siguiente manera
>
> #titularesLista {
> overflow: auto;
> height: 100%;
> width: 199px;
> position: relative;
> }
>
> Pero no funca, la altura sigue siendo la del total de registros.
> Alguna punta de por donde buscar?
>
> 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menu "redondo"
Sureña wrote: > Holas, he visto recientemente una pagina en la que los iconos de la lista > estaban puestos en forma circular, pero no me recuerdo que pagina era, solo > que era de instrumentos musicales, la he buscado y no acierto a dar con > ella, alguin tiene una idea de como se puede conseguir este efecto, es un > menu sin animacion, agradeceria cualquier idea > Alejandra Hola de nuevo Sureña ;) Corregime si me equivoco: lo que querés es que íconos correspondientes a items de una lista (los de un ) aparezcan en forma circular, es decir siguiendo el contorno de una circunferencia (visible o invisible), verdad? Si es así, muy a grosso modo estos son a priori (luego en la práctica veremos qué pasa) los pasos a seguir: tenés esta estructura: X Y Z - Los UL, LI y A deben ser dimensionados como bloques, y se deben quitar los márgenes, paddings y list-style de los primeros; - El UL debe ser posicionado de manera relativa o absoluta, para resetear el origen de los LIs contenidos; - Posicionás los LIs de manera absoluta y ID por ID les vas asignando a ojímetro las coordenadas de top y left, siguiendo la circunferencia; a medida que vayas viendo los resultados vas a poder ir ubicando mejor los elementos. Acordate que el 0 lo tenés en la esquina superior izquierda del UL. Luego podés usar alguna forma conocida de sustitución de texto por imágenes, esto afecta a propiedades de los LI y de los A*; - (relacionado con el punto anterior*) Si preferís, podés poner IMGs directamente dentro de los A, en vez de usar texto. * Nota: obviamente este punto lo simplifiqué de una manera extrema. Acá hay varios: http://www.mezzoblue.com/tests/revised-image-replacement/, pero aunque no lo testeé personalmente, por simpleza y similitud te recomiendo este ejemplo (buscá el título "Replacing a navigation list"): http://www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html Suerte, Pablo ___ 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] Oferta de Trabajo en Buenos Aires
Holas gente, Estoy necesitando 2 diseñadores gráficos con (mucha creatividad y) experiencia sólida en css (obviamente) para desarrollar una serie de sitios de redes sociales de esos que mucha gente no dudaría en catalogar como "Web 2.0". En principio preferiría trabajar en base a un horario fijo (en Buenos Aires, zona centro), pero estoy abierto a evaluar alternativas. Los interesados por favor escríban a pablo aoba decode.com.ar (esta misma dirección) para que les de más detalles o aclare eventuales dudas. El trabajo comenzará en Septiembre, así que no se demoren demasiado... Muchas gracias, Pablo Ziliani PD: Si están realmente involucrados con CSS y no saben mucho pero igual "le ponen garra", por favor, no dejen de escribir. ___ 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] background-color en Firefox
Jorge L. Batista E. wrote:
> He estado probando pero no encuentro una solución, creo haberlo usado otras
> veces y no me explico por qué no funciona
>
> #contenedor {width: 920px; position: relative; margin: auto; display: block;
> background: #FF;}
>
> Básicamente es un div que tiene un fondo blanco para tapar lo que está debajo
> (una trama que tiene el body como background) Funciona bien en IE pero no en
> Firefox
>
> Alguien me puede dar una solución?
Hola Jorge,
Yo no veo ninguna razón para que no se muestre el color de fondo. ¿Estás
seguro de que está en esa regla el problema?
___
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] pie de pagina hasta el final del navegador
Hola Alexandro, te respondo más abajo. Alexandro Huerta wrote: > Tengo una diagramación con cabecera, menu, contenidos y pie, Aquí el ejemplo > de cómo debe lucir (puras imágenes): > http://bonante.com.mx/bocetos/index.html > > Pero a la hora de querer colocar el pie de página hasta relamente el final de > la página me surgen varios problemas. > > Encontré una solución parcial a esto basándome en este ejemplo: > http://solardreamstudios.com/learn/css/footerstick/ > http://solardreamstudios.com/_img/learn/css/footerstick/footerstick > > Pero por alguna razón NO QUEDA !! Quizá ando embotado. > > (...)Aquí la muestra de esto: > http://bonante.com.mx/bocetos/plantilla2.html > > Alguna suerencia para corregir este problema? Sí. Aunque cambies los ids o las clases, respetá la estructura del ejemplo que estás copiando en solardreamstudios.com. No tengas miedo a empezar todo de nuevo, quizás te resulte más sencillo que tratar de arreglar lo que tenés ahora. Si te fijás en el código original, vas a ver que hay dos divs por cada elemento estructural (encabezado, contenido, pie). Esta es la única forma (conocida) de alcanzar el efecto que buscás. Saludos y suerte, Pablo ___ 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] problemas con IE
laura wrote: >> - al estar expresadas en porcentajes, las separaciones (padding, >> margin, border, ...) varían según el ancho de la página o del >> contenedor. ¿Este "efecto" es buscado? si no, te conviene evitarlo. >> > > si, quiero q sea liiiquida XD, pero no se, igual se me evapora a > la q me descuide, jejee > Sí, sí, pero que sea líquida no quiere decir que "la sombra" o los márgenes tengan que variar de grosor >> - más de lo mismo: al achicar mucho la página, el la navegación se va >> fuera de los márgenes. ¿No te convendría darle un ancho fijo (en px o >> una medida que no dependa ancho del contenedor) a la columna y evitar >> las situaciones en donde las cajas son más chicas que las palabras que >> deberían contener? >> > > vale, lo pensaré... si no hay mas remedio, pero como el resto de > elementos se reducen sin problemas con el ancho de la pagina i la > resolucion que se aplique, me mosquea que ese menu lateral no se pueda > comportar del mismo modo. > Ok, esto es lo menos importante y podrás arreglarlo luego (salteo). >> - ¿estas obligada desde el diseño a buscar una solución sin imágenes? >> Si no es así, creo que vas a sufrir mucho menos en cuanto a >> compatibilidad usando background-image que con márgenes negativos. >> > > No estoy obligada a nada, es una web de pruebas, cuando acabe la etapa > css me pondré con el php ... solo para ejercitar los "musculos" Bien, esta era la respuesta que estaba esperando. Aquí va la sugerencia entonces: ¿Ves la distancia que hay entre el borde derecho de la sombra y el borde derecho de la caja interior? Create una imagen de ese ancho x 1px de alto, del color del fondo (#99CC99). Supongamos que llamás a la imagen "fondo.gif". Luego el contenedor (la sombra) llevará esta definición: background: #008000 url(imagenes/fondo.gif) repeat-y right top; padding: 1em 0 1em 1em; La sombra de columa central es casi idéntica: background: #636F57 url(imagenes/fondo.gif) repeat-y left top; padding: 1em 1em 1em 0; A los interiores, sacales los margenes (bah, podés sacar TODO menos el color de fondo y el borde). El resto debería resultarte muy fácil de resolver y te lo dejo a vos. Saludos, Pablo ___ 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] problemas con IE
Seguimos abajo... laura wrote: >> Siendo que de todas maneras la dirección real aparece en las capturas >> que subiste, lo más práctico hubiera sido un link directo a >> http://laupri.no-ip.org/php/tenda. >> > > cierto,pero ese dominio es un dominio a una maquina local, que de vez > en cuando desconecta de la red, para evitar eso lo hice asi. > Espero que no te moleste que yo siga accediendo ahí, leer css directamente desde el email está contraindicado tanto por mi oculista como por mi psicólogo... (...) Veo que las modificaciones al HTML no produjeron ningún cambio favorable... Suele suceder, pero bueno, era necesario descartar la posibilidad. Ya que estamos te sugiero que valides la página cada tanto: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flaupri.no-ip.org%2Fphp%2Ftenda (o ctrl-shift-H si tenés la extensión de FireFox "WebDeveloper" -- y si no la tenés, instalala antes de volver a escribir a la lista :P) > Parte del problema, lo he resuelto quitando el float:left del div > superior a la caja izq, la del menu lateral. Pero no se como se ve > ahora en iexplorer. Si alguien quiere ayudarme i ver el codigo css > al final del mail he pegado el css. > > >> Probablemente esto sea disminuyendo o eliminando la >> indentación[1]. Para esto sí, probablemente quieras enviar un boceto en >> jpeg. >> > > Pues.. lo cierto es que como queda ahora en firefox está mas cerca de > lo que pretendo, aun me queda tiempo para q esté a mi gusto totalmente > ;) Preguntas: - al estar expresadas en porcentajes, las separaciones (padding, margin, border, ...) varían según el ancho de la página o del contenedor. ¿Este "efecto" es buscado? si no, te conviene evitarlo. - más de lo mismo: al achicar mucho la página, el la navegación se va fuera de los márgenes. ¿No te convendría darle un ancho fijo (en px o una medida que no dependa ancho del contenedor) a la columna y evitar las situaciones en donde las cajas son más chicas que las palabras que deberían contener? La alternativa es usar min-width, lo que no funciona en IE sin algunos hacks espantosos. - ¿estas obligada desde el diseño a buscar una solución sin imágenes? Si no es así, creo que vas a sufrir mucho menos en cuanto a compatibilidad usando background-image que con márgenes negativos. Sugerencia al margen: tratá de usar más h1, h2, h3, etc. Además de etiquetar mejor el contenido y mostrarlo mejor cuando no se cargan los estilos, los buscadores les dan más importancia a las palabras que encierran. // Sigue comentario apocalíptico, tomar con pinzas... Quizás te convenga empezar de nuevo a partir de una plantilla previa. Quizás esta pueda servirte como ejemplo: http://blog.html.it/layoutgala/LayoutGala31.html Tendrías que intentar de apuntar a un código un poco más semántico (es decir, más focalizado en el contenido y menos en la presentación). Si te fijás en el ejemplo que te pasé (y entendés algo de inglés), verás que los elementos están señalizados por su función y no por su presentación, entonces la navegación interna podría llamarse #navegacion y no #izq. Mi sugerencia es que siempre partas de un esqueleto que refleje la estructura de contenidos, y solamente agregues elementos estructurales cuando todos los demás trucos te hayan fallado (o cuando estés corrida por una entrega, o cuando te hartes de mis sermones). Saludos, Pablo PD: te juro que en los próximos emails trataré de hacer menos preguntas y responder má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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] style q simule cellpadding y cellspacing 0
Monica Forrisi wrote:
> Cómo puedo lograr el mismo efecto que
>
> con un estilo?
>
> Probé
> table { padding: 0px; border: 0px; margin: 0px }
> y no funciona
Hola Mónica, fijate si:
table {
border: none;
border-collapse: collapse;
}
td, th {
margin: 0;
padding: 0;
}
logra el truco.
Saludos,
Pablo
___
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] problemas con IE
Hola Laura, algunos comentarios acerca de tu pedido: Siendo que de todas maneras la dirección real aparece en las capturas que subiste, lo más práctico hubiera sido un link directo a http://laupri.no-ip.org/php/tenda. De esta manera además del resultado, también podemos ver el código que lo origina (imprescindible para detectar cualquier error). Antes de ir a los cambios puntual, creo que tenés que tomar ciertas decisiones y corregir errores en el XHTML. Por ejemplo: (...) Naturaleza Muerta Paisajes Esto es inválido, no podés tener dos directamente anidados uno dentro de otro. Lo correcto es que el interior sea hijo del , de la siguiente manera: (...) Naturaleza Muerta Paisajes (además, es una cuestión lógica, "Muerta" y "Paisajes" son categorías de "Naturaleza"). Segundo, a veces conviene que los tengan ALGO en el atributo href, cuanto menos un #. La presencia de ese atributo (y si no me equivoco, en algunos browsers también su contenido) determina la forma en que se muestra (como "anchor"/ancla o como "link"/vinculo). Finalmente, en cuanto a la apariencia, particularmente en lo que se refiere al ancho y el posible excedente del contendedor de la navegación, tendrías que responderte a vos misma de qué manera querrías que se vea. Probablemente esto sea disminuyendo o eliminando la indentación[1]. Para esto sí, probablemente quieras enviar un boceto en jpeg. Si estás falta de ideas, quizás esta página[2] te sirva como fuente de inspiración (no el javascript, que es algo monstruoso por motivos irrelevantes a los propósitos de este email). Saludos, Pablo PD: este es mi primer post en la lista a la que me suscribí ayer, saludos a la comunidad desde Buenos Aires y felicitaciones por el nivel que hasta ahora estoy leyendo. [1] Perdón por mis recurrentes anglicismos, a veces no tengo idea del equivalente castellano pero más a menudo soy vago o suenan pésimo de este lado del atlántico. [2] http://www.honda.com.ar/test/moto/honda-trx-500-fm.aspx laura wrote: > hola > > bueno, no es ninguna novedad lo de que las presentaciones de nuestras > webs cambien con exploder, perooo, otra cosa es q sepamos q les pasa. > Este es mi caso, notengo ni idea que puede hacer q se vea tan > diferente de la presentacion que ofrece en Safari, Firefox, > konqueror... > Os paso el link de las imagenes tomadas desde la web de browsershots: > http://browsershots.org/website/1238822/ > > De la presentacion en firefox tampoco me gusta lo de q la lista > anidada de la izquierda sobre salga de la caja que la contiene, sabeis > como remediar ese efecto? > > Gracias por adelantado > > > ___ 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
