Entrar

problemas con el centrado de index.html y estilos-css,

orfeo45 · · Solicitar retirada
Buenos dias, sigo teniendo el mismo problema con el centrad de textos del index.html y de plantilla.html, igualmente con los colores de estilo-general.css y estilos.css, os adjunto copia de las plantillas

index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Aves de Popayan</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head>
<body>
<p class="centrado">Bienvenidos a la pagina web de las Aves de Popayan</p>


[contenido no disponible]</p>


[correo eliminado]</p>
</body>
</html>

estilo.css

body {background-color: #556B2F}
img{border-style:none}
background-image:url(objetos/fondo.png)
.Bienvenidos a la pagina web de las Aves de Popayan{text-align:center}

plantilla.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylessheet"href="estilo-general.css"type="text/css"media="all">
</head>
<body>
<div id=global">
<div id="cabecera">INTRODUCCION</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

estilo-general.css

body {text-align: center}
#cabecera {background-color: pink}
#navegacion {background-color: gray}
#contenido {background-color: orange}
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }

AGRADECERE ME REVISEN LA INFORMACION Y ME CORRIJAN POSIBLES ERRORES. Saludos

Orfeo45
manmanu · · Solicitar retirada
Hola orfeo45,

bueno, así por encima antes de mirar más a fondo mira lo que tienes escrito, prueba a cambiar lo que te pongo, y comentas que se soluciona;

orfeo45 escribió:index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Aves de Popayan</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head>
<body>
<p class="centrado">Bienvenidos a la pagina web de las Aves de Popayan</p>


[contenido no disponible]</p>


[correo eliminado]</p>
</body>
</html>

estilo.css

body {background-color: #556B2F}
img{border-style:none}
background-image:url(objetos/fondo.png)esto no debería ir dentro de body??
.Bienvenidos a la pagina web de las Aves de Popayan esto creo que es .centrado{text-align:center}Es un estilo Class que hará que tú texto "Bienvenidos a la pagina web de las Aves de Popayan" se centre.

Así me parece que está escrito en el curso.
Prueba a hacer los cambios.

saludos manmanu