Re: [Ovillo] Imagen en SUBMIT
¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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] Imagen en SUBMIT
Eso creo yo también: especificaba claramente CSS. En cualquier caso, ya dije que no estaba totalmente seguro... :P Yo siempre pongo los submit como solo texto, con lo cual... :) Saludos, eRNieB ¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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] Imagen en SUBMIT
Confusión total: CSS (Hojas de Estilo en Cascada) es, como su nombre lo
indica: estilos. Lo de cascada es alusivo a herencia. En cambio, un
botón de submit, es un objeto. En otro idioma: la Biblia junto al
calefón (Enrique Santos Discépolo).
Es aquella vieja discusión de forma y contenido. En este caso, un objeto
llamado BUTTON, de otro llamado FORM, son elementos de construcción
inherentes a la forma, y los estilos, vendrían a ser los adornos de esa
forma.
De todos modos, yo he hecho esto:
html
head
titleRarito/title
style
.imagen {background: white url(enviar.gif) no-repeat fixed top left; width:
100px; height: 25px; padding: 0px; margin: 0px; border: solid 0px red}
button {border: solid 0px black; width: 100px; height: 25px; padding: 0px;
margin: 0px}
/style
/head
body
Cambiar de 0px a 1px en los estilos y observar comportamientos en Explorer,
Firefox,
Opera, Konkeror y oros. También puede cambiarse 100px por 106px y 25px
por 31px y observar comportamientos.
form
button type=submit
div class=imagennbsp;/div
/button
input type=text name=texto
/form
/body
/html
...pero es muy complejo y cada navegador interpreta lo que le parece.
Explorer sí nos muestra lo que, al menos, es nuestra intención.
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: Ernesto Frías [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, March 10, 2007 9:30 AM
Subject: Re: [Ovillo] Imagen en SUBMIT
Eso creo yo también: especificaba claramente CSS. En cualquier caso,
ya dije que no estaba totalmente seguro... :P
Yo siempre pongo los submit como solo texto, con lo cual... :)
Saludos,
eRNieB
¡Qué javascript ni que la pepa!
form
button type=submit
img src=enviar.gif width=100 height=15
/button
input type=text
/form
Creo recordar que la pregunta especificaba usando CSS
___
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] Imagen en SUBMIT
Es verdad... Pero la respuesta no iba dirigida a tí en particular sino a aquellos que suponen el uso de Javascript... :) Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: Ernesto Rodríguez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, March 10, 2007 8:51 AM Subject: Re: [Ovillo] Imagen en SUBMIT ¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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 sobre la mejor forma de hacer lo siguiente ...
Yo no, yo haría una cosa así:
div id=header
h1título de tu página/h1
h2Subtítulo, lema, descripción breve o similares de tu página/h2
/div
#header {
width: 829px;
height: 149px;
background: #000 url(../images/banner_rv.png) no-repeat;
}
Ya que la imágen es parte de la presentación, no del contenido, además lo de
las etiquetas h1 y h2 es para el titulo y descripción o lo que sea de la
web, es info que se debe poner, si no las quieres mostrar, o ya tienes esos
textos en la imágen del header puedes hacer un sencillo #header h1, #header
h2{display:none;}
El día 10/03/07, Ernesto Frías [EMAIL PROTECTED] escribió:
Yo personalmente me quedaria con la segunda.
Me parece más elegante y creo que es la más correcta.
Saludos,
Ernesto
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
--
Juan J. Muñoz
http://www.taarq.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] background display none
La cosa nos Konqueror, que somos pocos los que lo usamos, sino Safari, que
utiliza el mismo motor, asi que habrá que probrar...
El día 9/03/07, Marc González Majoral [EMAIL PROTECTED] escribió:
Sólo decirte que usando la última versión de Konqueror (3.5.6), esa
página web no se puede ver de ninguna manera. Se ven unos planos en
gris como fondo, unas cajas entrecortadas de color rojo que al pasar
por encima desaparecen y un enlace para entrar, que al pinchar no
hace nada (presupongo que porque tiene un return false;). Konqueror
soporta la mayoría de Javascript 'estándar', pero los creadores de
librerías para 'efectos majos' no parecen tenerlo en cuenta. Muchas de
las funciones que permite Interface, por ejemplo, tampoco funcionan.
Si quieres una captura de pantalla o que te ayude con alguna
modificación para que funcione, mándame un mail a mi correo, ya que
esto es un poco offtopic.
El 9/03/07, Alejandro Moreno [EMAIL PROTECTED] escribió:
justo :-D. Mil gracias, un saludo
On 3/9/07, spi [EMAIL PROTECTED] wrote:
ponle a #content_template un position:absolute; creo que así
solucionas
el problema que dices...
un saludo
Alejandro Moreno escribió:
el código estaba feten, solo faltaba añadirle un pequeño
style:display:none. Solo una cosa mas, al colocar el fondo antes
del
resto
de etiquetas se me solapa sobre una de los divs, es decir, no deja
que
aparezca. En concreto, en el siguiente codigo aparece mainwindow
pero
no
logout. He probado a quitarle los display none y parece que es
problema de
solapamiento del fondo sobre logout...
div id=fondo style=display:none/div
div id=content_template
div id=mainwindow style=display:none;
/div
div id=logoout
a href=# !-- onmouseover=showall();
onmouseout=fadeall(); --
!-- onclick=enter(); --
div id=logo onclick=slide();
/div
/a
/div
CSS:
#logoout {
padding:10px;
text-align:center;
vertical-align:middle;
width:210px;
height:170px;
background-image: url(imagenes/fondo_logo.jpg);
background-repeat:no-repeat;
background-position:center;
z-index:1;
}
#windowbody {
margin-top:-15px;
width:440px;
height:400px;
background-image: url(imagenes/plantilla/fondo_venta.jpg);
background-repeat:no-repeat;
}
#fondo {
position:fixed;
margin:0px;
top:0px;
left:0px;
background-image:url(/templates/aratec/prehome/imagenes/fondo1.jpg);
/* o
pon el fondo que quieras... */
width:100%;
height:100%;
z-index:0;
}
On 3/9/07, Alejandro Moreno [EMAIL PROTECTED] wrote:
Justo :-D,
parece que la clave está en el z-index, verdad? por lo que leo por
ahí
lo
que hace es ordenar en diferentes capas y poder así evitar que se
peguen
entre ellas, ¿me equivoco?
Gracias, un saludo.
On 3/9/07, spi [EMAIL PROTECTED] wrote:
hola.. yo tambien uso scriptaculous.. y creo, si te entendí
bien...
que
lo que quieres hacer es algo así...
crear un div fondo, que es el que quieres que haga el Fade (más
bien
Appear si quieres que aparezca.. ) y le pones z-index a 0. despues
un
div contenedor, donde metes lo que quieras...
o sea, algo así... no lo probé pero creo que así funcionará bien..
HTML:
script type=text/JavaScript
window.onload = function() {
new Effect.Appear('fondo'); //por lo que entendí quieres
que
parezca... por eso Appear...
}
/script
body
div id=fondo/div
div id=contenedor/div
/body
CSS:
#fondo {
position:fixed;
margin:0px;
top:0px;
left:0px;
background-color:#333; /* o pon el fondo que quieras... */
width:100%;
height:100%;
z-index:0;
}
#contenedor {
position: absolute;
top:0px;
left:0px;
z.index=1;
}
Alejandro Moreno escribió:
Buenas tardes,
estoy intentando hacer algo raro. Estoy usando la libreria
script.acol.us y
quiero que al pasar a una sección nueva el fondo de la misma
aparezca
con un
fade, usando uno de los efectos de la libreria. Pero claro, para
eso
tengo
que hacer que primer desaparezca. No se si me explico.
Normalmente haces con un div style=display:none, pero si hago
eso
en el
body... la liamos. Y tampoco puedo hacerlo sobre la propia
etiqueta
puesto
que hay etiquetas que contiene que no quiero que sufran ese
efecto.
Es
decir, si abrimos la web estarían todos los elementos excepto el
fondo, que
iria
Re: [Ovillo] de importancia ( creo )
Con lo de lenguajes dinamicos.. Drupal no es un lenguaje, es un CMS... o portal.. pero no un lenguaje.. Lenguaje, pues puede ser PHP o ASP, aunque por popularidad (y por un monton de cosas mas) yo recomendaria PHP.. On 3/6/07, jaume op [EMAIL PROTECTED] wrote: Siguo esta lista inactivo pero en linea. [ y muy agradecido ] Digamos que: hasta que punto llegar rabajando solo con xhtml _y_css . Conozco casi nada de lenguajes dinamicos ( comienzo con drupal ? ) Es rentable construir microwebs solo con lenguajes lado cliente? Que número paginas estaticas seríalógico mantener_? Tema complicado para quien no conoce demasiados lenguajaes deprogamación. Espero comprendais a este novato. Y por fin pidiendo en demasia algun servidor de prueba decentillo !--quizas ieespaña-- P.D. Las microweb me validan tanto en html como en css ___ 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] La rebelión de Firefox.
¡Extraordinaria sugerencia! Hice esto y encontré que cada cual lo resolvía
de modos diferentes. Lo cual me obligó a hacer un script que detecte
Firefox, Opera y Explorer y les entregue una hoja de estilo diferente para
el LI en particular corrigiendo su contexto.
Ignoro cuál es el appName de Konqueror y Safari (supongo que Konqueror y
Safari, je) siempre y cuando no fanfarroné ni marque territorio como
Explorer (Microsoft Internet Explorer).
Bueno, parches mediáticos o no, lo cierto es que ahora todo se ve OK en
estos 3 navegadores (sobre Windows, al menos), y ya sea en 800x600 como en
1024x768 píxeles (ignoro otras resoluciones).
Gracias por la orientación:
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: stripTM [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, March 09, 2007 7:37 PM
Subject: Re: [Ovillo] La rebelión de Firefox.
LISTAS escribió:
Y AQUI VIENE EL PROBLEMA:
Me inventa un margin-bottom por el alto total del objeto. ¿Qué me cuentan,
¿eh?
Para que vean el efecto indeseado, copien y peguen el texto del ejemplo
y
luego agréguenle más a gusto y piachere. Después me cuentan.
¿Bug? No opino para evitar la ira de los evangelistas... ;-)
¿Teorías? Paso. ¿Soluciones? Vengan. ¿Insultos? Mmmm es viernes...
¿Donde dices que inventa un margen?
Añade un li {border: 1px solid red;} para que veas como quedan todas las
cajas
--
Saludos -=stripTM=-
___
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 element.backgroundImage
Creo que podrias hacerlo de varias formas:
Capa de fondo.
div style=position: absolute; width: 800px; height: 600px; z-index: 1;
left: 100px; top: 15px id=capa1
div id=transimg id=cimg style=FILTER:
progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,duration=3);WIDTH:
800px;HEIGHT: 600px; src=images/imag1.jpg name=slideimg width=800
height=600 alt= border=0/divscript language=javascript
src=js/fade.js/script/div
El archive JS contiene el script de rotación de las imagines.
En la transición puedes utilizar cualquier tipo de filtro de MS
Capa superior:
div style=position: absolute; width: 500px; height: 200px; z-index: 5000;
left: 257px; top: 65px; font: bold 36px Georgia; id=capa2Esta seria la
capa superior de texto /div
En esta capa superior también podrías utilizar otro JS o bien archivo flash
con fondo transparente. Todo depende de lo que quieras hacer y como.
Si tienes alguna duda al respecto me lo dices para enviarte un enlace donde
puedas descargar un ejemplo que tengo y que funciona perfectamente pero la
transición solo en IE
Un cordial saludo de SantosVZ
-Mensaje original-
De: Alejandro Moreno [mailto:[EMAIL PROTECTED]
Enviado el: Viernes, 09 de Marzo de 2007 08:55 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] cambiar element.backgroundImage
Buenos dias,
seguimos en la brecha...
se puede cambiar sobre la marcha a un elemento su imagen de fondo? Algo así:
function change()
{
el = document.getElementById('header');
imagen = funcionrRandom();
el.style.background = imagen;
}
como veis lo he intentado con javascript sin exito... alguien ve que estoy
haciendo mal?
estoy intentando hacer algo parecido a lo de aperture de apple, para mas
pistas http://www.apple.com/aperture/
un saludo y 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
