Jump to content
Sign in to follow this  
Followers 0
RauL~

html site..

By RauL~, in Garden of Freedom

Recommended Posts

RauL~    1

RauL~
Posted

Css

body{

  background:#8cd8ff;

  text-align: center;

  font: Arial, Tahoma, Verdana;

  top:0px;

 

}

#topo{

  height: 135px;

  background: #131129;

  color: white;

}

 

 

#menu{

    height: 25px;

    background: url(imagens/img-menu.jpg) repeat;

}

#menu ul{

 

padding: 3px 0 0 0;

margin: 0;

 

list-style: none;

width: 100%;

font: 14px Arial;

 

}

#menu ul li{

display: inline;

 

}

 

#menu ul li a{

margin: 0 8px 0 8px;

padding: 6px 0 0 0;

text-decoration: none;

color: white;

 

 

}

#meu ul li a:hover{

background: black;

font-style: none;

 

 

}

 

 

 

 

#conteudo{

  width: 645px;

  height: 414px;

  background:;

  background:# url(imagens/img-conteudo.jpg) no-repeat bottom;

  margin: 0 auto;

  text-align:left;

  padding: 11px;

 

}

 

#b-esquerdo{

    width: 195px;

height: 158px;

background: #31a4a8 url(imagens/img-baixo.gif) no-repeat bottom;

    float: left;

    margin: 20px 0 11px 13px;

padding: 0px 2px 2px 2px;

color:white;

}

 

#b-central{

    width: 195px;

height: 158px;

background: #31a4a8 url(imagens/img-baixo.gif) no-repeat bottom;

padding: 0px 2px 2px 2px;

float: left;

margin: 20px 0px 11px 11px;

color:white;

}

 

#b-direito{

    width: 195px;

height: 158px;

background: #31a4a8 url(imagens/img-baixo.gif) no-repeat bottom;

float:right;

margin: 20px 13px 11px 0;

padding: 0px 2px 2px 2px;

color:white;

}

 

#b-inferior{

    width: 619px;

height: 199px;

background:#31a4a8 url("imagens/lol.gif") no-repeat bottom;

margin: 0 auto;

    clear: both;

 

 

 

  }

 

 

 

 

#rodape{

 

height: 20px;

font: Arial;

    margin: 0 auto;

color: white;

text-align: center;

}

 

 

html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>The Economist</title>

<link href="estilo.css" type="text/css" rel="stylesheet">

</head>

<body>

 

    <div id="topo"><!--div topo-->

    <h1>The Economist</h1>

</div><!--div topo fim-->

   

<div id="menu"><!--div menu-->

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">News</a></li>

<li><a href="#">Articles</a></li>

<li><a href="#">Books</a></li>

<li><a href="#">Teachers</a></li>

<li><a href="#">University</a></li>

<li><a href="#">World</a></li>

</ul>

</div><!--div menu fim-->

    <div id="conteudo"><!--div conteudo-->

 

  <div id="b-esquerdo"><!--div b-esquerdo-->

  <p>     

  xxx</p>

  </div><!--div b-esquerdo fim-->

 

      <div id="b-central"> <!--div b-central-->

  <p>xxx</p>

      </div><!--div b-central fim-->

 

        <div id="b-direito"><!--div b-direito-->

  <p>xxx</p>

        </div><!--div b-direito fim-->

 

            <div id="b-inferior"><!--div b-inferior-->

<p></p>

  </div> <!--fim div b-inferior-->

 

</div><!--div conteudo fim-->

 

<div id="rodape"><!--div rodape-->

Powered by Raul Sebold

</div><!--div rodape fim-->

 

 

 

 

</body>

</html>

Share this post

Link to post
Share on other sites

RauL~    1

RauL~
Posted

very simple and still have some bugs.. i was learning how to do it.. i was just testing.. : )

Share this post

Link to post
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
Sign in to follow this  
Followers 0
Go To Topic Listing

Links

News and Updates

×
×
  • Create New...