Usar css en un input

camaron2004 · #1 (**permalink**) 19/08/2011, 14:05

Saludos a todos.

Mi codigo es el siguiente:

Código HTML:

Ver original<form name="form1" method="post" action="clientes.php?caso=nuevo">
<input type="submit" name="Submit" value="NUEVO REGISTRO"  />
</form>

y quisiera asignarle un estilo, si lo pongo de la siguiente manera funciona bien:

Código HTML:

Ver original<form name="form1" method="post" action="clientes.php?caso=nuevo">
<input style="color: green; background-color: yellow;" type="submit" name="Submit" value="NUEVO REGISTRO"  />
</form>

pero lo que yo quiero es meter el estilo en un css y me imagino que tendria que usar clases, algo asi:

Código HTML:

Ver original<form name="form1" method="post" action="clientes.php?caso=nuevo">
<input class="boton" type="submit" name="Submit" value="NUEVO REGISTRO"  />
</form>

Código CSS:

Ver original.boton {
color: green;
background-color: yellow;
}

pero no me funciona, no se que estoy haciendo mal, espero alguien me pueda ayudar

IsaBelM · #2 (**permalink**) 19/08/2011, 14:51

está todo correcto. debería de funcionar en cualquier navegador

camaron2004 · #3 (**permalink**) 19/08/2011, 15:15

si, yo tambien lo veo ben, pero nomas no sale, espero alguien le vea algun detalle

IsaBelM · #4 (**permalink**) 19/08/2011, 15:23

no hacia falta que lo probara, pero aún así lo he probado ...... y sabes qué?? funciona. muestra todo el código de la página

camaron2004 · #5 (**permalink**) 19/08/2011, 16:23

pues ahi va, aunque es bastante:

Código HTML:

