arigrodriguez1201 escribió:Crea un div que se llame cuerpo, otro que se llame publicidad por ejemplo. Luego en estilos les pones si tu pagina tiene un tamaño de ancho de 1024 px a cuerpo le pones 824 px y a publicidad le pones 200 px, todo esto con la propiedad width. Luego le pones a cada div la propiedad float: left y ya tenes todo el lateral derecho para poner publicidad.
Disculpa, esta es mi página: En donde hago eso?
<!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" />
<title>Untitled Document</title>
<link rel="stylesheet" href="emx_nav_left.css" type="text/css" />
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;
//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = allitems;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}
//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}
function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
<style type="text/css">
<!--
.Estilo1 {font-size: 40%}
.Estilo2 {color: #0000FF}
.Estilo4 {font-size: 100%}
.Estilo5 {
font-family: "Comic Sans MS";
font-size: 20px;
color: #FF00CC;
}
.Estilo7 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #3333FF;
}
.Estilo8 {color: #000000}
.Estilo9 {color: #009933}
.Estilo14 {color: #33CC00}
-->
</style>
</head>
<body onmousemove="closesubnav(event);">
<div class="skipLinks">skip to: page content | links on this page | site navigation | footer (site information) </div>
<div id="pagecell1">
[contenido no disponible] [contenido no disponible] <div id="breadCrumb"> Inicio / Contáctenos </div>
<div id="pageName">
<h2>Contáctenos<span class="Estilo1"></span> </h2>
[contenido no disponible] </div>
<div id="pageNav">
<div id="sectionLinks"> Uruapan Zamora San Juan Nuevo</div>
<div id="advert">
[contenido no disponible]<span class="Estilo7">Anunciate con nosotros</span> </p>
<iframe src="
http://pmssrv.mercadolibre.com.mx/jm/PmsSrv?tool=5730596&creati…"
width="160" height="600" scrolling="No" frameborder="0" marginheight="0" marginwidth="0"></iframe>
</p>
</div>
</div>
<div id="content">
<div class="feature">
[contenido no disponible] <h1 class="Estilo2"> </h1>
<h1 class="Estilo2"> </h1>
<h1 class="Estilo2">Medios de contácto </h1>
</p>
E-mail: <span class="Estilo14">[correo eliminado]</span></p>
<p class="Estilo14">[correo eliminado]</p>
<span class="Estilo9"><span class="Estilo8">Skype</span>:</span> <span class="Estilo14">comerciosenmexico</span> </p>
</p>
</p>
Skype es un programa para hacer chat, llamadas y videollamadas gratis entre computadoras.</p>
Es gratis, descárgalo aquí: <span class="Estilo2">
Skype </span></p>
</div>
<div class="story">
<h3></h3>
<h3></h3>
<h3></h3>
<h3></h3>
<h3></h3>
<h3>Historia</h3>
La empresa "Comercios en México S.A de C.V." (COEMEX), se funda en el año 2010 con la visión de consolidarse como una empresa Mexicana con una visión empresarial muy definida de satisfacer las necesidades publicitarias de las pequeñas, medianas o grandes empresas Mexicanas y/o extranjeras con necesidad de soluciones publicitarias de vanguardia para dar a conocer su imagen a todos los consumidores tanto Mexicanos como extranjeros.</p>
<h3>Misión</h3>
Ser una empresa dedicada a ofrecer servicios publicitarios de la más avanzada tecnología con una atención personalizada a sus clientes por medio de sus promotores a lo largo de todo el país en los tiempos acordados.</p>
<h3>Visión </h3>
Ser una empresa competitiva y rentable, con servicios diversificados y que además ofrezca</p>
<h3>Lema </h3>
Inovación y confiabilidad en sus servicios. </p>
</p>
</p>
</p>
</p>
</p>
</div>
</div>
<div id="siteInfo">
Acerca de nosotros | Contactenos | Copyright ©2010 Comercios en Mexico S.A. de C.V.</p>
</div>
</div>
<script type="text/javascript">
<!--
var menuitem1 = new menu(7,1,"hidden");
var menuitem2 = new menu(7,2,"hidden");
var menuitem3 = new menu(7,3,"hidden");
var menuitem4 = new menu(7,4,"hidden");
var menuitem5 = new menu(7,5,"hidden");
var menuitem6 = new menu(7,6,"hidden");
var menuitem7 = new menu(7,7,"hidden");
// -->
</script>
<div id="masthead">
<h1 id="siteName">comerciosenmexico.com</h1>
<div id="utility">
YouTube |
Enciclopedia |
Traductor </div>
<div id="globalNav">
<div class="glink" id="globalLink">
PantzingoFacebookTwitter</div>
<form id="search" action="
http://www.google.com/custom">
<table cellspacing=".001" cellpadding="0" border="0">
<tr>
<td>
</td>
<td>
<input type="text" name="q" size="25" maxlength="255" value=""> </td><td>
<input type="submit" name="btnG" value="Buscar en Google">
</td>
</tr>
</table>
</form>
<div id="subglobal1" class="subglobalNav"> subglobal1 link | subglobal1 link | subglobal1 link | subglobal1 link | subglobal1 link | subglobal1 link | subglobal1 link </div>
<div id="subglobal2" class="subglobalNav"> subglobal2 link | subglobal2 link | subglobal2 link | subglobal2 link | subglobal2 link | subglobal2 link | subglobal2 link </div>
<div id="subglobal3" class="subglobalNav"> subglobal3 link | subglobal3 link | subglobal3 link | subglobal3 link | subglobal3 link | subglobal3 link | subglobal3 link </div>
<div id="subglobal4" class="subglobalNav"> subglobal4 link | subglobal4 link | subglobal4 link | subglobal4 link | subglobal4 link | subglobal4 link | subglobal4 link </div>
<div id="subglobal5" class="subglobalNav"> subglobal5 link | subglobal5 link | subglobal5 link | subglobal5 link | subglobal5 link | subglobal5 link | subglobal5 link </div>
<div id="subglobal6" class="subglobalNav"> subglobal6 link | subglobal6 link | subglobal6 link | subglobal6 link | subglobal6 link | subglobal6 link | subglobal6 link </div>
<div id="subglobal7" class="subglobalNav"> subglobal7 link | subglobal7 link | subglobal7 link | subglobal7 link | subglobal7 link | subglobal7 link | subglobal7 link </div>
<div id="subglobal8" class="subglobalNav"> subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link | subglobal8 link </div>
</div>
</body>
</html>
