Comunidad PHPeros
Lenguajes => CSS => Mensaje iniciado por: Enanotf 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 (http://img230.imageshack.us/img230/9656/tittlepl0.gif) y esta es la oja css con la que lo intente...gracias
.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;
}
-
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!
-
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
-
<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!
-
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('tittle.gif'); ">
esto es lo que tube que modificar
style="formulario.css background-color: #2D2C7F; layer-background-color: #2D2C7F; border: 1px none #000000; background-image: url('tittle.gif'); ">
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?
-
*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)
-
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!
-
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 !!
(http://img67.imageshack.us/img67/8366/lollb5.png)
Saludos!!!! :P :P :P :P
-
<!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ítulo</title>
<style type="text/css">
<!--
.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-image: url(tittle.gif);
background-repeat: no-repeat;
background-position: center 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 ;)
-
Times New Roman es mu fea! :P
-
Bastante xD
La Verdana es, creo yo, la más utilizada y la más "bonita"
-
o Arial :P
-
Donde este Tahoma en negrita que se quite todo lo demas...