Autor Tema: Ayuda  (Leído 2238 veces)

Desconectado Enanotf

  • PHPer@
  • **
  • Mensajes: 52
  • Karma: 0
  • <? $Enanotf = "PHP Interested"; ?>
    • Ver Perfil
Ayuda
« en: 03 de Mayo de 2007, 19:57:41 pm »
Buenas estaba buscando la manera de poder pesonalizar el boton de envio de un formulario estaba buscando que saliera este boton (me falto poner las letras enviar) en ves del tipico que sale gris, lo e intentado en css personalizandodlo con dreamweaver y no me sale el boton que quiero poner es este y esta es la oja css con la que lo intente...gracias

Código: [Seleccionar]
.formulario {
font-family: "Times New Roman", Times, serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: none;
background-attachment: fixed;
background-image: url(tittle.gif);
background-repeat: no-repeat;
background-position: center center;
}

Comunidad PHPeros

Ayuda
« en: 03 de Mayo de 2007, 19:57:41 pm »

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: Ayuda
« Respuesta #1 en: 03 de Mayo de 2007, 20:29:19 pm »
Lo he provado y es cierto...

Ahora, quita ésto:
   "text-decoration: none;"

Lo he quitado y funciona ;)

Ten en cuenta que has de tener la imágen colocada donce dice la URL que has puesto y también que tienes que darle estilo al botón...

Saludos!

Desconectado Enanotf

  • PHPer@
  • **
  • Mensajes: 52
  • Karma: 0
  • <? $Enanotf = "PHP Interested"; ?>
    • Ver Perfil
Re: Ayuda
« Respuesta #2 en: 03 de Mayo de 2007, 22:51:01 pm »
Quite esa fila le meti el archivo formulario.css al boton del formulario lo seleccione como estilo y me sige saliendo el mismo

pense que podria cambiar la linea de style papara poner esto
<input type="submit" value="Enviar la solicitud" name="enviar" style="font-family: Tahoma; font-size: 10 px; font-weight: bold; background-color: #0066FF; border: 1px solid #000000; float:left">
para poner esto funcionara?

<input type="submit" value="Enviar la solicitud" name="enviar" style="/formulario.css">

No se si eso funcionara ahora lo pruebo

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: Ayuda
« Respuesta #3 en: 03 de Mayo de 2007, 22:58:11 pm »
<input type="submit" value="Enviar la solicitud" name="enviar" class="formulario">

Si tienes el CSS en la misma página, irá así, si lo tienes en otra página distinta, pues debes poner el código que dieron en otro foro creo, y luego ese que te he puesto...

Has de poner class="estilo", simplemente eso ;)

Entiendes? Saludos!

Desconectado Enanotf

  • PHPer@
  • **
  • Mensajes: 52
  • Karma: 0
  • <? $Enanotf = "PHP Interested"; ?>
    • Ver Perfil
Re: Ayuda
« Respuesta #4 en: 03 de Mayo de 2007, 23:03:50 pm »
Muchas gracias al final pude :P ay que poner esto para que coga el estilo de la hoja css

<input type="submit" value="  Enviar solicitud  " name="enviar" style="formulario.css background-color: #2D2C7F; layer-background-color: #2D2C7F; border: 1px none #000000; background-image: url(&#39;tittle.gif&#39;); ">

esto es lo que tube que modificar
style="formulario.css background-color: #2D2C7F; layer-background-color: #2D2C7F; border: 1px none #000000; background-image: url(&#39;tittle.gif&#39;); ">

por ahora va bien y digo por ahora porque tengo que subirlo a un host a ver si se ve igual...saludos!


*EDITO*: En el Internet explorer se ve perfecto pero en el mozilla firefox se ve mal :S alguna solucion para esto?
« Última modificación: 03 de Mayo de 2007, 23:06:33 pm por Enanotf »

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: Ayuda
« Respuesta #5 en: 03 de Mayo de 2007, 23:09:30 pm »
Citar
*EDITO*: En el Internet explorer se ve perfecto pero en el mozilla firefox se ve mal :S alguna solucion para esto?

No... xD es un royazo lo que se te ve bien en firefox en IE se ve mal y viceversa (no siempre pero la mayoria de veces xD)
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: Ayuda
« Respuesta #6 en: 03 de Mayo de 2007, 23:19:17 pm »
Yo prové el código eliminando lo que te dije y el firefox se me veía de lujo...

Intenta hacerlo bien, con class y CSS "normal" en vez de darle esos atributos en el boton justo....

Como quieras, prueba haber si se te ve bien...

Saludos!

Desconectado Enanotf

  • PHPer@
  • **
  • Mensajes: 52
  • Karma: 0
  • <? $Enanotf = "PHP Interested"; ?>
    • Ver Perfil
Re: Ayuda
« Respuesta #7 en: 04 de Mayo de 2007, 00:53:53 am »
En el internet explorer va de lujo (cosa rara xD) y en el mozilla se ve que consigo lo que quiero pero no se ve el boton completo solo se ve la parte que abarca el texto...m0rk no entiendo lo que me quieres decir yo de CSS no se nada pero nada x'D, no se como se hace eso en dreamweaver me podrias dar algun ejemplo?.


Aquí os dejo como se me ve en cada navegador !!




Saludos!!!! :P :P :P :P
« Última modificación: 04 de Mayo de 2007, 01:00:42 am por Enanotf »

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: Ayuda
« Respuesta #8 en: 04 de Mayo de 2007, 07:49:59 am »
<!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=iso-8859-1" />
<
title>Documento sin t&iacute;tulo</title>
<
style type="text/css">
<!--
.
formulario {
	
font-family"Times New Roman"Timesserif;
	
font-size10px;
	
font-stylenormal;
	
line-heightnormal;
	
font-weightnormal;
	
font-variantnormal;
	
text-transformcapitalize;
	
color#000000;
	
text-decorationnone;
	
background-imageurl(tittle.gif);
	
background-repeatno-repeat;
	
background-positioncenter center;
  }
-->
</
style>
</
head>

<
body>
<
form id="form1" name="form1" method="post" action="">
  <
label>
  <
input name="Submit" type="submit" class="formulario" value="Enviar" />
  </
label>
</
form>
</
body>

</
html>


Un ejemplo hecho con el dreamweaver ;)

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: Ayuda
« Respuesta #9 en: 05 de Mayo de 2007, 23:39:57 pm »
Times New Roman es mu fea! :P
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re: Ayuda
« Respuesta #10 en: 06 de Mayo de 2007, 01:09:31 am »
Bastante xD

La Verdana es, creo yo, la más utilizada y la más "bonita"

Desconectado G2K

  • Moderador de Programación General
  • PHPero Master
  • ****
  • Mensajes: 2.245
  • Karma: 76
  • Sexo: Masculino
  • Dame un punto de apoyo y moveré la Tierra
    • Ver Perfil
    • Cristian Torrijos
Re: Ayuda
« Respuesta #11 en: 06 de Mayo de 2007, 01:39:37 am »
o Arial :P
Campeón del CatSkills de Webs (Enero 2011)
Campeón del SpainSkills de Webs (Abril 2011)
http://www.youtube.com/watch?v=1fBMG8F_hpM
Mejor representante catalan en SpainSkills 2011


Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re: Ayuda
« Respuesta #12 en: 22 de Agosto de 2007, 23:37:39 pm »
Donde este Tahoma en negrita que se quite todo lo demas...
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es