ke hago mal? hoja CSS externa

FireLion · #1 (**permalink**) 09/10/2004, 13:39

Tengo una pagina ke me gusta mucho como cree el estilo(con estilo interno). pero ahora la quiero crear con los mismos estilo pero con la .css externa y no me sale el boton de submit chiquito como la pagina ke tienen el estilo incluido, alguien puede decirme en donde me equivoke? por ke ya cheke y es lo mismo.

Hoja ke me gusta y ke tiene el estilo metido.

<html>
<head>
<title>Recomendar a un amigo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" bottommargin="0" text="#000000"><form name="form1" method="post" action="recomendar.php">
<table width="93" border="0" cellspacing="0" cellpadding="0" style="font-family: Arial, Helvetica, sans-serif; font-size:8pt">
<tr>
<td width="93">Tu nombre: </td>
</tr>
<tr>
<td><input name="reconombre" type="text" size="20" style=" border-collapse:collapse 1pt solid;border-color:#000000; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size:9px"></td>
</tr>
<tr>
<td>Tu email:</td>
</tr>
<tr>
<td><input name="recoemail" type="text" size="20" style=" border-collapse:collapse 1pt solid;border-color:#000000; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size:9px"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>Email de tu amigo: </td>
</tr>
<tr>
<td><input name="mailamigo" type="text" size="20" style=" border-collapse:collapse 1pt solid;border-color:#000000; border-width: 1px; font-family: Arial, Helvetica, sans-serif; font-size:9px"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="center"><input type="submit" name="Submit" value="Recomendar" width="10" style="width:50pt;border-width:1px; border-style: solid; font-family:Arial, Helvetica, sans-serif; font-size:9px"></td>
</tr>
</table>
</form>
</body>
</html>
-----------------------------------------------------------------------
Ahora pongo la hoja ke no me sale el mismo estilo pero en externo :(
<html>
<head>
<title>Recomendar a un amigo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK href="estilo1.css" type=text/css rel=stylesheet>
</HEAD>
</head>
<body leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0" bottommargin="0" text="#000000">
<form name="form1" method="post" action="recomendar.php">
<table title="Recomiendanos" width="95" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="97">Tu nombre: </td>
</tr>
<tr>
<td><input name="reconombre" type="text" size="20"></td>
</tr>
<tr>
<td>Tu email:</td>
</tr>
<tr>
<td><input name="recoemail" type="text" size="20"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>Email de tu amigo: </td>
</tr>
<tr>
<td><input name="mailamigo" type="text" size="20"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="center"><input type="submit" name="Submit" value="Recomendar" width="10"></td>
</tr>
</table>
</form>
</body>
</html>
--------------------------------------------------------------------------
Pongo el estilo externo :

A:LINK {
color : #8B0000;
text-decoration : none;
font: Tahoma;
font-size: 10 pt;
}

A:HOVER {
background-color : #FFFFFF;
color : Red;
text-decoration : none;
font: Tahoma;
size: 8px;
}

A:VISITED{
color : #708090;
text-decoration : none;
font: Tahoma;
size: 8px;
}

.p1{
font-family: Tahoma;
size: 8px;
}

INPUT{
border-collapse: collapse 1pt solid;
font-size: 8pt;
font-family: tahoma;
border-width: 1px;
border-color: Black;
}

SUBMIT{
width:20px;
border-width:1px;
border-style: solid;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
}

TABLE{
font-family: Arial, Helvetica sans-serif;
font-size:8pt;
background-color: transparent;

}

Alguien puede allar el errror por favor ?
P.D. Gracias por tomarse la molestia de leer este post y...
salu2

luka · #2 (**permalink**) 13/10/2004, 12:46

Por lo que veo tu quieres utilizar dentro de la hoja de estilos los valores de SUBMIT, pero SUBMIT no es una etiqueta, por lo que te esta cogiendo los valores que tienes para la etiqueta INPUT. tendrías que crear una clase como por ejemplo .submit en el imput del boton poner <input class=".submit".
Tambien tienes que tener en cuenta que esta poniendo en width el valor px que son pixeles cuando creo que debes poner el valor pt que son puntos.
Por otra parte en la hoja de estilo el punto y coma no es necesario después de la definición del último elemento.
Espero haber acertado en la respuesta

FireLion · #3 (**permalink**) 13/10/2004, 14:08

en efecto era el input gracias :)