doctype y css

browen · #1 (**permalink**) 29/01/2011, 21:07

muy buenas...

espero me puedan ayudar con un problemita que tengo.

resulta que estoy haciendo un formulario con html y css,
pero al agregar <!DOCTYPE html> u otro doctype al archivo html no me carga el css por lo que el formulario se ve horrible

alguna ayuda o consejo seran bien recibidos

gracias y saludos.

Kurozaki · #2 (**permalink**) 29/01/2011, 22:13

si poneis tu codigo HTML, te podriamos ayudar mejor

browen · #3 (**permalink**) 29/01/2011, 22:44

Este codigo funciona perfecto salvo por un td:hover que no funciona porque creo que hay que agregarle el doctype

Código HTML:

Ver original<html>
    <head>
        <link rel="stylesheet" href="css/login-style.css" />
        <title>LOGIN TO YOUR ACCOUNT</title>
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
        <form action="" method="post" autocomplete="off">
            <table id="login-form-contain">
                <tr>
                    <td>
                        <table id="login-form" width="438" height="278" border="0" cellpadding="0" cellspacing="0" align="center">
                            <tr>
                                <td rowspan="6">
                                    <img src="img/asdsad_01.jpg" width="20" height="278" alt="" /></td>
                                <td colspan="3">
                                    <img src="img/asdsad_02.jpg" width="398" height="87" alt="" /></td>
                                <td rowspan="6">
                                    <img src="img/asdsad_03.jpg" width="20" height="278" alt="" /></td>
                            </tr>
                            <tr>
                                <td colspan="3" class="login-form-input-username" valign="top">
                                    <!--<img src="img/asdsad_04.jpg" alt="">-->
                                    <input type="text" name="username" class="username" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                    <img src="img/asdsad_05.jpg" width="398" height="23" alt="" /></td>
                            </tr>
                            <tr>
                                <td colspan="3" class="login-form-input-password" valign="top">
                                    <!--<img src="img/asdsad_06.jpg" width="398" height="51" alt="">-->
                                    <input type="password" name="password" class="password" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <img src="img/asdsad_07.jpg" width="38" height="45" alt="" /></td>
                                <td>
                                    <img src="img/asdsad_08.jpg" width="163" height="45" alt="" /></td>
                                <td>
                                    <img src="img/asdsad_09.jpg" width="197" height="45" alt="" /></td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                    <img src="img/asdsad_10.jpg" width="398" height="26" alt="" /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

entonces le agrego un doctype como este:
<!DOCTYPE html>

y se deforma porque no toma las propiedades css

Kurozaki · #4 (**permalink**) 29/01/2011, 22:53

agregale un doctype adecuado.

<!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional", etc etc.....

y en el link rel agregale.

type="text/css"

Saludos...

jomaruro · #5 (**permalink**) 30/01/2011, 04:29

Hola:

El DOCTYPE debes incluirselo siempre es la manera de indicar al navegador como debe interpretar el HTML.

Saludos.

browen · #6 (**permalink**) 30/01/2011, 08:28

bueno gracias a todos por responder, acabo de solucionar el problema y se debia a que el servidor local que trae incluido NuSphere PhpED no lo interpretaba bien, asi que lo acabo de configurar con wamp server y todo ok