Foros del Web » Creando para Internet » CSS »

ke hago mal? hoja CSS externa

Estas en el tema de ke hago mal? hoja CSS externa en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/10/2004, 14:39
Avatar de FireLion  
Fecha de Ingreso: noviembre-2002
Ubicación: En una Cueva
Mensajes: 89
Antigüedad: 15 años
Puntos: 0
ke hago mal? hoja CSS externa

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>&nbsp;</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>&nbsp;</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>&nbsp;</td>
</tr>
<tr>
<td>Email de tu amigo: </td>
</tr>
<tr>
<td><input name="mailamigo" type="text" size="20"></td>
</tr>
<tr>
<td>&nbsp;</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
  #2 (permalink)  
Antiguo 13/10/2004, 13:46
 
Fecha de Ingreso: octubre-2004
Mensajes: 1
Antigüedad: 13 años, 2 meses
Puntos: 0
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
  #3 (permalink)  
Antiguo 13/10/2004, 15:08
Avatar de FireLion  
Fecha de Ingreso: noviembre-2002
Ubicación: En una Cueva
Mensajes: 89
Antigüedad: 15 años
Puntos: 0
en efecto era el input gracias :)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:09.