Re: [Ovillo] Imagen de background grande !!!
Para el tema del 100% del viewport aquí tienes un artículo: 100% Height Layout Using CSShttp://www.dave-woods.co.uk/index.php/100-height-layout-using-css/-- http://www.dave-woods.co.uk/index.php/100-height-layout-using-css/ El 14 de marzo de 2012 22:01, reynie...@gmail.com reynie...@gmail.comescribió: Gracias German y Enmanuel pero no creo que lo que me dejan me sirva puesto que aplica al bakground de la pagina completa o como se aplica en el articulo que deja German que lo hacen al elemento html en mi caso necesito aplicarlo a un elemento DIV que es el contenedor principal. Lo otro que necesito es hacer que ese DIV me ocupe el 100% del viewport y no lo estoy logrando, alguna sugerencia en este sentido tambien? Gracias Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.com 2012/3/14 German Bustos ger...@atarraya.org En mi opinión la mejor opción es usar la opción background-size: cover de CSS3 Un artículo al respecto http://css-tricks.com/perfect-full-page-background-image/ El 14 de marzo de 2012 14:59, reynie...@gmail.com reynie...@gmail.com escribió: Hola listeros, estoy aun enfrascado en el maquetado de la pagina que les comente hace unos dias y tengo una pregunta. Resulta que el background de un contentedor es una imagen un poco grande tanto en dimensiones como en peso y me gustaria saber cual es la mejor opcion para cargar dicho background. Alguna ayuda? Saludos y gracias por adelantado Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@hotmail.com Skype: reynierpm Mobile: +58 424.180.5609 Site: http://reynierpm.site90.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 -- *Germán Bustos* Asesor en estrategias de comunicación en Internet para organizaciones sociales http://atarraya.org http://germanbustos.com Tel: (+57) 3177381339** http://atarraya.org/ http://germanbustos.com/ http://www.facebook.com/german.bustos http://twitter.com/kommodin http://www.linkedin.com/in/germanbustos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas de visualizacion en IE 8
Otra opción que se me ocurre es que te envíe una captura de su pantalla; así verás exactamente cómo lo ve tu cliente. Suerte! El 1 de febrero de 2012 20:39, Miguel Angel mik_...@hotmail.com escribió: Asegúrate de la versión que tiene el cliente, Comprueba que no use el tema de compatibilidad, Conéctate remotamente para ver como lo ve si es posible, Un saludo! El 01/02/2012, a las 20:35, Angel perez escribió: Gracias por tu respuesta Miguel, yo también lo veo bien en IE 8, no se exactamente cual puede ser el problema que tiene mi cliente ;( M4tik -- *Angel Pérez Sánchez* - T: (34) 645 911 124 - E: angelp...@gmail.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 ___ 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] sos sos opacity en ie9 no funciona sos sos
Según he leído en un blog del MSDN[1] el atributo opacity sólo funciona
cuando IE9 está en modo
estándar. De todas maneras, si quieres dar un soporte más amplio no está de
más añadir la
declaración para IE 9, quedando así:
.fiftyPercentOpaque
{
opacity: 0.5;
filter: alpha(opacity=50);
}
Suerte!
[1]
https://blogs.msdn.com/b/ie/archive/2010/08/17/ie9-opacity-and-alpha.aspx
[2] http://w3schools.com/Css/css_image_transparency.asp
El 29 de octubre de 2011 20:28, Miguel Angel Alonso Asencio
mxstun...@gmail.com escribió:
Saludos a todos .
El dichoso ie9 dando problemas como siempre el caso es que la propiedad
opacity lo unico que hace es aclarar el color pero no le da transparencia y
ademas solo pasa en el ie 9 en chrome , firefox y demas se ve perfectamente
___
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] cambiar estilo a una sola palabra
Basándote en la idea de tu script y la etiqueta span que te comenta
Jorge
puedes conseguir lo que te propones también en IE. Me explico:
1. Modifica tu script para que añada la etiqueta span
class=englishBiography/span
en vez de la etiqueta english[...]
2. Aplica en CSS el estilo que le quieras dar:
span.english { color:red; }
Saludos.
El 28 de febrero de 2011 20:41, GiLgAmEzH gilgam...@gmail.com escribió:
gracias por la respuesta jorge.
el problema es que el contenido del a /a lo esta armando Drupal y
yo no puedo tocarlo. Tengo un menú de opciones donde puedo cargar el
nombre del menú. es decir en tu ejemplo a Esto es un enlace /a
sería lo que yo obtengo.
No tengo opciones de editarlo. Mi pregunta es si es posible
seleccionar la palabra enlace únicamente sin tener ningún tag.
(sospecho que no se puede pero preguntaba para estar seguro).
Con el script que arme lo solucione en todos los browsers menos en IE
(el script justamente agrega un tag a la palabra)
2011/2/28 jorge adrian gonzalez jorge...@gmail.com:
No me queda claro lo que preguntas sin ver el ejemplo.
Pero si queres darle estilo a una palabra de un enlace encerra esa
palabra
dentro de una etiqueta spam y dale estilo a ese spam en particular.
Lo mejor es definir una clase para ese span:
aEsto es un span class=resaltarenlace/span/a
En css:
a {
color: black;
}
.resaltar {
color: red;
}
Así el enlace se verá negro salvo la palabra enlace que se verá en rojo.
No se si esa era tu pregunta. Saludos. Jorge.
El 28 de febrero de 2011 16:13, GiLgAmEzH gilgam...@gmail.com
escribió:
Hola a todos,
Creo que no hay ningún selector en CSS que me permita hacerlo, pero
ante la duda consulto para estar seguro.
Tengo una web en Drupal y el diseño que me pidieron requiere que un
titulo del menú tenga 2 estilos diferentes. El tema es que como es un
drupal no puedo meterle un div por ejemplo a la parte que quiero que
tenga estilo diferente.
Mi pregunta es si hay alguna manera de seleccionar (con css 2.1) una
sola palabra de un link y aplicarle un estilo.
por ejemplo: a title=Biografía href=/?q=bioBIOGRAFÍA Biography/a
yo quiero aplicar un estilo diferente a Biography.
Por ahora lo solucione con un pseudo-Script (sé muy poco de js y jquery)
$(document).ready(function(){
$('#primary').html($('#primary').html().replace(/Biography/ig,
englishBiography/english))
});
entonces después le doy otro estilo a english. pero en IE no logro
hacerlo funcionar y además no es muy prolijo.
gracias y saludos!
--
Los filósofos no han hecho más que interpretar de diversos modos el
mundo, pero de lo que se trata es de transformarlo C.M. Tesis 11
Uno no siempre hace lo que quiere
pero tiene el derecho de no hacer
lo que no quiere.
http://www.flickr.com/bolche
MSN, Gtalk, Jabber: gilgam...@gmail.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
--
Los filósofos no han hecho más que interpretar de diversos modos el
mundo, pero de lo que se trata es de transformarlo C.M. Tesis 11
Uno no siempre hace lo que quiere
pero tiene el derecho de no hacer
lo que no quiere.
http://www.flickr.com/bolche
MSN, Gtalk, Jabber: gilgam...@gmail.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] Problema con validacion de inputs de numeros en html5
Hola, Jose:
Según he estado viendo en la especificación[1] el rango se controla con los
parámetros min y max.
Para usabilidad veo sentido a lo que dices de controlar el maxlength, pero
sin eso, cuando envías
el formulario te da un aviso si las cifras están fuera de rango... (podéis
probarlo adaptando w3schools[2])
A lo que quiero llegar, es que estrictamente hablando se cumple la
validación de los inputs, aunque
en este caso no puedes controlarlo hasta que el usuario realiza la acción
de submit. Creo que es
mejor esto que hacer conversiones a string y perder la usabilidad de los
botonos de incremento/decremento.
Un saludo.
[1] http://www.w3.org/TR/html-markup/input.number.html
[2] http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_form_email
El 23 de enero de 2011 12:03, Jose Gil clli...@gmail.com escribió:
Hola a todos.
Hace dias que estoy dandole vueltas a la validacion de inputs de numeros en
formularios html5 y no he encontrado la forma de controlar la longitud
maxima.
Si escribo:
input type=number min=0 max=999 id=x name=x maxlength=3
value=0 title=algo class=numero/
Funciona pero no valida el estandar puesto que maxlength no es soportado
para number.
Si escribo:
input type=number min=0 max=999 id=x name=x pattern=[0-9]{3}
value=0 title=algo class=numero/
Ni funciona (supongo que no está soportado por el navegador) ni valida el
estandar puesto que pattern tampoco es soportado para number.
Evidentemente no se puede solucionar con CSS puesto que no es su funcion.
(Si solucioné con CSS el size).
Si se convierte el campo a text y filtrando con pattern sigue sin
funcionar.
Si se le añade maxlength funcionaría.
Para validar en este caso hay que eliminar los atributos min y max.
En este caso se pierden también las flechas de incremento/decremento y las
adaptaciones de teclado en móviles.
Alguien sabe como controlar con number (sin convertir a text ni javascript)
la longitud al mismo tiempo que valida html5.
Gracias por anticipado.
Saludos,
Jose
___
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] Como poner un texto vertical con css o con javascript
Fíjate que en el segundo de ellos hay un detalle tonto que hace que no
funcione,
el nombre de la clase del css es vetical mientras que en html es
transform.
Cuando la he cambiado en el css a transform me ha funcionado.
En el segundo te pasa una cosa parecida...
1º Creo que el position:absolute sí hace falta
2º Te has dejado el ; para indicar el fin de la sentencia CSS para la
clase verticaltext.
El código corregido:
**
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleTest/title
style
.contiene{
width: 50%;
border: 2px solid #CCC;
}
.verticaltext {
-webkit-transform: rotate(90deg)*;*
-moz-transform: rotate(90deg)*;*
-o-transform: rotate(90deg)*;*
transform: rotate(90deg)*;*
*position: absolute;*
}
.*transform*{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
position: absolute;
}
/style
/head
body
div class=verticaltextLorem ipsum y demás huevadas/div
div class=contiene
div class=*transform*Lorem ipsum y demás huevadas/div
/div
/body
/html
**
El 17 de diciembre de 2010 01:58, German Bustos ger...@atarraya.orgescribió:
Este es mi código, que no funciona
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleTest/title
style
.contiene{
width: 50%;
border: 2px solid #CCC;
}
.verticaltext {
-webkit-transform: rotate(90deg)
-moz-transform: rotate(90deg)
-o-transform: rotate(90deg)
transform: rotate(90deg)
}
.*vetical*{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
position: absolute;
}
/style
/head
body
div class=verticaltextLorem ipsum y demás huevadas/div
div class=contiene
div class=transformLorem ipsum y demás huevadas/div
/div
/body
/html
+++
Y este el que bajé de CSS3Maker
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titlewww.css3maker.com/title
style type=text/css
body{ font-size:18px; color:#FFF; }
a { color:#FFF}
.classname { border:solid 1px #2d2d2d; text-align:center;
background:#575757; padding:100px 50px 100px 50px; -moz-border-radius:
5px; -webkit-border-radius: 5px; border-radius: 5px;}
/* =Your Generated css
|||*/
.classname a{position:absolute; left:40%; -webkit-transform:
rotate(270deg);-moz-transform: rotate(270deg);-o-transform:
rotate(270deg);writing-mode: bt-lr;}
/* End of Your Generated css
|||*/
/style
/head
body
div class=classnamea href=http://www.css3maker.com;
www.css3maker.com
/a/div
/body
/html
El 16 de diciembre de 2010 19:36, Leandro Asrilevich bea...@gmail.com
escribió:
fijate que el ejemplo que te pase y lo que tenes en el link que diste de
ejemplo vos es lo mismo..
pega aca el codigo que estas usando asi veo por que puede no estarte
andando.
_
Leandro Asrilevich | www.beastxblog.com
FrontEnd Developer
Movil: +54 (11) 15 3663 0011
Web: http://www.beastxblog.com
MSN: bea...@gmail.com
Skype User: leandro.asrilevich
Dorrego 328
Muniz - Partido de San Miguel
Buenos Aires - Argentina
2010/12/16 German Bustos ger...@atarraya.org
Hola,
No me funciona el código que mandas, pero cuando lo hago con
http://www.css3maker.com/text-rotation.html# y lo descargo me
funciona,
no
entiendo cuál es el truco ¿la definición del DOM? ¿position: absolute
(probé
y no funcionó)? Yo veo mi código casi igual pero no funciona
Germán
El 16 de diciembre de 2010 15:47, Leandro Asrilevich bea...@gmail.com
escribió:
.verticaltext {
-webkit-transform: rotate(90deg)
-moz-transform: rotate(90deg)
-o-transform: rotate(90deg)
transform: rotate(90deg)
}
opera no se si lo soporta aun, pero te agregue como seria si lo
soportase.
para webkit (chrome, safari) y firefox estaria andando, y te puse la
ultima
declaracion transform para cuando los browsers empiecen a
soportarlo
directo sin usar el vendor filder
_
Leandro Asrilevich | www.beastxblog.com
FrontEnd Developer
Movil: +54 (11) 15 3663 0011
Web: http://www.beastxblog.com
MSN: bea...@gmail.com
Skype User: leandro.asrilevich
Dorrego 328
Muniz - Partido de San Miguel
Buenos Aires -
Re: [Ovillo] z-index en listas
Fíjate que el z-index sólo funciona cuando está fijada la posición a relative, absolute... Cito del W3C[1] *Definition and Usage* The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order. Note: z-index *only works* on positioned elements (position:absolute, position:relative, or position:fixed). [1] http://www.w3schools.com/Css/pr_pos_z-index.asp 2010/12/3 Joseba Rodríguez jos...@visionasolutions.es Hola! Tengo una lista para un menu ulli class=”menu1”/lili class=”menu2”/lili class=”menu3”/li/ul Tengo puesto un margin-left negativo al 2 y 3 y z-index para que el 2 quede sobre el 1 y el 3 sobre el 2 Pero me ignora el z-index. ¿Sugerencias? Gracias. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] CSS selector headings
Hola, a todos:
Estaba debanándome los sesos intentando averiguar como aplicar una regla CSS
a todos los headings (h1, h2, h3...).
Quizás no sea posible, pero me parece recordar que en algún momento lo hice
o lo leí en algún lugar...
¿Alguien sabe si existe algún selector CSS tipo h*?
Sino me resignaré a usar algo como:
h1, h2, h3, h4, h5, h6 { propiedad:valor; }
Pero claramente pierde elegancia...
Gracias!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] anchos variables
Hola,
Después de un rato planteándome este pequeño reto creo que he dado con la
solución (si es que he entendido bien la pregunta).
/ start code /
html
head
style
#left, #right { border:1px solid black;}
#right {
/* display:none; /* Uncomment to simulate only one column */
float:right;
width:15%;
}
/style
/head
body
h1Ovillo test/h1
div id=container
div id=rightRigth Column/div
div id=leftLeft Column/div
/div
/body
/html
/* end code ***/
Salud!
El 17 de noviembre de 2010 17:45, Jose Maria Ruiz de Arbulo
jmrarb...@gmail.com escribió:
Si no etendí mal el primer mensaje, prueba a meter un div dentro de otro, de
forma que cuando desaparezca el segundo, el primero ocupe todo el espacio.
Prueba lo siguiente (los bordes y padding los pongo para que veas el
resultado)
div
div style=width:50%; float:left; border: 2px solid #00; padding:
8px; A
div style=width:45%; float:right; border: 2px solid #00; padding:
8px;B
/div
/div
Saludos: Jose maría
El 17 de noviembre de 2010 17:42, Jose Maria Ruiz de Arbulo
jmrarb...@gmail.com escribió:
El 17 de noviembre de 2010 17:17, Jimmy Collazos || acido ||
cuatroxl.com
acid...@gmail.com escribió:
No lo consigues porque no le has añadido la nueva clase.
Lo que tú pides:
div
div style=width:50%A/div
div style=width:45%B/div
/diiv
y..
div
div style=width:50%A/div !-- como puedes ver no va a medir 100%
--
/diiv
Como puedes ver no es posible;
--
J i m m y C o l l a z o s :
desarrollado web; estándar, accesible, escalable
acido69
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Como redondear las esquinas de un div en css ???
Ariel, ¿cómo que no funciona en IE? Acabo de cerciorarme probando la demo sobre la bestia negra (el IE6) y ha funcionado (aquí una captura): *http://yfrog.com/mvjquerycornerie6p* Salud! El 6 de septiembre de 2010 15:16, Ariel isaacr...@gmail.com escribió: Es que jquery.corner no funiona en internet explorer. 2010/9/6 Ariel isaacr...@gmail.com Jairo, pero ese codigo sirve tb en internet explorer, chrome, etc ??? 2010/9/2 Jairo Ochoa jairo.oc...@gmail.com aquí tienes un ejemplo, cópia-y-pega en tu página img src=http://www.faq-mac.com/files/promo_lead_touch20100901.jpg; style=border: 1px solid #000; margin: 0pt 0pt 4px; padding: 4px; float: left; width: 250px; height: 247px; background-color: #000 ! important; background-repeat: no-repeat ! important; -moz-border-radius: 4px 4px 4px 4px; alt=ipod touch height=250 width=247 igual que para una imagen, sirve para un div -- Jairo Ochoa Dropbox - Almacenamiento gratis / Free online backup https://www.dropbox.com/referrals/NTg2Njc1MTg5 El 2 de septiembre de 2010 23:31, Ramon Lapenta ram...@gmail.com escribió: Yo probe el http://css3pie.com/ y me ha funcionado muy bien, lo mejor es que solo se carga en IE y no es pesado. Saludos Ramón Lapenta Diseñador, Webmaster web: Dessigual.com email: ram...@gmail.com On Sep 2, 2010, at 3:50 PM, Ariel wrote: Hola a todos, tengo un div con un background color y quiero que se le redondeen las esquinas, alguien sabe cual es la mejor forma de hacerlo Saludos Ariel ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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 :focus en WebKit (Safari y Chrome)
El 6 de agosto de 2010 14:21, Hernán Beati - SaberWeb.com.ar her...@saberweb.com.ar escribió: El 05/08/2010 08:06 p.m., inesansebastian escribió: Hola Hernán he visto tu código en el Safari en mac y creo que no puedo ayudarte, pero me ha parecido muy curioso que no funcione cuando pinchas con el ratón y sin embargo sí lo haga cuando vas pasando de uno a otro con alt + tabulador. Un saludo Así es, Inés, lo había probado (en PC también sucede lo mismo, al pasar con el tabulador funciona correctamente). En fin, ¿alguien conocerá a algún programador de WebKit al que podamos avisarle del fallo?... :-) Hombre, conocer personalmente no, pero como todo proyecto de software libre, no es difícil reportar un error. En el caso del WebKit: http://webkit.org/quality/reporting.html Salud! Saludos! -- Hernán Beati http://www.saberweb.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] lightbox y preload de demasiadas imagenes
El 27 de julio de 2010 17:43, Matias Palumbo palumbomat...@yahoo.esescribió: Hola, soy Matías, hace unos meses que ando por aqui, solo leyendolos y aprendiendo de la muy buena informacion que circula. Espero se mantenga e incremente. Les escribo porque tengo un problema con un efecto tipo lightbox sacado de este tutorial http://blog.unijimpe.net/efecto-lightbox-con-css Tras pelearme un poco con el codigo pude hacerlo funcionar, pero el problema surge con la cantidad de imágenes que quiero mostrar, el script funciona perfectamente, pero claro carga las imágenes ocultas y si son muchas (en mi caso son unas 12), tarda mucho en cargar la pagina y a su vez genera una transferencia innecesaria. esta es la pagina http://www.matiaspalumbo.com/html/portafolios/webs/index.html Alguien sabe de que forma puedo solucionar esto? Hay forma de traer la imagen solo cuando pincho en el enlace? Muchas gracias y saludos a todos. Creo que la manera más simple es usar JavaScript para realizar las peticiones bajo demanda. JQuery, por ejemplo, te puede proporcionar soporte para hacer estas peticiones. Mira, concretamente acabo de encontrar un cargador perezos (lazy), para hacer justamente esto. A ver si te sirve: http://www.appelsiini.net/projects/lazyload (sin JS a mí no se me ocurre nada...) ___ 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] Duda button
El 15 de julio de 2010 03:26, Xavier Araque A.|Rendergraf
xavierara...@gmail.com escribió:
En el CSS
Me parece algo mejor
.boton_enviar {
width:56px;
height:24px;
cursor:pointer;
background: transparent url(images/boton.png) no-repeat 0px 0px;
}
.boton_enviar:hover {
width:56px;
height:24px;
cursor:pointer;
background: transparent url(images/boton.png) no-repeat 0px -25px;
}
la imagen boton.png debe ser de 56 ancho x 48 alto
56px
||
| normal | 24px
|_|
| hover |24px = inicia en el pixel 25
|_|
Suerte
Xavier
El día 14 de julio de 2010 19:36, Raul Antonio Marino
i...@raul-marino.com.ar escribió:
Hola!
Tengo el siguiente codigo HTML:
td width=68 align=centerspan onmouseout=MM_swapImgRestore()
onmouseover=MM_swapImage('Image7','','images/enviar_berry_b.jpg',1)
button class=boton_enviar type=submitimg
src=images/enviar_berry_a.jpg name=Image7 width=56 height=24
border=0 id=Image7 alt=Enviar //button
/span/td
y el siguiente codigo CSS:
button.boton_enviar {
width:56px;
height:24px;
cursor:pointer;
}
Y lo que quiero hacer es que se vea la imagen en el button de tipo submit
y en el de tipo reset, la cuestion es que se me corre la imagen un poco para
abajo y para la derecha y se ve parte del button.
Como puedo solucionarlo o alguna forma de hacerlo correctamente?!
Desde ya, muchsimas gracias!
--
Rauacute;l Marino
http://www.raul-marino.com.ar
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
-Xavier-
La paciencia es una virtud, La constancia nos lleva al éxito -
Patience is a Virtue, Perseverance leads to success
3D Caracter Development, Graphic Designer and Web Engineer
http://linuxtachira.org
http://rendergraf.wordpress.com
Telf.: +58 416 1027262
Linux counter: 292510
___
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
Creo que este tema ya se trató en un hilo reciente:
*http://lists.ovillo.org/pipermail/ovillo/2010-July/016273.html*
*
*
La solución propuesta es aprovechar que el input admite el tipo imagen:*
*
input type=image src=guardar_cambios.gif name=guardacambios /
Al pulsarlo (se representara en pantalla con ese grafico) se enviara
el formulario con todos los datos (junto a coordenada X y coordenada Y
de donde pulses en el boton).
La referencia del estándar:
http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1
Salud!
___
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] Optimizar clases
@Jaume: Puedes probarlo directamente en http://validator.w3.org/ Pero sí, sí que valida el documento en XHTML 1.0 Strict El 7 de julio de 2010 23:39, jaume op jaum...@gmail.com escribió: Con un doctype stric validaría texto sin marcar? divEsto es un párrafo?/div divpEsto si es un párrafo/p/div Saludos Jaume El 7 de julio de 2010 19:45, Guadalupe Cervilla guadalupe...@gmail.com escribió: ¿No se podría directamente dar formato a los parrafos poniéndoles una clase a cada uno, sin tener que meterlos en divs?, ya que ambos de hecho ya están metidos en una div. Así se ahorraría un poco de código. La cosa sería: div class=bloque-1- que también podría ser un id en lugar de una clase - Aquí se definen tamaños y los datos comunes. h1Texto grande negrita/h1 - o bien la etiqueta que corresponda - Donde especifícas lo de negrita y su tamaño p class=dato1Texto pequeño rojo/p - especificas el color rojo p class=dato2Texto pequeño gris/p - incluso este class lo puedes eliminar ya que el color gris y todas las características también lo puedes definir en el div bloque-1 /div Es una idea Guadalupe Cervilla El 7 de julio de 2010 19:17, Tei oscar.vi...@gmail.com escribió: 2010/7/7 Rafa Artacho teme...@gmail.com: Estoy creando un bloque con distintas clases, este bloque se compone de: Una caja de 200px con tres textos distintos dentro: *Texto grande negrita* Texto pequeño rojo Texto pequeño gris El html queda así: div class=bloque-1Texto grande negrita div class=dato1Texto pequeño rojo/div div class=dato2Texto pequeño gris/div ... ¿Véis correcta esta práctica o es mejor crear clases individuales? Igual es preferible un html mas asi: div class=bloque id=b1 h2Texto grande negrita/h2 div class=dato primero pTexto pequeño rojo/p /div div class=dato ultimo pTexto pequeño gris/p /div p texto pequeño en italica/p /div 1) es mas semantico, el contenido esta etiquetado por su uso. h2 para algo que creo es un titulo. de todos modos no se si es perfecto,no entiendo todas las reglas que regulan que meter dentro de que (etiquetas de bloque y tal). 2) bloque-1 parece mas un id que una clase, asi que lo he dividido en un id y una clase. he separdo dato1 en dato primero por parecido motivo. podria haber uno o varios elementos entre dato1 y dato2 con clase dato enmedio. Una organización asi podria ser util en el futuro. 3) mas semantica, he metido todos los parrafos dentro de un p. no se si es una buena idea, pero siempre me ha dado la sensacion de que meter parrafos en bloques que no son parrafos irrita a los dioses de la informatica. del css no te voy a comentar nada, porque es un tanto apelotonado, y eso pasa muchas veces, y no siempre hay buenos motivos para decir que esta tremendamente mal. Seria como decir que una muchacha no es guapa, porque la has visto no estando peinada. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Guadalupe www.hacerwebs.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 ___ 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] input submit
Estoy de acuerdo con Tei, existe el input type=image ... por un momento he dudado pero: http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1 Creo que así queda mucho más limpio el código. Salud! El 1 de julio de 2010 21:20, Raul Antonio Marino i...@raul-marino.com.arescribió: Ya salio! :D Muchas Gracias! -- Ra?l Marino http://www.raul-marino.com.ar - Original Message - From: Raul Antonio Marino [mailto:i...@raul-marino.com.ar] To: ovillo@lists.ovillo.org Sent: Thu, 1 Jul 2010 16:03:35 -0300 Subject: Re: [Ovillo] input submit Gracias Miguel! Salio bastante bien, la cuestion es que el button se ve mas grande que la imagen, y ya probe ponerle ancho y alto pero no me funca! -- Ra?l Marino http://www.raul-marino.com.ar - Original Message - From: Miguel Gonzalez [mailto:lla...@gmail.com] To: ovillo@lists.ovillo.org Sent: Thu, 01 Jul 2010 20:09:50 +0200 Subject: Re: [Ovillo] input submit El 01/07/10 17:26, Raul Antonio Marino escribi?: Buenas! Tengo una imagen que al ser pulsada envia un formulario, pero para que envie todas las variables tiene que ser un input de tipo submit, como hago para ocultar de alguna forma este input submit y que se vea la imagen y que al ser pulsada sea como clickear el input submit verdadero, o cual es la forma correcta de hacerlo?! Desde ya, muchas gracias a quien me pueda ayudar! :) -- Ra?l Marino http://www.raul-marino.com.ar Hola Ra?l, Una forma correcta es usando la capacidad del elemento button de contener una imagen: button type=submitimg src=mi-imagen.gif alt=Enviar/button Referencia: http://www.w3.org/TR/html4/interact/forms.html#edef-BUTTON ...Y mediante CSS camuflar el bot?n: style=background: none; border: 0; padding: 0; ?Saludos! Miguel Gonz?lez ___ Lista de distribuci?n Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direcci?n: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribuci?n Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direcci?n: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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
