Re: [Ovillo] reemplazo de textos : manual
Oscar, este link me funciona perfectamente: http://www.edenahp.com/v4/link.php?seccion=tutorialtid=13 si tienes alguna duda en especifico con gusto te ayudo :) kemie ___ 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] Problema con bordes redondeados tridimen sionales en un menú
Hola, este es el primer mensaje que escribo a esta lista, pero enhorabuena
por lo buena que es. /pelotilleo :D
Mi problema es el siguiente. Digamos que aunque CSS es una gran herramienta
para presentación, presenta ciertas limitaciones. El modelo de cajas
cuadradas con únicamente un color y en 2d, no me permite disponer de todo lo
que me gustaría. Por eso me planteé conseguir una presentación estilo
Photoshop (como hacen en CSS zen garden, sin perder semántica), pero con una
diferencia. Yo quiero que mi presentación se redimensione conforme
disminuyo/aumento la pantalla del navegador, o conforme cambio de resolución
o de monitor, algo que los de Css zen garden no han conseguido (pese a que
se autoproclamen triple A).
Entonces, yéndome un poco más hacia mi caso en particular, yo quiero meter
un menú a la izquierda de mi página. Dentro de ese menú quiero meter los
enlaces hacia las distinas secciones (estos enlaces los he puesto con outset
normal e inset en hover, pero eso es otra historia). Este menú con los
enlaces quiero que sea un rectángulo tridimensional con bordes redondeados y
efectos 3d y sombras (esto lo he hecho con photoshop, aplicando varios
estilos de capa a un rectángulo normal negro).
El problema viene con la redimensión que le quiero aplicar a este menú. Para
ello he cortado a la imagen del photoshop en 9 pedazos, cada uno de ellos
representando un borde (lógicamente el centro de la imagen lo he quitado).
Así: a1 -- borde superior izquierdo; a2 -- borde superior medio(me hace
falta porque el rectángulo es 3d); a3 -- borde superior derecho; b1 --
borde izquierdo medio; b2 -- borde derecho medio; c1 -- borde inferior
izquierdo; c2 -- borde inferior medio; c3 -- borde inferior derecho;
Cada uno de estos pedazos es una nueva imagen. Entonces, posteriormente lo
que hago es meter estas imágenes como divs posicionados absolutamente dentro
de un div padre (la misma técnica que para bordes redondeados, pero en 3d y
con 9 en vez de 4). Esto lo hago para conseguir que mi menú se redimensione.
Entonces el div padre tiene un background negro y le posiciones los nueve
divs con imágenes de fondo. Así consigo que se me redimensione sin notar
nada extraño hasta cierto punto (lógicamente, si la pantalla es muy muy
pequeña, se verá como los bordes no dan disminuído de tamaño, pero eso sería
un caso extremo).
Ahora os pegaré fragmentos de mi código XHTML y CSS para entender mejor el
caso:
-- XHTML --
div id=lista
div id=a1/div
div id=a2/div
div id=a3/div
div id=b1/div
div id=b2/div
a id=primero href=#Primero/a
a id=segundo href=#Segundo/a
a id=tercero href=#Tercero/a
a id=cuarto href=#Cuarto/a
div id=c1/div
div id=c2/div
div id=c3/div
/div
-- CSS --
#lista { position: absolute;
width: 12%;
top: 5%;
left: 1%;
padding: 2.3em 0;
background: black; }
/* Posicionando las imágenes del borde para que coincidan con los bordes
reales del div lista (las imagenes cortadas tienen un borde blanco) */
#a1{ position: absolute;
background: url(../imagenes/a1.jpg)
no-repeat;
width: 43px;
height: 43px;
top: 0%;
left: 0%;
z-index: 101; }
#a2{ position: absolute;
background: url(../imagenes/a2.jpg)
repeat-x;
width: 90%;
height: 43px;
top: 0%;
z-index: 100; }
#a3{ position: absolute;
top: 0%;
right: -5%;
background: url(../imagenes/a3.jpg)
no-repeat;
width: 43px;
height: 43px;
z-index: 101; }
/* Primera línea lograda */
/* Segunda línea */
#b1{ position: absolute;
top: 43px;
bottom: 0%;
background: url(../imagenes/b1.jpg);
width: 20px;
left: 0%; }
#b2{ position: absolute;
top: 43px;
bottom: 0%;
Re: [Ovillo] Problema con bordes red ondeados tridimensionales en un menú
Saludos. Si hablas de no perder la semántica, no entiendo por qué usas un div id=lista en lugar de una lista propiamente dicha. Por otro lado, usar div de esa forma tan indiscriminada no me parece correcto. Hay cosas para las que (X)HTML y CSS no están diseñados, y creo que lo que intentas es una de esas cosas. De todas formas, ojalá lo consigas. Suerte. PD.- Siento no poder responder a tu pregunta. -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ 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] Problema con bordes redondeados tridimensionales en un men
Hola, gracias por responder. Creo que me he explicado mal, no es de extrañar tampoco. Lo de contenido semántico me refiero a que los de CSS Zen Garden por ejemplo ponen una imagen como si fuera un h1, solo que es una imagen de photoshop. Pero al mismo tiempo ponen un span con el mismo texto de la imagen y le ponen display: none; así no pierdes contenido semántico y mantienes buena presentación. Pues yo quería hacer algo parecido, pero además que se me redimensionara conforme a la ventana del navegador/monitor/resolución. Mi principal objetivo aquí pues era el siguiente: (ya sé que pierdo semántico por todos lados, ya que bordes redondeados es lo que tiene si los quieres poner, y no tiene sentido semántico en css 2.1): conseguir la redimensión... Supongo que lo de contenido semántico no tiene mucho sentido que lo nombre, por lo que como si no lo hubiera dicho. Gracias por responder y a ver si alguien sabe algo. From: Juan G. Hurtado [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Problema con bordes redondeados tridimensionales en un menú Date: Wed, 27 Jul 2005 13:18:44 +0200 Saludos. Si hablas de no perder la semántica, no entiendo por qué usas un div id=lista en lugar de una lista propiamente dicha. Por otro lado, usar div de esa forma tan indiscriminada no me parece correcto. Hay cosas para las que (X)HTML y CSS no están diseñados, y creo que lo que intentas es una de esas cosas. De todas formas, ojalá lo consigas. Suerte. PD.- Siento no poder responder a tu pregunta. -- Juan G. Hurtado [ [EMAIL PROTECTED] ] [ http://armonia.spiral-static.org/ ] ___ 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 _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ ___ 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] Problema con bordes redondeados tridimensionales en un menú
Hola Fran, Sin haber visto con detenimiento tu codigo, un par de enlaces que te pueden servir como guía: http://www.aplus.co.yu/css/rounded-corners/ http://www.456bereastreet.com/lab/flexible_custom_corners_borders/ espero te sirvan :) saludos kemie ___ 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] Problema con bordes redondeados tridimensionales en un menú
Para el asunto de las cajas redimensionables con bordes redondeados aquí
tienes un artículo:
http://simplelogica.net/caoticoneutral/index.php?p=15
Espero que te sirva.
-
Jacinto Lajas
[EMAIL PROTECTED]
Fran Rives escribió:
Hola, este es el primer mensaje que escribo a esta lista, pero
enhorabuena por lo buena que es. /pelotilleo :D
Mi problema es el siguiente. Digamos que aunque CSS es una gran
herramienta para presentación, presenta ciertas limitaciones. El
modelo de cajas cuadradas con únicamente un color y en 2d, no me
permite disponer de todo lo que me gustaría. Por eso me planteé
conseguir una presentación estilo Photoshop (como hacen en CSS zen
garden, sin perder semántica), pero con una diferencia. Yo quiero que
mi presentación se redimensione conforme disminuyo/aumento la pantalla
del navegador, o conforme cambio de resolución o de monitor, algo que
los de Css zen garden no han conseguido (pese a que se autoproclamen
triple A).
Entonces, yéndome un poco más hacia mi caso en particular, yo quiero
meter un menú a la izquierda de mi página. Dentro de ese menú quiero
meter los enlaces hacia las distinas secciones (estos enlaces los he
puesto con outset normal e inset en hover, pero eso es otra historia).
Este menú con los enlaces quiero que sea un rectángulo tridimensional
con bordes redondeados y efectos 3d y sombras (esto lo he hecho con
photoshop, aplicando varios estilos de capa a un rectángulo normal
negro).
El problema viene con la redimensión que le quiero aplicar a este
menú. Para ello he cortado a la imagen del photoshop en 9 pedazos,
cada uno de ellos representando un borde (lógicamente el centro de la
imagen lo he quitado). Así: a1 -- borde superior izquierdo; a2 --
borde superior medio(me hace falta porque el rectángulo es 3d); a3 --
borde superior derecho; b1 -- borde izquierdo medio; b2 -- borde
derecho medio; c1 -- borde inferior izquierdo; c2 -- borde inferior
medio; c3 -- borde inferior derecho;
Cada uno de estos pedazos es una nueva imagen. Entonces,
posteriormente lo que hago es meter estas imágenes como divs
posicionados absolutamente dentro de un div padre (la misma técnica
que para bordes redondeados, pero en 3d y con 9 en vez de 4). Esto lo
hago para conseguir que mi menú se redimensione. Entonces el div padre
tiene un background negro y le posiciones los nueve divs con imágenes
de fondo. Así consigo que se me redimensione sin notar nada extraño
hasta cierto punto (lógicamente, si la pantalla es muy muy pequeña, se
verá como los bordes no dan disminuído de tamaño, pero eso sería un
caso extremo).
Ahora os pegaré fragmentos de mi código XHTML y CSS para entender
mejor el caso:
-- XHTML --
div id=lista
div id=a1/div
div id=a2/div
div id=a3/div
div id=b1/div
div id=b2/div
a id=primero href=#Primero/a
a id=segundo href=#Segundo/a
a id=tercero href=#Tercero/a
a id=cuarto href=#Cuarto/a
div id=c1/div
div id=c2/div
div id=c3/div
/div
-- CSS --
#lista { position: absolute;
width: 12%;
top: 5%;
left: 1%;
padding: 2.3em 0;
background: black; }
/* Posicionando las imágenes del borde para que coincidan con los
bordes reales del div lista (las imagenes cortadas tienen un borde
blanco) */
#a1{ position: absolute;
background:
url(../imagenes/a1.jpg) no-repeat;
width: 43px;
height: 43px;
top: 0%;
left: 0%;
z-index: 101; }
#a2{ position: absolute;
background:
url(../imagenes/a2.jpg) repeat-x;
width: 90%;
height: 43px;
top: 0%;
z-index: 100; }
#a3{ position: absolute;
top: 0%;
right: -5%;
background:
url(../imagenes/a3.jpg) no-repeat;
width: 43px;
height: 43px;
z-index: 101; }
/* Primera línea lograda */
/* Segunda línea */
#b1{ position: absolute;
top: 43px;
bottom: 0%;
background: url(../imagenes/b1.jpg);
Re: [Ovillo] Problema con bordes redondeados trid imensionales en un menú
El 27/07/2005, a las 13:44, Stralunato escribió: Para el asunto de las cajas redimensionables con bordes redondeados aquí tienes un artículo: http://simplelogica.net/caoticoneutral/index.php?p=15 Y el genial documento de Arnau Siches: Técnica de Esquinas Personalizadas http://css.artnau.com/tecnica-de-esquinas-personalizadas/ Tècnica de Cantonades Personalitzades (la versión original) http://css.artnau.com/tecnica-de-cantonades-personalitzades/ Saludos! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ 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] problema maquetacion en IE-MAC
Tengo un problema fácil de resolver en CSS, pero no logro darle solución
en IE para Mac.
Se trata de la tipica, noticia con foto a la izquierda y el texto a la
derecha.
Titular
*FOTO* Texto...
Texto...
Texto
En CSS lo tengo resuelto con:
div.noticia{
position: relative;
overflow:auto;
width: 600px; }
div.imagen {
float: left;
width:100px;}
div.resto {
float:left;
width:500px;
div.rompedor { /* IE BUG */
clear: both }
poniendo en HTML
div class=noticia
div class=imagenimg src/div
div class=restoh1titulo..
pTexto
/div
div class=rompedor/div
/div
Pero no funciona en IE MAC. Sale un horror como esto:
www.spiral-multimedia.com/noticias.asp
He probado a usar dos capas absolutas, pero como no se de antemano ni el
tamaño de la foto, ni
del texto, no puedo poner un height a la caja.
¿alguna idea, antes de maquetarlo con una simple tabla de 1x2?
roger
___
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] atributo autocomplete en input
Hola a todos, Es la primera vez que posteo en la lista, aunque llevo ya un tiempo leyéndola. Me llamo Jaime y me parece que entro con la duda del millón de dólares... Ando haciendo una aplicación, parte de la cual es un buscador con un form y un input. Hasta ahí todo bien. El buscador sugiere dinámicamente haciendo queries al servidor usando AJAX, (algo parecido a esto: http://www.google.com/webhp?complete=1hl=en). El problema es que el navegador muestra su propia caja de sugerencias (ya sabéis, con aquellas cosas que has tecleado otras veces en ese input) y machaca la caja que dibujo dinámicamente... El problema se resuelve usando input [...] autocomplete=off, que deshabilita este comportamiento en el navegador. PERO (y este es el problema), ese atributo autocomplete no parece estándar y ahora la aplicación no valida como XHTML 1.0 Strict. La verdad, estoy decepcionado con el W3C ;) También me pasa lo mismo cuando pongo el atributo name= en un form (No valida, pero es NECESARIO para limpiar los campos de un input cuando el usuario le da el foco). En fin, parece un callejón sin salida, pero ahí lo dejo caer por si alguien se ha visto en las mismas alguna vez. Saludos, -- Jaime Gómez Obregón Director Comercial ([EMAIL PROTECTED]) ITEISA - www.iteisa.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
Re: [Ovillo] Problema con bordes red ondeados tridimensionales en un menú
Veamos a ver. No tengo muy claro si se puede hacer lo que te voy a comentar, pero pa eso uno es torpe. Por qué no metes (como mucho) 3 divs?? uno para el boton, con la cara de la Schiffer, otro con el efecto 3D poderoso de la muerte, y uno final para el texto, con tamaños fijados dinamicamente y con la misma variable, para que se deformen al unísono. Si en vez de la cara de la Schiffer le metes algún dibujito abstracto que no se joda al redimensionar, creo que lo tienes hecho. Deberías de olvidar el concepto de todo lo que tengo me lo pongo (por dios, no me pongas botones con musiquita o soniditos metálicos) y relajar el estilo. Olvida la maquetación con tablas. NO LAS TABLAS, si no la MAQUETACIÓN CON TABLAS. En vez de usar table estas usando div. No creo que la sensación de diferencia entre ambas sea explicable en la lista de correo, pero... busca una diferencia. Hay un momento en que sientes que algo ha cambiado, que la página no se distribuye en celdas, no sé como explicarlo. El 27/07/05, Daniel Torres Burriel[EMAIL PROTECTED] escribió: El 27/07/2005, a las 13:44, Stralunato escribió: Para el asunto de las cajas redimensionables con bordes redondeados aquí tienes un artículo: http://simplelogica.net/caoticoneutral/index.php?p=15 Y el genial documento de Arnau Siches: Técnica de Esquinas Personalizadas http://css.artnau.com/tecnica-de-esquinas-personalizadas/ Tècnica de Cantonades Personalitzades (la versión original) http://css.artnau.com/tecnica-de-cantonades-personalitzades/ Saludos! -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 ___ 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] atributo autocomplete en input
Comentarios intercalados, siga jugando. Jaime Gómez Obregón escribió: Hola a todos, Es la primera vez que posteo en la lista, aunque llevo ya un tiempo leyéndola. Me llamo Jaime y me parece que entro con la duda del millón de dólares... Ando haciendo una aplicación, parte de la cual es un buscador con un form y un input. Hasta ahí todo bien. El buscador sugiere dinámicamente haciendo queries al servidor usando AJAX, (algo parecido a esto: http://www.google.com/webhp?complete=1hl=en). El problema es que el navegador muestra su propia caja de sugerencias (ya sabéis, con aquellas cosas que has tecleado otras veces en ese input) y machaca la caja que dibujo dinámicamente... El problema se resuelve usando input [...] autocomplete=off, que deshabilita este comportamiento en el navegador. PERO (y este es el problema), ese atributo autocomplete no parece estándar y ahora la aplicación no valida como XHTML 1.0 Strict. Puedes asignarlo desde un script. La verdad, estoy decepcionado con el W3C ;) Ya nos contarás por qué. Ese atributo autocomplete define un comportamiento y por tanto es más adecuado asignarlo desde un script que en el marcado. También me pasa lo mismo cuando pongo el atributo name= en un form (No valida, pero es NECESARIO para limpiar los campos de un input cuando el usuario le da el foco). No valida en modo Strict, si utilizas Transitional, sí vale. Por otra parte, no veo ninguna necesidad de utilizarlo en el elemento `form`, ya que lo puedes sustituir perfectamente con un atributo `id`. En cuanto a que sea NECESARIO, lo dudo, lo dudo, lo duud... En fin, parece un callejón sin salida, Te parece a ti, para mí no lo es. pero ahí lo dejo caer por si alguien se ha visto en las mismas alguna vez. Un saludo, Choan -- Mundo Du. Cuentos breves, relatos sorprendentes http://du.lacalabaza.net/ Dizque. Cosas que me van y me vienen http://dizque.lacalabaza.net/ ___ 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] problema maquetacion en IE-MAC
Hola roger He probado el código que envías, y funciona perfectamente en explorer para mac, así que supongo que el problema debe estar en los div contenedores (contenidoTextoCentro o noticias) que utilizas. Si quieres envía el css completo y lo chequeo Suerte Eva Tengo un problema fácil de resolver en CSS, pero no logro darle solución en IE para Mac. Se trata de la tipica, noticia con foto a la izquierda y el texto a la derecha. Pero no funciona en IE MAC. Sale un horror como esto: www.spiral-multimedia.com/noticias.asp He probado a usar dos capas absolutas, pero como no se de antemano ni el tamaño de la foto, ni del texto, no puedo poner un height a la caja. ¿alguna idea, antes de maquetarlo con una simple tabla de 1x2? roger ___ 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] Problema con bordes red ondeados tridimensionales en un menú
Bueno, hace un tiempo atras yo tambein hice algo similar, en esos tiempos mis manias eran las tablas, pero era algo super simple; hacia el template en PS y lo cortaba en solo 3 partes, que son solo las indispensables para ke esta paresca un box 2D, cortaba la parte superior , se podria decir los bordes, pero lo ke debes cotar es toda la parte superior, para ke te sea mas facil, lo mismo debes hacer con la parte inferior, y tambien una delgada linea en el medio del box, todo esto lo maquetas con css como imagenes de BG, no sabria explicarte con exactitud como maquetar todo, ya ke hace poco ke estoy conociendo CSS. PD: No creo ke sea necesario cortar solo las esquinas ya ke dificilmente los box se incrementan hacia los lados (se veria mal)... ___ 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] Problema con bordes redondeados tridimens ionales en un menú
Hola Mario,
Aunque tu propuesta de uso de tablas para
el menu de Fran podría ser loable, creo que
aclarando el código con el que cuenta podríamos
prescindir de una tabla.
Por otro lado y de cara a la pregunta de Fran:
div id=lista
div id=a1/div
div id=a2/div
[etc.]
/div
1. No uses de manera abusiva los divs. Pretendes crear
tu menú simulando el comportamiento de las celdas de
una tabla. Mejor márcalo correctamente:
div id=menu
ul
lia href=#Opcion 1/a/li
lia href=#Opcion 2/a/li
lia href=#Opcion 3/a/li
/ul
/div
2. Revisa los enlaces que te han pasado los compañeros.
Y por otro lado ten presente las propiedades que se pueden
asignar a un background dentro de un div para posicionarlo:
P.e. esquina inferior derecha:
#esquina1{
background: url(img/esqinfder.gif) no-repeat bottom right;
}
Con esto como base y lo que te vas a encontrar en las explicaciones
de los enlaces puedes solucionarlo. El resto corre de tu parte
photoshopeando y escribiendo tu CSS + Xhtml.
Saludos y suerte,
Abel Domínguez
- Original Message -
From: Mario Valladares [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, July 27, 2005 2:12 PM
Subject: Re: [Ovillo] Problema con bordes redondeados tridimensionales en un
menú
Veamos a ver.
No tengo muy claro si se puede hacer lo que te voy a comentar, pero
pa eso uno es torpe. Por qué no metes (como mucho) 3 divs?? uno para
el boton, con la cara de la Schiffer, otro con el efecto 3D poderoso
de la muerte, y uno final para el texto, con tamaños fijados
dinamicamente y con la misma variable, para que se deformen al
unísono.
Si en vez de la cara de la Schiffer le metes algún dibujito abstracto
que no se joda al redimensionar, creo que lo tienes hecho.
Deberías de olvidar el concepto de todo lo que tengo me lo pongo
(por dios, no me pongas botones con musiquita o soniditos metálicos) y
relajar el estilo.
Olvida la maquetación con tablas. NO LAS TABLAS, si no la MAQUETACIÓN
CON TABLAS. En vez de usar table estas usando div. No creo que la
sensación de diferencia entre ambas sea explicable en la lista de
correo, pero... busca una diferencia. Hay un momento en que sientes
que algo ha cambiado, que la página no se distribuye en celdas, no sé
como explicarlo.
El 27/07/05, Daniel Torres Burriel[EMAIL PROTECTED] escribió:
El 27/07/2005, a las 13:44, Stralunato escribió:
Para el asunto de las cajas redimensionables con bordes redondeados
aquí tienes un artículo:
http://simplelogica.net/caoticoneutral/index.php?p=15
Y el genial documento de Arnau Siches:
Técnica de Esquinas Personalizadas
http://css.artnau.com/tecnica-de-esquinas-personalizadas/
Tècnica de Cantonades Personalitzades (la versión original)
http://css.artnau.com/tecnica-de-cantonades-personalitzades/
Saludos!
--
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
___
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
___
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] reemplazo de textos : manual
Jeje, me inspiraste: http://www.disenorama.com/tutoriales//manual_sifr_paso_a_paso.htm espero te sea util! kemie ___ 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] problema maquetacion en IE-MAC
Creo que ya he dado con ello. Parece que te has dejado algún tag sin cerrar o algo así, ya que si le dices al dreamweaver que le de formato al código, se visualiza correctamente sin modificar las css. Lo raro es sólo moleste a ie mac Suerte con la caza 8) Eva Pd.- Después de escribir esto, me he quedado tan mosqueada que he hecho otras comprobaciones y, finalmente, creo que he descubierto el problema. La solución es de lo más surrealista que he visto en mi vida: prueba a borrar los comentarios !-- IE BUG -- de las capas 'rompedor' y.¡¡tachaaan!! No somos nada Hola roger He probado el código que envías, y funciona perfectamente en explorer para mac, así que supongo que el problema debe estar en los div contenedores (contenidoTextoCentro o noticias) que utilizas. Si quieres envía el css completo y lo chequeo Suerte Eva Tengo un problema fácil de resolver en CSS, pero no logro darle solución en IE para Mac. Se trata de la tipica, noticia con foto a la izquierda y el texto a la derecha. Pero no funciona en IE MAC. Sale un horror como esto: www.spiral-multimedia.com/noticias.asp He probado a usar dos capas absolutas, pero como no se de antemano ni el tamaño de la foto, ni del texto, no puedo poner un height a la caja. ¿alguna idea, antes de maquetarlo con una simple tabla de 1x2? roger ___ 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] problema maquetacion en IE-MAC
Ojo al generalizar con Internet Explorer!! Únicamente la versión 5 de Mac se considera estándar. Así que cualquier versión anterior a ésta, el resultado es impredecible (en relación a lo que la especificación HTML/CSS define) e históricamente, MSIE ha tenido problemas con el atributo float. No sé la versión MSIE/Mac que utilizas ni si el problema tiene relación con el Quirk mode de los navegadores, pero creo que sería recomendable que canviaras la declaración DOCTYPE: * Según la página web del libro Eric Meyer on CSS [1], la DTD HTML 4.0 + URI activa el standard mode de MSIE 5.0 / Mac * Según el W3C [2], la declaración de la DTD usada en la página del link que envías no aparece como recomendada (declaras HTML 4.0 con la URI que le correponde a HTML 4.01 transitional). [1] http://www.ericmeyeroncss.com/bonus/render-mode.html [2] http://www.w3.org/QA/2002/04/valid-dtd-list.html#DTD Saludos, Martí Mundó. -- El 27/07/05, Eva del Campo[EMAIL PROTECTED] escribió: Hola roger He probado el código que envías, y funciona perfectamente en explorer para mac, así que supongo que el problema debe estar en los div contenedores (contenidoTextoCentro o noticias) que utilizas. Si quieres envía el css completo y lo chequeo Suerte Eva Tengo un problema fácil de resolver en CSS, pero no logro darle solución en IE para Mac. Se trata de la tipica, noticia con foto a la izquierda y el texto a la derecha. Pero no funciona en IE MAC. Sale un horror como esto: www.spiral-multimedia.com/noticias.asp He probado a usar dos capas absolutas, pero como no se de antemano ni el tamaño de la foto, ni del texto, no puedo poner un height a la caja. ¿alguna idea, antes de maquetarlo con una simple tabla de 1x2? roger ___ 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] pop window
Si aún sigues queriendo usar ventanas emergentes molestas, piensa en html target=_blank [1] más que en javascript window.open [2] ya que es más accesible la primera opción e informa de algún modo al usuario de que el enlace va a abrir una nueva ventana (un iconito o algo). De todas formas, YO NO TE LAS RECOMIENDO. Primero de todo, un saludo a la lista. Me parece genial y las discusiones son muy interesantes. Segundo, ¿en qué te basas para decir que es más conveniente usar target=_blank que window.open para abrir una ventana en modo popup? Yo pienso que la segunda opción es mejor debido a que [1]: 1- El target se creó para los frames, y no para abrir nuevas ventanas. 2- Podemos usar javascript para solicitar al usuario si desea que las páginas se abran en nuevas ventanas, así hacemos la aplicación más accesible. Tampoco estoy muy seguro, pero me gustaría salir de dudas... saludos!! [1] http://www.tierradenomadas.com/tw004.phtml ___ 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] pop window
Hola, que tal! ... , ¿en qué te basas para decir que es más conveniente usar target=_blank que window.open para abrir una ventana en modo popup? Yo pienso que la segunda opción es mejor debido a que [1]: 1- El target se creó para los frames, y no para abrir nuevas ventanas. 2- Podemos usar javascript para solicitar al usuario si desea que las páginas se abran en nuevas ventanas, así hacemos la aplicación más accesible. No soy un experto en el tema, pero por lo que he podido ir leyendo y pescando de un sitio y otro, creo que la mejor opción no es usar javascript si lo que buscas es accesibilidad, al menos que pongas una alternativa en caso de que el navegador no interprete javascript o lo tenga deshabilitado. Un saludo. Juanjo. ___ 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] pop window
la mejor opcion es, segun tengo entendido, hacer un vinculo comun y corriente (con href=url) y darle el comportamiento de abrir en ventana nueva mediante javascript. es la solucion mas accesible para abrir un popup: en caso de que javascript no este soportado o se encuentre desactivado/bloqueado el link funcionara de todas formas como cualquier otro link. un ejemplo: a href=http://www.url.com/; onclick=window.open(this.href); return false;texto link/a mas detalles: http://www.alistapart.com/articles/popuplinks/ inti castro [EMAIL PROTECTED] ___ 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] flash 99% good??
Cuando hablamos de una sola web no. El día 28/07/05, David Arango [EMAIL PROTECTED] escribió: El 27/07/05, DJ-Dom[EMAIL PROTECTED] escribió: Aunque algo te digo, todo depende, existen sitios que no quedarían tan mal hechos totalmente en flash, tan sencillos que hasta se puede redireccionar las DNS del dominio al archivo .SWF. Mmm, no creo que sea un criterio demasiado bueno ese de quedar no demasiado mal, lo digo porque entonces todo el esfuerzo que se está haciendo en estandarización en la Web es absurdo. -- David Arango ([EMAIL PROTECTED]) Bitácora: http://mildiez.net ___ 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 -- www.dj-dom.net http://www.dj-dom.net [EMAIL PROTECTED] ___ 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] 3 Columnas
Una forma no muy peculiar de realizar tres columnas. http://www.asinox.net/?p=23 -- www.dj-dom.net http://www.dj-dom.net [EMAIL PROTECTED] ___ 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
