Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » HTML » la previsualización de mi código se ve mal

HTML - la previsualización de mi código se ve mal

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil

la previsualización de mi código se ve mal

Publicado por yeison stiven (2 intervenciones) el 30/08/2023 05:15:29
Buenas tardes, cuando ejecuto mi código se ve como en la imagen, ya ensaye cambiar el navegador en que se ejecuta y en todos es igual, le envié el código a mi profesor y me dice que es problema de mi equipo o de configuración porque a el se le ve bien.

duda

Ojala me puedan ayudar, muchas gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

la previsualización de mi código se ve mal

Publicado por Martha (137 intervenciones) el 30/08/2023 18:02:57
Eso suele ser debido a la ruta del archivo .css

Lo mejor que puedes hacer es usar rutas absolutas, o a las malas, poner el .css en el mismo directorio que el .html
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

la previsualización de mi código se ve mal

Publicado por yeison stiven (2 intervenciones) el 30/08/2023 22:09:04
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
    <head>
        <title>Mi primera pagina web</title>
        <style>
            body {
                background-color: lightblue;
            }
        </style>
    </head>
    <body>
        <form action="login.html">
            <h1>Registro</h1>
            <p><label>Nombres:</label></p>
            <p><input type="text" name="nombres" required></p>
            <p><label>Apellidos:</label></p>
            <p><input type="text" name="apellidos" required></p>
            <p><label>Genero:</label></p>
            <input type="radio" name="genero" required> Masculino
            <input type="radio" name="genero" required> Femenino
            <input type="radio" name="genero" required> Otro
            <p><label>Digite su identificacion</label></p>
            <p><input type="number" min="1" max="9999999999" required></p>
            <p><label>Fecha de nacimiento</label></p>
            <p><input type="date" required></p>
            <p><label>Password</label></p>
            <p><input type="password" required></p>
            <p><input type="submit" value="Ingresar"></p>
        </form>
    </body>
</html>


1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
    <title>Mi primera pagina web</title>
</head>
<body>
    <h1>PAGINA DE INICIO</h1>
    <a href="registro.html"><button>Registrar</button></a>
</body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
    <title>Mi primera pagina web</title>
</head>
<body>
    <h1>BIENVENIDO AL LOGIN</h1>
    <form>
        <label>Ingrese su id:</label><br><br>
        <input type="number" min="1" max="9999999999" required><br><br>
        <label>Ingrese su password:</label><br><br>
        <input type="password" required><br><br>
        <a href="index.html"><button>Login</button></a>
    </form>
    <a href="registro.html"><button>Regresar</button></a>
</body>
</html>

esto es lo q tengo en una misma carpeta, que cambio para q no se me vea asi ? :(
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar