No puedo aplicarle el estilo a un input desde un archivo externo

neoarcangel · #1 (**permalink**) 05/05/2015, 13:18

Llevo ya bastante tiempo dandole vueltas a porque no me funciona esto.

Este es mi codigo html

Código HTML:

<!DOCTYPE HTML>
<html lang="en-US">
    <link href="css/estilos13.css" rel="stylesheet" type="text/css"/>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/estilos.css" media="all" />
    <script type="text/javascript"  src="../../js/jqueryG.js">
    </script>
    <script type="text/javascript"  src="../../js/jquery-ui/jquery-ui.js">
    </script>
   <link rel="stylesheet" type="text/css" 
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
    <script type="text/javascript">
        $(document).ready(
                
                                function inicializar()
                                            {
                                                $('#deslizador').slider();
                                                  
                                            }
                            )
    </script>
    
    <title></title>
</head>
<body>
    <div id="contenedor">
        <form action="busca.php" method="post">
            <input type="text" name="termino" value="introduce un termino" />
            <input type="submit" value="enviar" />
        </form>
        <div class="resultado">
            <div class="izquierda">
                Español
            </div>
            <div class="derecha">
                Ingles
            </div>
        </div>
    </div>
</body>
</html>

Y este es mi css

Código HTML:

body
{
    font-family: Verdana,Arial;
    background-color: pink;
}


input
{
    width: 96%;
    height: 30px;
/*    background-color: black;*/
}

Realmente es simplisimo, pero no alcanzo a comprender por que no me funciona.
Si copio el css directamente en el documento html funciona perfectamente los estilos en el input, pero en un archivo externo es imposible, lo curioso, es que el resto de estilos si los pongo en un archivo externo si que funcionan, pero el input text no, incluso el submit funciona ,he probado con la ruta completa en los estilos y tampoco funciona.
He probado poniendo ids, clases al input y al submit y nada, diferentes navegadores y mismo resultado.

pzin · #2 (**permalink**) 05/05/2015, 13:30

¿Y qué estilo es el que se aplica? Tal vez exista alguna otra regla sobreescribiendo esa. Y si no es eso, es que está mal enlazada la hoja de estilos.

neoarcangel · #3 (**permalink**) 05/05/2015, 13:58

Código HTML:

body
{
    font-family: Verdana,Arial;
    background-color: pink;
}


input
{
    width: 96%;
    height: 30px;
/*    background-color: black;*/
}

Se aplica el estilo del body, es decir la fuente verdana y el fondo rosa, le puse un fondo para ver si se aplicaba o no, pero el input no se aplica.
Para ver si se sobreescribia le cambie el nombre a estilos.css y aun asi sigue sin funcionar.

AngelKrak · #4 (**permalink**) 05/05/2015, 14:54

amigo no tienes la pag subida para poder ver el codigo completo?

fede5426 · #5 (**permalink**) 06/05/2015, 12:35

Como dijeron antes, seguramente hay otra regla que sobrescribe esa. Lo probe y el código tal cual lo pasaste si funciona, si a vos te toma los estilos del body y no los del input, no le veo otra salida.

neoarcangel · #6 (**permalink**) 06/05/2015, 13:12

Despues de darle muchisimas vueltas, al final lo he resuelto pero sigo sin saber por que no me funcionaba, lo unico que he cambiado es el nombre del archivo externo de estilos.css a stylex.css nada mas y asi funciona, aunque no entiendo por que.

Lo unico que se me ocurre es que sea cosa de netbeans a la hora de crear proyectos.

Tengo un projecto de netbeans que es para una empresa que ha solicitado varias webs, la distribucion es

Código:

NOMBRE DE LA EMPRESA (PROJECTO)
   WEB1
             CARPETAS WEB1
                    PHP
                    ESTILOS
    WEB2
             CARPETAS WEB2
                    PHP
                    ESTILOS
    WEB3
             CARPETAS WEB3
                    PHP
                    ESTILOS  
   etc

Si no es por eso no se me ocurre por que puede ser, probablemente sea lo que decis una sobreescritura.
¿Puede ser que al crear proyectos en netbeans pase algo asi con los estilos?

Gracias a todos los que habeis respondido