Ver Mensaje Individual
  #6 (permalink)  
Antiguo 29/04/2008, 14:13
Avatar de fonchi
fonchi
 
Fecha de Ingreso: septiembre-2006
Ubicación: Concepción
Mensajes: 170
Antigüedad: 17 años, 7 meses
Puntos: 0
Re: Problema con <> resolución.

Hola de nuevo:

Bueno a continuacion les muestro el código

Disculpen la tardanza

Muchas gracias, salu2.
.................................................. .................................................. .............................
CSS
.........
BODY
{
FONT: 11% verdana,arial,helvetica,sans-serif;
background-image:url(fondo3.jpg);
height:100%;


}

P
{
FONT-SIZE: 11px;
COLOR: #586885;
LINE-HEIGHT: 120%
}
HR
{
DISPLAY: none
}
H1
{
FONT-SIZE: 25px;
MARGIN: 0px;
COLOR:#FFFFFF;
TEXT-ALIGN: left
}
H2
{
FONT-SIZE: 20px;
TEXT-TRANSFORM: capitalize;
COLOR:#FFFFFF;
TEXT-ALIGN: left
}
H3
{
FONT-SIZE: 18px;
COLOR:#FFFFFF;
TEXT-ALIGN: left
}
H4
{
FONT-SIZE: 15px;
COLOR:#FFFFFF;
TEXT-ALIGN: left
}
H5
{
FONT-SIZE: 13px;
COLOR:#FFFFFF;
TEXT-ALIGN: left
}
H4
{
FONT-SIZE: 12px;
COLOR:#FFFFFF;
TEXT-ALIGN: left
}

TD
{
FONT-SIZE: 12px;
COLOR: #586895;
TEXT-ALIGN: center
}

A
{
FONT-SIZE: 12px;
COLOR: #325fa0
}

A:link
{
TEXT-DECORATION: none
}

A:visited
{
COLOR: #325fa0;
TEXT-DECORATION: none
}

A:hover
{
COLOR: #000066
}
A:active
{
COLOR: #09c;
TEXT-DECORATION: none
}
#container
{
/*BORDER-LEFT-COLOR:#000000;*/
/*BORDER-BOTTOM-COLOR: #000000;*/
MARGIN: 1px auto;
WIDTH: 700px;
/*BORDER-TOP-STYLE: solid;*/
/*BORDER-TOP-COLOR: #000000;*/
/*BORDER-RIGHT-STYLE: solid;*/
/* BORDER-LEFT-STYLE: solid;*/
HEIGHT:800px;
BACKGROUND-COLOR: #dde6ac;
/*BORDER-RIGHT-COLOR: #000000;*/
/*BORDER-BOTTOM-STYLE: solid*/
}
.header
{
BORDER-BOTTOM-COLOR: #000000;
MARGIN: 0px 0px 10px;
WIDTH: 700px;
HEIGHT: 140px;
BACKGROUND-COLOR:#666666;
BORDER-BOTTOM-STYLE: solid
}
#cuerpo{
width: 100%;
}
.izquierda{
position: relative;
BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
FLOAT: left;
MARGIN: 0px 0px 5px 5px;
BORDER-LEFT: 1px solid;
WIDTH: 200px;
BORDER-BOTTOM: 1px solid;
BACKGROUND-COLOR:#666666;
}


.izquierda UL
{
FONT: bold 11px/140% Verdana, Arial, Helvetica, sans-serif;
TEXT-TRANSFORM: capitalize;
COLOR: #586895
}
.derecha
{
position: relative;
BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
FLOAT: right;
MARGIN: 0px 5px 5px 0px;
BORDER-LEFT: 1px solid;
WIDTH: 150px;
BORDER-BOTTOM: 1px solid;
BACKGROUND-COLOR:#666666;
}

.principal{
position: relative;
width:313px;
float: left;
background-color:#FFF;
margin-left: 5px;
margin-right: 5px;
border-style:solid;
border-width:1px;
border-color:#000000;
padding:0px;
}

.footer
{
CLEAR: both;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
MARGIN: 5px;
BORDER-LEFT: #000000 1px solid;
WIDTH: 800;
BORDER-BOTTOM: #000000 1px solid;
HEIGHT:65px;
BACKGROUND-COLOR: #fff
}
.footer H6
{
MARGIN-TOP: 5px;
FONT-SIZE: 10px;
MARGIN-LEFT: 5px;
TEXT-TRANSFORM: uppercase;
COLOR:#000000;
MARGIN-RIGHT: 5px;
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=iso-8859-1" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Last-Modified" content="0" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta name="author" content="Lo H@cemos Web" />
<title>Documento sin t&iacute;tulo</title>
<link href="base.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<div class="header"><h1>Fonchi-XS</h1></div>

<div id="Cuerpo">
<div class="izquierda">
<ul>
<li><a>www.forosdelweb.com</a></li>
</ul>
</div>
<div class="derecha">&nbsp;</div>
<div class="principal">&nbsp;</div>
</div>
<div class="footer">&nbsp;</div>
</div>

</body>

</html>