Ver original<?
session_start();
if(isset($_SESSION) && $_SESSION["age"]=="1"){
header("location:login.php");
} else {
if(isset($_SESSION) && $_SESSION["age"]=="2" or $_SESSION["age"]=="3" or $_SESSION["age"]=="4"){?>
<!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>
<link rel="shortcut icon" href="img/ppym.ico">
 
<script language="JavaScript" src="Scripts/calendar1.js"></script>
 <script type="text/javascript" src="Scripts/prototype.js"></script>
    <script type="text/javascript" src="Scripts/effects.js"></script>
    <script type="text/javascript" src="Scripts/controls.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Agenda de Clientes</title>
<link href="fuente.css" rel="stylesheet" type="text/css" />
</head>
<body background="img/Fondo2.png">
 
 
<div id="contenido" style="width: 100%;">
 
<h3>Agenda de Clientes</h3>
 
<?php
 
if (isset($_GET["code"]) && !empty($_GET["code"])){
    $code=$_GET["code"];
 
if($code=="1"){echo'<br><b><div class="xplik">Registro nuevo insertado</div></b><p>';}}
if(isset($_GET['code']) && $_GET['code']=="2"){echo'<br><b><div class="xplik">Registro actualizado</div></b><p>';}
if(isset($_GET['code']) && $_GET['code']=="3"){echo'<br><b><div class="xplik">Registro eliminado</div></b><p>';}
 
if($_SESSION["age"]=="3" or $_SESSION["age"]=="4"){
echo'<form name="form3" method="post" action="agenda_clientes_ac.php?caso=nuevo">
<input class="boton" type="submit" name="Submit" value="NUEVO REGISTRO"  />
</form>
 
';}
 
$dp = mysql_connect("$ubicacion", "$usuario", "$contraseña");
mysql_select_db("$base", $dp);
 
echo'<form name="form4" method="post" >';
echo'<table width="100%" ><tr><td width="100%" align="middle"><input type="text" id="bus_a_c" name="bus_a_c" size="50" /> <img src="img/lupa-48x48.png" align="absmiddle"/>
<input name="id_cliente" id="id_cliente" type="hidden" value="$id_cliente">
 
<div id="hintp"></div><a href="#" onClick="popper(\'agenda_clientes_pop.php?cliente=\'+document.form4.id_cliente.value)"><img src="img/vp.jpg" border=0/></a>';
    ?><script type="text/javascript">
function updateHiddenb(txt, li)
{
document.form4.id_cliente.value = li.id;
}
        new Ajax.Autocompleter("bus_a_c","hintp","busqueda_agenda_clientes.php",{afterUpdateElement: updateHiddenb, indicator: 'indicator1'});
    </script><br/><div id="indicator1" style="display: none" style="background-color:#FFFFFF; border:#000000 solid 1px; width:200px; text-align:center; position:absolute; z-index:30"><img src="img/loading.gif" align="absmiddle"> <font color="#666666"><b>Buscando...</b></font></div>
 
          </td></tr></table></form>
          <?
$result = mysql_query("SELECT * FROM agenda_clientes order by Estacion", $dp);
if (mysql_num_rows($result)){
echo'<table width="100%" cellspacing="0" cellpadding="4" bordercolor="#000000" style="border-collapse:collapse">
<tr><td align=middle ><table width="80%" border="1" cellspacing="0" cellpadding="4" bordercolor="#000000"  align="middle" bgcolor=#6B88BB style="border-collapse:collapse">
                    <tr>
                  <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">E. S.</font></td>
          <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Razon Social</font></td>
          <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Telefono</b></font>
          <td background="img/bar5b.gif" height=25 class="layercaption2" align=middle><font color="#ffffff">Detalles</font></td></tr>';
while ($row = @mysql_fetch_array($result))  {
 
echo'        <tr>
    <td class="dataclass" align=middle  >'.$row["Estacion"].'</td>
    <td class="dataclass" align=middle  >'.$row["Razon_social"].'</td>
    <td class="dataclass" align=middle  >'.$row["Tel"].'</td>
    <td class="dataclass" align=middle  >';
    #######################################################################################333
echo'
 
<a href="#" onClick="return overlay(this, \'Details_'.$row["id"].'\')"><img src="img/crux.png" border=0/></a>
<DIV id="Details_'.$row["id"].'" style="position:absolute; display:none" class="dataclass" onmousedown="comienzoMovimiento(event, this.id);" onmouseover="this.style.cursor=\'move\'">
 
<div style="border: 1px solid black; background-image: url(img/back_main.gif); width: 500px; height: 300px; padding: 0px">';
echo'<table width=100% cellspacing=0 cellpadding=0 border=0>
<tr>
                                ';if($_SESSION["age"]=="4"){echo'
                <td class="layercaption1"><font color="#ffffff"><a href="agenda_clientes_ac.php?caso=actualizar&id='.$row["id"].'"><font color="#ffffff">Editar</font></a> | <a href="javascript:confirmDelete(\'processppym.php?modulo=agenda_clientes&caso=borrar&id='.$row["id"].'\')" onMouseover="window.status=\'\'; return true" onClick="window.status=\'\'; return true"><font color="#ffffff">Eliminar</font></a></font>
                </td>';}echo'
 
            </tr>
<tr>
    </table>';
 
$dp = mysql_connect("$ubicacion", "$usuario", "$contraseña");
mysql_select_db("$base", $dp);
 
$result4 = mysql_query("SELECT * from agenda_clientes where id = '$row[id]'");
$Razon_social=mysql_result($result4,0,"Razon_social");
$Domicilio=mysql_result($result4,0,"Domicilio");
$Del=mysql_result($result4,0,"Del");
$Contacto=mysql_result($result4,0,"Contacto");
$Cargo=mysql_result($result4,0,"Cargo");
$Estacion=mysql_result($result4,0,"Estacion");
$RFC=mysql_result($result4,0,"RFC");
$CP=mysql_result($result4,0,"CP");
$Tel=mysql_result($result4,0,"Tel");
$Notas=mysql_result($result4,0,"Notas");
 
echo'<table width=100% cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr><td colspan=19 background="img/bar5.gif" height=25 class="layercaption2" align=middle><b>Detalles</b></td><td width=1 bgcolor="#cccccc" background="img/bar5.gif"><a href="#" onClick="overlayclose(\'Details_'.$row["id"].'\'); return false"><img src="img/exxs.png" border="0" alt="Cerrar"></a></td> </tr></table>
<table width=100% border=0>
<tr>
<td valign=top>
<table width=100% cellspading=3 cellspacing=3 border=0>
            <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Razon Social</b></td>
            <td width=80% bgcolor=cccccc align=left class="dataclass">'.$row["Razon_social"].'</td></tr>
                        <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Estacion</b></td>
            <td width=80% bgcolor=cccccc align=left class="dataclass">'.$row["Estacion"].'</td></tr>
                                    <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Domicilio</b></td>
            <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Domicilio.'</td></tr>
            <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b></b></td>
            <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Del.' C.P. '.$CP.'</td></tr>
            <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Telefono</b></td>
            <td width=30% bgcolor=cccccc align=left class="dataclass">'.$Tel.'</td></tr>
            <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>RFC</b></td>
            <td width=30% bgcolor=cccccc align=left class="dataclass">'.$RFC.'</td></tr>
            <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Contacto</b></td>
            <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Contacto.'</td></tr>
            <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Cargo</b></td>
            <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Cargo.'</td></tr>
                        <tr>
            <td width=20% bgcolor=cccccc valign=top align=left class="dataclass"><b>Notas</b></td>
            <td width=80% bgcolor=cccccc align=left class="dataclass">'.$Notas.'</td></tr>
            </table></td>
</tr>
</table>
    </td>
 
 
';
    #######################################################################################333
echo'   </td></tr>';
                                            }
echo '</table></td></tr></table>';                          }
mysql_close($dp);
 
?>
</div>
</body>
</html>
<? }} ?>

y el css es:

Código CSS:

Ver originalbody {
color: black;
font-family: Verdana;
}
 
 
.boton {
color: green;
background-color: yellow;
}

IsaBelM · #6 (**permalink**) 19/08/2011, 16:45

ok, tendría que haber sido mas clara. lo que has de mostrar es el html que se genera al ejecutar el código, pero sólo el que está involucrado en el problema que planteas

camaron2004 · #7 (**permalink**) 19/08/2011, 16:59

muchas gracias, pero que crees, cerre el navegador y a la hora de abrir para sacar el codigo fuente ya funciono bien, gracias por tu atencion isabel y bendiciones.