Jump to content

Programacion de Paginas Html


Recommended Posts

Alguien sabe por que no me aparecen las secciones de la pagina y solo me aparece la cabecera

<html>

<head>

<title> Pagina con secciones </title>

<style type = "text/css">

body{

font-family : sans-serif;

background-color : yellow;

}

# arriba {

height : 90px;

width : 100%;

background-color : green;

color : white;

}

# izquierda {

whidth : 20%;

background-color : red;

color : white;

}

# central {

position : absolute;

top : 110px; /* para tener un poco de holgura */

left : 23%

background-color : blue;

color : white;

}

</style>

</head>

<body>

<div id = "arriba">

<p>

Este texto va a quedar en la parte de arriba de la

pagina.

</p>

</div>

<div id = "izquierda">

<p>

Este texto va a quedar a la izquierda de la pagina,

donde habitulamente quedan los menus de navegacion.

</p>

</div>

<div id = "central">

<p>

Esto va quedar hacia el centro de la pagina,

ocupando el espacio que corresponde al contenido

central de una pagina

</p>

</div>

</body>

</html>

Link to comment
Share on other sites

haber primero que nada tienes un error en el css

# arriba

deberia ser asi:

#arriba

osea sin el espacio.

y lo mismo para todos los demas.

 

otra cosa:

 

# izquierda {

whidth : 20%;

background-color : red;

color : white;

}

# central {

position : absolute;

top : 110px; /* para tener un poco de holgura */

left : 23%;

background-color : blue;

color : white;

}

 

ojo con la sintaxis donde esta marcado de rojo

Edited by nazhox
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...