Ok, ya lo he corregido, otra duda que va muy relacionada es esta:
el script de ese css lo que hace es que hay un boton de registro y al darle aparecen los input, este es el codigo php y luego el css.
El problema no es que no funcione, porque en chrome, ie y safari funciona pero en mozilla firefox no, y ya lo he validado bien:
el php:
Código PHP:
<!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> Vipefy invisible </title>
<link rel="stylesheet" href="profilecss.css" />
</head>
<body>
<form action="creausuarios.php" method="post" name="perfil">
<input type="button" id="registro" name="registro" value="Registro" class="botonregistro" onclick="javascript:formulariodiv.className='mostrar';" />
<div id="formulariodiv" class="no">
<input type="text" maxlength="20" id="name" name="name" value="Nombre" class="input" onclick="if(this.value=='Nombre') this.value=''" onblur="if(this.value=='') this.value='Nombre'" /><br/>
<input type="text" maxlength="20" id="surname" name="surname" value="Apellidos" class="input" onclick="if(this.value=='Apellidos') this.value=''" onblur="if(this.value=='') this.value='Apellidos'" /><br/>
<input type="text" maxlength="60" value="Correo electrónico" id="correo" name="correo" class="input" onclick="if(this.value=='Correo electrónico') this.value=''" onblur="if(this.value=='') this.value='Correo electrónico'" /><br/>
<input type="password" maxlength="30" value="Contraseña" class="input" id="contraseña" name="contraseña" onclick="if(this.value=='Contraseña') this.value=''" onblur="if(this.value=='') this.value='Contraseña'" /><br/>
<input type="submit" value="" class="botonsubmit" />
</div>
</form>
<script type="javascript/text">
</script>
</body>
</html>
y el css es el de arriba:
Código PHP:
body {
background-image:url('fondo.png');
}
.no{
display:none;
}
.mostrar{
display:block;
position:fixed;
top:180px;
left:250px;
}
.botonsubmit{
background-image:url('botonreg.png');
width:76px;
height:24px;
}
.botonregistro{
position:fixed;
top:180px;
left:33px;
font-family:calibri bold;
font-size:20px;
text-align:left;
background-color:#91DBFF;
border-color:blue;
border-width:3px;
border-width:3px;
width:141px;
height:39px;
}
.input {
background-color:#91DBFF;
font-family:calibri bold;
font-size:15;
color:black;
height:30px;
width:200px;
border-color:blue;
border-width:2px;
border-width:2px;
}
.input:hover{
background-color:white;
}
.submit{
position:fixed;
top:150px;
right:230px;
background-color:black;
font-family:Amperzand;
font-size:18px;
color:#FFC90E;
width:100px;
height:27px;
font-size:
}
.cuadrosocial
{
position:fixed;
top:200px;
right:880px;
width:438px;
height:527px;
border:solid:2px 2px 2px 2px;
color:#FFC90E;
background:none;
}
A ver si pudiérais decirme porque en mozilla no funciona. Gracias por la ayuda de antes!