, les dejo mi codigo espero me peudan ayudarDesde ya muchas gracias
CSS:
Cita:
HTML@charset "utf-8";
body {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: #723321;
}
form {
margin: 5px 35px 5px 35px;
}
input{
width: 530px;
}
textarea {
width: 530px;
}
h3.titulo {
color:#402021;
text-indent: 35px;
font-size: 16px;
}
h2.subtitulo {
font-size: 14px;
color:#723321;
text-indent: 35px;
}
.contenedor {
width:740px;
margin: 0px auto;
padding: 1px 0;
}
.header {
color:#FFFFFF;
width: inherit;
height: 175px;
background: #723321 url(../img/header.jpg);
}
.contenido {
height: 600px;
float:left;
background:#FFFFFF;
width: 600px;
}
#lateral {
height: 600px;
background: #402021;
float: left;
width: 140px;
}
.header a:link, a:visited {
color:#FFFFFF;
text-decoration:none;
}
.header a:hover {
color: #eab108;
text-decoration:underline;
}
#menuHeader {
font-size:13px;
font-weight:bold;
font-style:italic;
list-style:none;
padding-left:140px;
padding-top: 75px;
}
#menuHeader li {
margin: 0px 15px 0px 15px;
float:left;
}
.datos {
padding: 30px 20px 0px 0px;
color:#FFFFFF;
text-align:right;
}
.info {
text-align:justify;
margin: 20px 35px 50px 35px;
}
.infosub {
text-align:justify;
margin: 10px 35px 10px 35px;
}
.leftimg {
float:left;
margin-right: 5px;
}
.rightimg {
float:right;
margin-left: 5px;
}
body {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: #723321;
}
form {
margin: 5px 35px 5px 35px;
}
input{
width: 530px;
}
textarea {
width: 530px;
}
h3.titulo {
color:#402021;
text-indent: 35px;
font-size: 16px;
}
h2.subtitulo {
font-size: 14px;
color:#723321;
text-indent: 35px;
}
.contenedor {
width:740px;
margin: 0px auto;
padding: 1px 0;
}
.header {
color:#FFFFFF;
width: inherit;
height: 175px;
background: #723321 url(../img/header.jpg);
}
.contenido {
height: 600px;
float:left;
background:#FFFFFF;
width: 600px;
}
#lateral {
height: 600px;
background: #402021;
float: left;
width: 140px;
}
.header a:link, a:visited {
color:#FFFFFF;
text-decoration:none;
}
.header a:hover {
color: #eab108;
text-decoration:underline;
}
#menuHeader {
font-size:13px;
font-weight:bold;
font-style:italic;
list-style:none;
padding-left:140px;
padding-top: 75px;
}
#menuHeader li {
margin: 0px 15px 0px 15px;
float:left;
}
.datos {
padding: 30px 20px 0px 0px;
color:#FFFFFF;
text-align:right;
}
.info {
text-align:justify;
margin: 20px 35px 50px 35px;
}
.infosub {
text-align:justify;
margin: 10px 35px 10px 35px;
}
.leftimg {
float:left;
margin-right: 5px;
}
.rightimg {
float:right;
margin-left: 5px;
}
Cita:
<!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" />
<link rel="shortcut icon" href="favicon.ico" />
<title>Factor FE</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="contenedor">
<div class="header">
<p class="datos"><b> Teléfono: </b>33-33-68-67<br/>
<b>E-mail: </b> <a href="mailto:[email protected]">contacto@facto rfe.com</a></p>
<ul id="menuHeader">
<li><a href="index.php">Inicio</a></li>
<li><a href="somos.php">¿Quiénes Somos?</a></li>
<li><a href="infogral.php">Información General</a></li>
<li><a href="contacto.php">Contacto</a></li>
</ul>
</div>
<div id="lateral"></div>
<div class="contenido">
<h3 class="titulo">Inicio</h3>
<p class="info"> <img src="img/imginicio.jpg" class="leftimg" />Si vives en la Zona Metropolitana de Guadalajara, nos encantaría que nos acompañaras en alguna de nuestras celebraciones. En estas páginas encontrarás información acerca de nuestras primeras actividades, a realizarse en los meses de Octubre y Noviembre de este año. <br/>
<br/>
Queremos formar parte de tu fin de semana, y para ello queremos darte información útil, para hacer fácil tu llegada a Factor Fe. <br />
<br/>
Desde este momento queremos que te sientas en confianza, pues en Factor Fe, la confianza es muy importante, queremos que te sientas lo más a gusto posible y que juntos podamos pasar un buen tiempo de celebrando y compartiendo la importancia y el significado que la Fe tiene en nuestras vidas.</p>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon.ico" />
<title>Factor FE</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="contenedor">
<div class="header">
<p class="datos"><b> Teléfono: </b>33-33-68-67<br/>
<b>E-mail: </b> <a href="mailto:[email protected]">contacto@facto rfe.com</a></p>
<ul id="menuHeader">
<li><a href="index.php">Inicio</a></li>
<li><a href="somos.php">¿Quiénes Somos?</a></li>
<li><a href="infogral.php">Información General</a></li>
<li><a href="contacto.php">Contacto</a></li>
</ul>
</div>
<div id="lateral"></div>
<div class="contenido">
<h3 class="titulo">Inicio</h3>
<p class="info"> <img src="img/imginicio.jpg" class="leftimg" />Si vives en la Zona Metropolitana de Guadalajara, nos encantaría que nos acompañaras en alguna de nuestras celebraciones. En estas páginas encontrarás información acerca de nuestras primeras actividades, a realizarse en los meses de Octubre y Noviembre de este año. <br/>
<br/>
Queremos formar parte de tu fin de semana, y para ello queremos darte información útil, para hacer fácil tu llegada a Factor Fe. <br />
<br/>
Desde este momento queremos que te sientas en confianza, pues en Factor Fe, la confianza es muy importante, queremos que te sientas lo más a gusto posible y que juntos podamos pasar un buen tiempo de celebrando y compartiendo la importancia y el significado que la Fe tiene en nuestras vidas.</p>
</div>
</div>
</body>
</html>
