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

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...