bueno utilizando la recomendacion de kseso? hice esto con mi codigo
HTML
Código:
<head>
<title>CRM Business : Seminario Taller -Marketing y Comercio electronico para miPYMES</title>
<meta name="title" content="CRM Business : Seminario Taller -Marketing y Comercio electronico para miPYMES" />
<meta name="description" content="Comprenda como el comercio electronico puede hacer de su empresa una gran compañia" />
<meta name="keywords" content="seminario, marketing electronico, comercio electronico, capacitacion en comercio electronico, formacion en comercio electronico, ventas por internet, venta por internet" />
<meta name="language" content="es-co" />
<meta name="identifier-url" content="http://seminariomipyme.crmbusiness.biz" />
<meta name="author" content="CRM Business" />
<meta name="reply-to" content="[email protected]" />
<meta name="copyright" content="2009 (c) CRM Business" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="resource-type" content="document" />
<link href="images/estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor">
<div id="title"></div>
<div id="logo"></div>
<div id="titulo1">Aproveche esta oportunidad!!!!!!</div>
<div id="imagen"></div>
<div id="texto"><li class="cont">Cada día es más notorio que las empresas quieran incrementar sus niveles de tecnología para agilizar sus procesos administrativos y comerciales de una forma eficiente y exitosa, pero desafortunadamente no encuentran una manera rentable de hacerlo. Actualmente el uso de las soluciones electrónicas en mercadeo apoyados en el Internet complementan el progreso de la empresa y posibilitan un negocio tanto a nivel nacional como internacional, abriendo sus puertas a un nuevo modelo de competitividad, incrementando sus relaciones con los clientes y consumidores de manera oportuna y efectiva.
Hoy en día las personas y empresas utilizan el Internet para acceder a un sin número de servicios y a toda la información necesaria para sus actividades diarias, así mismo las empresas pueden utilizar el medio para mejorar sus relaciones con ellos aplicando estrategias de mercadeo electrónico.
</li>
</div>
<div id="menu"><a href="index.html">[INICIO]</a> - <a href="pres.html">[PRESENTACION]</a> - <a href="objetivo.html">[OBJETIVO]</a> - <a href="dirigido.html">[QUIENES DEBEN ASISTIR]</a> - <a href="contenido">[CONTENIDO]</a> - <a href="conferencistas.html">[CONFERENCISTAS]</a> - <a href="informes.html">[INFORMES E INSCRIPCIONES]</a> - <a href="apoyo.html">[PAUTE EN EL EVENTO]</a></div>
<div id="apoyan_text">Apoyan:</div>
<div id="pauta">
<div id="fundaempresa" ><a href="http://www.fundaempresa.org" target="_blank"<img src="images/fundaempresa.jpg" border="0"></a></div>
<div id="cnc"><a href="http://www.cncali.com" target="_blank"<img src="images/cncali.jpg" border="0"></div>
<div id="bureau" ><a href="http://www.bureau-creativo.com" target="_blank"<img src="images/bureau.jpg" border="0"></div>
<div id="reserv1"><a href="apoyo.html" target="_blank"<img src="images/reserv.png" border="0"></div>
<div id="reserv2"><a href="apoyo.html" target="_blank"<img src="images/reserv.png" border="0"></div>
<div id="reserv3"><a href="apoyo.html" target="_blank"<img src="images/reserv.png" border="0"></div>
<div id="reserv4"><a href="apoyo.html" target="_blank"<img src="images/reserv.png" border="0"></div>
<div id="reserv5"><a href="apoyo.html" target="_blank"<img src="images/reserv.png" border="0"></div>
<div id="reserv6"><a href="apoyo.html" target="_blank"<img src="images/reserv.png" border="0"></div>
<div id="reserv7"><a href="apoyo.html" target="_blank"<img src="images/reserv.png" border="0"></div>
</div>
</div>
CSS
Código:
/* CSS Document */
body{background-color:#9999FF;}
#contenedor{
width:1024px;
}
#title{
width:648px;
height:194px;
background-image:url(title.jpg); repeat:no-repeat;
float:left;
}
#logo{
width:376px;
height:194px;
background-color:#ffffff;
background-image:url(logo.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
}
#titulo1{
width:1024px;
margin-top:20px;
background-color:#33CCFF;
text-align:center;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
#imagen{
width:288px;
height:192px;
margin-top:50px;
margin-left:30px;
background-image:url(image.jpg);
float:left;
}
#texto{
width:400px;
margin-left:120px;
margin-top:50px;
background-color:#FFFFFF;
float:left;
}
#apoyan_text{
background-color:#3300FF;
width:1024px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin-top:20px;
clear:both;
float:left;
}
#pauta{
background-color:#330099;
width:1024px;
height:90px;
margin-top:20px;
float:left;
}
#fundaempresa{
width:100px;
height:85px;
float:left;
}
.cont{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
}
#cnc{
width:100px;
height:60px;
float:left;
}
#bureau{
width:100px;
height:56px;
float:left;
}
#reserv1{
width:101px;
height:84px;
float:left;
}
#reserv2{
width:101px;
height:84px;
float:left;
}
#reserv3{
width:101px;
height:84px;
float:left;
}
#reserv4{
width:101px;
height:84px;
float:left;
}
#reserv5{
width:101px;
height:84px;
float:left;
}
#reserv6{
width:101px;
height:84px;
float:left;
}
#reserv7{
width:101px;
height:84px;
float:left;
}
#menu{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:40px;
float:left;
}
#menupres{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
top:520px; position:absolute;
left:40px; position:absolute;
float:left;
}
a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
pero resulta que no me funka bien porque las imagenes que se supone van dentro del contenedor que he llamado pauta no aparecen dentro de el sino que se ubican a la izquierda de apoyan_text
alguien me podria ayudar a organizarlo?
para ilustrar un poco aqui dejo lo que he hecho hasta ahora
http://seminariomipyme.crmbusiness.biz/new
la idea es que las imagenes de abajo queden en una sola linea y que lo que esta debajo del cuadro blanco baje porque automaticamente cuando el tamaño de este cuadro varie
teniendo en cuenta que apenas llevo 5 horas aprendiendo divs creo que he logrado un gran avance, solo me falta lo que pregunto jeje alguien me puede ayudar?